/* 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. 

background-color: #154473; color 1
background-color: #045687; color 2

*/

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

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

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

#wrapper{
	width:960px;
	margin: 5px auto;
	background-color: #FFFFFF;
	z-index:1;
}

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

/**********************************************************************
Navigation begin
***********************************************************************/
#nav {
	margin:	0;
	padding-bottom: 12px;
	color:#FFFFFF;
	list-style: none;
	width: 175px;
	margin-left:-10px;
	height: 10px;
}

#nav li {
		margin: 0px;
		padding: 0px;
		position:relative;
		background-color: #045687;
		border-bottom-style:solid;
		border-color:#FFFFFF;
		border-bottom-width:1px;
		border-left: 10px solid #82BAE1;
}

#nav li a {
	  	/*float:left;*/
		display:block;
		color: #FFFFFF; /*the text color of the link*/
		text-decoration: none;
		padding: 0 5px;
		line-height: 2.25;
		text-align: center;
		width:145px;
		}

	
#nav a:hover {
	background-color: #82BAE1;
	color: #FFFFFF;
	line-height:2.25;
}

#nav ul ul {
 	margin-left: 12px;
 	position: absolute;
 	left: -3000px;
}
/*#nav ul ul li {
 border-bottom: 1px solid #711515;
 margin:0;
}
#nav ul ul a:link, #nav ul ul a:visited {
 background-color: #ED9F9F;
 color: #711515;
}*/
/*#nav ul ul a:hover {
 background-color: #711515;
 color: #FFFFFF;
}*/

#nav li:hover ul{
  left: 7em;
  top: 4px;
}
.onlink{
	background-color: #82BAE1;
	color: #FFFFFF;
}
/*******************************************************************************
									top menu
*******************************************************************************/

#content #lil-menu{
	padding-top: 2px;	
}

#lil-nav {
	margin:	0;
	padding: 0;
	background: #FFFFFF;/*background of the menu items*/
	color:#FFFFFF;
	list-style: none;
	width: 960px;
	padding-top:12px;
	margin-bottom:-12px;
	margin-left:0px;
	height: 24px;
}


#lil-nav li {
		margin: 0px;
		padding: 0px;
		float:right;
		background-color:#82BAE1;
}

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

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

#lil-nav #lil-nav_2 a {
		border-right-style:solid;
		border-color:#FFFFFF;
		border-right-width:2px;
		width:115px;
		}
		
#lil-nav #lil-nav_3 a {
		border-right-style:solid;
		border-color:#FFFFFF;
		border-right-width:2px;
		width:125px;
		}

/************************************end of navigation bar*****************************************/

/**********************************Content section begin*******************************************/
#content{
width:100%;
padding-bottom:12px;
padding-top: 0px;
/*height:820px;*/
}

/*.content{
    height:600px;
}*/

#content ul li {	
	list-style-type: none;
	margin-left: 12px;
}

#content #content_small{
float:left;
width: 175px;
height:286px;
margin-left: 5px;
margin-bottom: 12px;
/*background: url(images/small-content-background.png) repeat-y;*/
padding: 2px 0px 0px 0px;
}

.border {
border-style: solid;
border-color: #045687;
border-width:3px;
background:url(images/small-content-background.png) repeat-y;
}

#content_small ul li {
	/*list-style: circle;*/
	padding: 0px 0px 0px 0px;
}

.inside_content_small{
	background:#FFFFFF;
}

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

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

.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;}*/

#content #small_content_block{
	width:160px;
	margin-top: 230px;
	padding-bottom: 0px;
	height:230px;
}

#small_content_high{
	margin-top:12px;
/*	padding-left:5px;*/
	padding-right: 5px;
	margin-left:-12px;
}	

#small_content_top{
	background:url(images/small-content-background-border1-top.png) no-repeat;
	margin-top:-2px;
	margin-left:-12px;
	padding-left:5px;
	padding-right: 5px;	
}

/*#small_content_top ul li{
	background: #045687;
}*/

#small_content_bottom{
	background:url(images/small-content-background-border1-bottom.png) no-repeat;
	margin-left:-12px;
}

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

#small_content_top ul{
	padding: 5px 5px 0px 5px;
}

#small_content_top {
	background:url(images/small-content-background-border1-middle.png) repeat-y;
}

#content_big .inside_content{
	background:url(images/big-content-background-middle.png) repeat-y;
}

#content-background-top{
	background:url(images/big-content-background-top.png) no-repeat;
	padding-bottom:-4px;
}

.content-background-bottom{
	background:url(images/big-content-background-bottom.png) no-repeat;
	margin-bottom: 12px;
}
#content_big_quote_left{
	float: right;
	margin-bottom: 12px;
}

.FL-map{
float:right;
margin-right:15px;
padding-left: 5px;
padding-bottom: 5px;
}

.text-center{
	text-align:left;
}

#content_big_quote_right{
	width:400px;
	height:334px;
	float: right;
	margin-bottom:12px;
	margin-left:12px;
	background-image:url(images/Florida_State_locals.png);
	background:no-repeat;
}

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

#table{
	text-align:left;
}

.inside_content_small{
	padding:10px 15px 10px 15px;
}

.inside_content_center{
	background-color:#FFF;
	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 {
clear:both;
height:90px;
background-color:#045687;
border-bottom-width: 12px;
font-size:9px;
}

#bolt{
	width:245px;
	height: 50px;
	
	margin-top: 12px;
	margin-right: 12px;
	float:right;
	font-size:12px;
	color:#FFF;
	text-align: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;
	margin-top: 1px;
	color:#FFFFFF;
	text-align:center;
}

.webmaster{
	color:#FFFFFF;
	margin-left:12px;
	float:left;
	width:175px;
	margin-top:48px;
	font-size:12px;
}

.webmaster a {
	color:#FFFFFF;	
	text-decoration:none;
}