html, body {
padding:0;
margin: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
text-align: center;
background: url(images/background.gif) repeat-x;
}

/* @group Layout */

#outer {
	margin: 38px 0 0 0;
	text-align:left;
}

#main_body{
	margin: 0 auto 0 auto;
	width: 777px;
}

#main_body_inner{
	float: left;
	background: #fff url(images/background_column.gif) repeat-y 6px;
}

#left {
	float: left;
	width: 197px;
	height: 482px;
	background-color: #a5217e;
}

#left_shadow {
	float: left;
	width: 6px;
	height: 535px;
	background: url(images/shadow_left.jpg);
}

#left_inner_right {
	float: left;
}

#logo {
	margin: 29px 0 0 29px;
}

#right {
	float: left;
	width: 574px;
	
	
}

#right_inner_left{
	float: left;
	width: 28px;
	height: 482px;
	background: url(images/curve.gif) no-repeat bottom left;
}

#right_inner_right {
float:left;
width:545px;
	}
	
#header{
width:530px;
float:left;
padding-bottom:5px
}

#title{
width:240px;
float:left
}

#navigation{
width:200px;
float:right;
text-align:right
}

#footer {
	float: right;
	width: 771px;
	height: 31px;
	background-color: #7f2360;
	text-align:center;
	padding: 17px 0 0 0;
	color:  #fff;
}

#bottom_footer {
	float: left;
	width:771px;
	height:6px;
	background: url(images/shadow_base.jpg);
}

/* @end */

/* @group Fonts */

p {
	font-size: 12px;
	color: #333;
}

ul {
	margin:0 0 0 3px;
}

li {
	font-size: 12px;
	color: #333;
	padding: 0 0 0 13px;
	line-height:16px;
	list-style-type:none;
	background: url(images/bullet.gif) no-repeat left center;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #000;
}

#navigation a {
	color: #4d4d4d;
}

#navigation a:hover {
color:#a5217e
}
/* @end */