/* CSS Document */

/*==================================*/
/*    Author: Chris Johnson         */
/*    Company: Corporate 3 Design   */
/*    Date: July 8, 2008           */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background: url(../images/main/bg_shadow.jpg) repeat-y 50% 50% #f8f2e7;
}

.clear {
	clear:both;
}

a:link {color: #6e3776; text-decoration: underline;}
a:visited {color: #6e3776; text-decoration: underline;}
a:hover {text-decoration: underline; color: #005195;}
a:active {text-decoration: underline; color:#6e3776;}

img {
	border: 0;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	font-size: 1em;
	background-color: #fff;
}

ul {
	list-style: none;
	margin: 0;
}

/*==================================*/
/*------------- HEADER -------------*/
/*==================================*/

#header {
	background: url(../images/home/headerimage.jpg) no-repeat;
	width: 900px;
	height: 430px;
}


#header ul#logo li{
	width: 436px;
	height: 108px;
	margin: 0 0 0 84px;
	overflow:hidden;
	text-indent:-5000em;
}

#header ul#logo li a{
	display: block;
	width: 436px;
	height: 108px;
}


/*==================================*/
/*------------ NAVIGATION ----------*/
/*==================================*/

#header ul#navigation {
	width: 698px;
 	height: 40px;
 	padding: 251px 0 0 202px;
 	position: relative;
	overflow:hidden;
	text-indent:-5000em;
}

#header ul#navigation li {margin: 0; padding: 0; list-style: none; float: left; height: 40px;}

#header ul#navigation a {display: block;}

#home {width: 140px; height: 40px;}
#aboutsrs {width: 118px; height: 40px;}
#whysrs {width: 101px; height: 40px;}
#srsnews {width: 110px; height: 40px;}
#contactus {width: 132px; height: 40px;}
#links {width: 97px; height: 40px;}

#home a {height: 40px;}
#aboutsrs a {height: 40px;}
#whysrs a {height: 40px;}
#srsnews a {height: 40px;}
#contactus a {height: 40px;}
#links a {height: 40px;}

/* This is the active state if you are on a certain section */
#homepage #home a {background: url(../images/home/headerimage.jpg) -202px -430px no-repeat;}
#aboutpage #aboutsrs a {background: url(../images/home/headerimage.jpg) -342px -430px no-repeat;}
#whypage #whysrs a {background: url(../images/home/headerimage.jpg) -460px -430px no-repeat;}
#newspage #srsnews a {background: url(../images/home/headerimage.jpg) -561px -430px no-repeat;}
#contactpage #contactus a {background: url(../images/home/headerimage.jpg) -671px -430px no-repeat;}
#linkspage #links a {background: url(../images/home/headerimage.jpg) -803px -430px no-repeat;}

#home a:hover {background: url(../images/home/headerimage.jpg) -202px -430px no-repeat;}
#aboutsrs a:hover {background: url(../images/home/headerimage.jpg) -342px -430px no-repeat;}
#whysrs a:hover {background: url(../images/home/headerimage.jpg) -460px -430px no-repeat;}
#srsnews a:hover {background: url(../images/home/headerimage.jpg) -561px -430px no-repeat;}
#contactus a:hover {background: url(../images/home/headerimage.jpg) -671px -430px no-repeat;}
#links a:hover {background: url(../images/home/headerimage.jpg) -803px -430px no-repeat;}


/*==================================*/
/*------------ CONTENT -------------*/
/*==================================*/

#content {
	float: left;
	width:530px;
	padding: 14px 0 14px 40px;
	line-height: 130%;
	font-size:.8em;
}

#content ul {
	list-style: none;
	margin: 0 0 10px 0;
}

#content ul li {
	background: url(../images/main/bullet.gif) top left no-repeat;
	padding: 0 0 0 12px;
}

#content h2{
	color: #6e3776;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: normal;
}

#content h3{
	color: #ab9bd3;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	padding: 10px 0 10px 0;
	line-height: 150%;
}

#content h4{
	color: #805087;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	padding: 10px 0 10px 0;
}

#content p{
	margin: 0 0 10px 0;
}

/*==================================*/
/*------------- FEATURE ------------*/
/*==================================*/

#feature {
	clear: both;
	background-color: #f6eedc;
	width: 784px;
	padding: 15px;
	margin: 0 0 30px 40px;
	color: #fff;
}

#feature .ad1 {
	float: left;
	background-color: #6e3776;
	width: 250px;
	margin: 0 17px 0 0;
}

#feature .ad2 {
	float: left;
	background-color: #6e3776;
	width: 250px;
	margin: 0 17px 0 0;
}

#feature .ad3 {
	float: left;
	background-color: #6e3776;
	width: 250px;
}

/*==================================*/
/*------------- SIDEBAR ------------*/
/*==================================*/

#sidebar {
	float: right;
	width:260px;
	padding: 0 40px 0 0;
}

#sidebar .widget {
	background:url(../images/main/widget_bg.jpg) top left repeat-y;
	width: 260px;
}

#sidebar .widget .top {
	background:url(../images/main/widget_bg_top.jpg) top left no-repeat;
	width: 260px;
}

#sidebar .widget .bottom {
	background:url(../images/main/widget_bg_bottom.jpg) bottom left no-repeat;
	width: 260px;
	padding: 0 0 36px 0;
}

#sidebar .widget li{
	padding: 17px 17px 0 17px;
	font-size: .8em;
}

#sidebar .widget strong{
	color: #6e3776;
	font-weight: bold;
}

/*==================================*/
/*------------- FOOTER -------------*/
/*==================================*/

#footer {
	clear: both;
	background: url(../images/main/footer_bg.gif) no-repeat top left #fbf7f1;
	width: 850px;
	font-size: .7em;
	padding: 25px;
	text-align: center;
}

#footer ul{
	list-style:none;
	margin: 0 auto;
	width: 365px;
}

#footer ul li{
	float: left;
	padding: 0 0 0 13px;
}

#footer ul li a, #footer ul li a:visited, #footer ul li a:active{
	color: #000;
	text-decoration:none;
}

#footer ul li a:hover {
	color: #845485;
}

#footer .womenscenterlogo {
	clear: both;
	padding: 24px 0 0 0;
}

#copyright {
	color: #2f80ad;
	padding: 24px 0 0 0;
}