/* CSS Document */
/****************************************************************************************************************************************/

/*JFulldesign design notes*/

/*using the 960/5 grid, all things should fall into the five imaginary columns that result from this template, all spaces/gutter is 12px*/

/*thinking of pursuing the rounded corners and on header and footer to give some smoothness to the design. Also will need to follow the h1 - h7 rules, no other h's until the preceding one is used. seperate reocurring things into the classes. */

/****************************************************************************************************************************************/

*{
	padding: 0px;
	margin: 0px;
}

html{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px;
	line-height: 1.5em;
	background-color: #353535;
}

#wrapper{
	/*background-color:#CC0066;*/
	width:960px;
	margin: 5px auto 5px;
	background:url(images/fade-black.png) repeat-x;
	background-color: #FFFFFF;
	/*border-style:solid;
	border:thin;
	border:#000000;*/
}

#header{
margin-bottom:12px;
height:192px;
}

/*#banner{
	background:url(images/APRI-banner1.pgn) no-repeat;
	height:192px;
	width: 960px;
}*/
/**********************************************************************
Navigation begin
***********************************************************************/
#nav {
	margin:	0;
	padding: 0;
	background: #FFFFFF;/*background of the menu items*/
	color:#FFFFFF;
	list-style: none;
	width: 960px;
	margin-left:0px;
	height: 45px;
}

#nav li {
		margin: 0px;
		padding: 0px;
		float:left;
		background-color: #000000;
}

#nav a {
	  	float:left;
		color: #FFFFFF; /*the text color of the link*/
		text-decoration: none;
		padding: 0 5px;
		line-height: 3.25;
		text-align: center;
		/*border-color:#FFFFFF;*/
		border-right: 5px;
		}

#nav #nav_home a {
		border-right-style:solid;
		border-color:#FFFFFF;
		border-right-width:2px;
		width:115px;
		
		}

#nav #nav_about a {
		border-right-style:solid;
		border-color:#FFFFFF;
		border-right-width:2px;
		width:115px;
		}
		
#nav #nav_bio a {
		border-right-style:solid;
		border-color:#FFFFFF;
		border-right-width:2px;
		width:125px;
		}
		
#nav #nav_involve a {
		border-right-style:solid;
		border-color:#FFFFFF;
		border-right-width:2px;
		width:125px;
		}
		
#nav #nav_news a {
		border-right-style:solid;
		border-color:#FFFFFF;
		border-right-width:2px;
		width:125px;
		}
		
#nav #nav_partners a {
		border-right-style:solid;
		border-color:#FFFFFF;
		border-right-width:2px;
		width:125px;
		}

#nav #nav_affiliates a {
		border-right-style:none;
		width:148px;
		}
		
#nav a:hover {
	background-color: #DB126E;
	color: #CCCCCC;
}

.onlink{
	background-color: #DB126E;
	color: #FFFFFF;
}

#nav_home a #nav_about a #nav_bio a #nav_affiliates a #nav_partners a #nav_bio a #nav_involve a {
	background-color: #DB126E;
	color:#FFFFFF;
	font-weight: bold;
}
/***********************************88end of navigation bar*****************************************/

/**********************************Content section begin*******************************************/
#content{
width:100%;
margin-bottom:12px;
padding-top: 48px;
height:100%;
/*border-color:#000000;
border-left:solid;
border-right:solid;*/
}

#content ul li {	
	list-style-type: disc;
	margin-left: 25px;
}

#content a:hover, a:visited, a:active, a:link{
	color:#DB126E
}

#content_small ul li {
	list-style:none;
	padding: 5px 10px 5px 3px;
}

.active {
	color:#DB126E;
	font-size:12px;
	font-weight:bold;
	background-color:#070707;
	color:#FFFFFF;
	list-style:square;
}

#content_small{
float:left;
width: 175px;
margin-left: 12px;
margin-bottom: 12px;
margin-top: 12px;
background:#FFFFFF;
padding: 5px 0px 5px 0px;
/*border-style:solid;
border-right-color: #000000;
border-right-width:8px;
border-left-width: 0px;
border-top-width: 0px;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-bottom-width: 0px*/
}

.rolling_images{
	/*padding: 12px 12px 12px 12px;*/
}

.center img {
		padding: 12px 12px 12px 40px;
}

.inside_content_small{
	background:#FFFFFF;
}

.space{
	margin-left: 36px;
}

.left_space{
	float:left;
	padding-right: 12px;
}

.small_text{
font-size:9px;
font-family: Verdana;
text-align:center;
padding: 5px 5px 5px 5px;
color:#FFFFFF;
}

.small_text_black{
font-size:9px;
font-family: Verdana;
text-align:left;
padding: 5px 15px 5px 5px;
color:#000000;
border-style:solid;
border-color:#DB126E;
background-image:url(images/APRI_Image2_Light.png) no-repeat;
}

.small_content_block{
	height:96px;
	width:175px;
	background-color: #DB126E;
	margin-top: 12px;
	margin-bottom: 12px;
}

#content_big{
float:right;
width:738px;
margin-top:12px;
margin-right:10px;
margin-bottom: 12px;
}

#content_big_quote_left{
	width: 462px;
	float: left;
	margin-bottom: 12px;
}

/*#officers{
float:left;
margin-right: 10px;
}*/

.dropcap{
	padding-top:10px;
	font-size:24px;
}

#content_big_quote_right{
	width:260px;
	float: right;
	margin-bottom:12px;
	margin-left:12px;
}

.inside_content{
padding:10px 10px 10px 10px;
}

.inside_content_center{
	text-align:center;
padding:10px 10px 10px 10px;
}

#slideshow{
	width: 700px;
	height: 375px;
	padding: 12px 12px 12px 12px;
	border-style: solid;
	float:left;
	margin-left: 12px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-color:#DB126E;
	border-left-width: 1px;
	border-left-color: #DB126E;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-color: #DB126E;
	clear:both;
}

/**********************************Content Ende***********************************************/

/************************************Footer Begin*********************************************/

#footer {
/*padding-top: 12px;*/
clear:both;
height:120px;
/*background:url(images/fusia-bar.png) repeat-x;*/
background-color: #000000;
border-bottom-width: 12px;
font-size:9px;
}

#bolt{
	width:245px;
	height: 50px;
	/*margin-right: 12px;*/
	margin-top: 12px;
	margin-right: 12px;
	float:right;
	}
	
#join_the_list{
	width:260px;
	height: 70px;
	margin-left: 12px;
	margin-top: 12px;
	margin-right: 95px;
	float:left;	
	background:url(images/APRI_Newletter_Icon.png) no-repeat;
	background-color:#FFFFFF;
}

.small_footer_block{
	height:94px;
	width:245px;
	float: left;
/*	background-color: #000000;*/
	margin-top: 1px;
	/*margin-right:85px; */
	color:#FFFFFF;
	text-align:center;
}

.webmaster{
	color:#FFFFFF;
	margin-right:6px;
	float:right;
	width:225px;
	padding-top:36px;
	font-size:10px;
}