html,body{

background-color:#F7F7F3;

font-family: "Actor","Myriad Pro",Arial,Helvetica,sans-serif;
text-align:center;
font-size:1.0em;
}

h1{
text-align:left;
color:#90CBF5;
}

h2{
text-align:left;
color:#90CBF5;
margin-top:0px;
}

#slides{
position:relative;
float:left;
width:472px;
height:318px;
/*height:13%;*/
margin-right:2%;
}


#newsheadlines{
position:relative;
margin:auto;
width:98%;

padding:2% 1% 1% 2%;

border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;


background-color:#90CBF5;
color:#FFFFFF;


}


#pagewidth{
position:relative;
margin:auto;
margin-top:5px;
width:95%;
max-width:980px;
background-color:#FFFFFF;
color:#000000;
padding:2% 0% 0% 2%;

border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

-moz-box-shadow:5px 5px 5px #585858;
-webkit-box-shadow:5px 5px 5px #585858;
-o-box-shadow:5px 5px 5px #585858;
box-shadow:5px 5px 5px #585858;
}

.pagewidthwrapper{
position:relative;
margin:auto;
width:98%;
clear:both;
}

#nav{
position:relative;

float:left;
font-size:1.0em;
font-weight:bold;
/*width:850px;*/
/*border-style:solid;*/
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#CCCCCC;
margin-bottom:10px;
}


#mobile_nav
{
position:relative;
width:98%;
float:left;
}



/*navigation using drop down menu without javascript*/
#nav ul {
	background-color:#ffffff;
	/*background-color:#a30059;*/
color:#000000;


padding: 0 0px 0px; 
	list-style: none;
	position: relative;
	display: inline-table;
}




	#nav ul:after {
		content: ""; clear: both; display: block;
	}


#nav ul ul {
	display: none;
	
}

	#nav ul li:hover > ul {
		display: block;
		background-color:#ffffff;
	}
	
#nav ul li {
	float: left;
	
	display: block; 
	padding: 5px 0px;
	/*padding: 5px 0px; */
	color:#000000;
	

}
	#nav ul li:hover {
		background-color:#ffffff;
	
		
	}
		#nav ul li:hover a {
			color:#273792;
			
		}
	
	#nav ul li a {
		
		color: #000000; 
		text-decoration: none;
	}

#nav ul ul {
	/*background: #5f6975;*/
    background-color: #FFFFFF;	
	border-radius: 0px;
	padding: 0;
	position: absolute; 
	top: 100%;
	width:150px;
	z-index:100;
	color:#000000;
}
	#nav ul ul li {
		float: none; 
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		position: relative;
		color:#000000;
		text-align:left; /*robetlin*/
	}
		#nav ul ul li a {
			
			color:#000000;
		}	
			#nav ul ul li a:hover {
				background:#FFFFFF;
				color:#273792;
				text-decoration:underline;
			}
#nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0; 
	width:100%;
}

/*end navigation menu*/

/* mobile navigation using drop down menu without javascript*/
#mobile_nav ul {
	background-color:#ffffff;
	/*background-color:#a30059;*/
color:#000000;


padding: 0 0px 0px; 
	list-style: none;
	position: relative;
	display: inline-table;
}




	#mobile_nav ul:after {
		content: ""; clear: both; display: block;
	}


#mobile_nav ul ul {
	display: none;
	
}

	#mobile_nav ul li:hover > ul {
		display: block;
		background-color:#ffffff;
	}
	
#mobile_nav ul li {
	float: left;
	
	display: block; 
	padding: 5px 0px;
	/*padding: 5px 0px; */
	color:#000000;
	

}
	#mobile_nav ul li:hover {
		background-color:#ffffff;
	
		
	}
		#mobile_nav ul li:hover a {
			color:#273792;
			
		}
	
	#mobile_nav ul li a {
		
		color: #000000; 
		text-decoration: none;
	}

#mobile_nav ul ul {
	/*background: #5f6975;*/
    background-color: #FFFFFF;	
	border-radius: 0px;
	padding: 0;
	position: absolute; 
	top: 100%;
	width:150px;
	z-index:100;
	color:#000000;
}
	#mobile_nav ul ul li {
		float: none; 
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		position: relative;
		color:#000000;
		text-align:left; /*robetlin*/
	}
		#mobile_nav ul ul li a {
			
			color:#000000;
		}	
			#mobile_nav ul ul li a:hover {
				background:#FFFFFF;
				color:#273792;
				text-decoration:underline;
			}
#mobile_nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0; 
	width:100%;
}
/*end mobile_navigation menu*/

#mobile_nav{
display:none;

}




#main_left_image{
position:relative;
float:left;
width:40%;
}

#main_col{
position:relative;
float:left;
width:75%;
max-width:731px;
text-align:left;
}

#inside_main_col{
position:relative;
float:left;
width:99%;
max-width:975px;
text-align:left;
}

#right_col{
position:relative;
float:right;
width:25%;
max-width:200px;

}


.clearB{
height:.01em;
width:100%;
clear:both;
overflow:hidden;	
}

img{
max-width:100%;
}



.larger{
font-size:1.4em;
}




.justify{
position:relative;
float:left;

text-align:justify;
}

.content{
position:relative;
float:left;
text-align:left;
font-size:1.05em;
width:100%;
}



.green{
/*color: #6db100;*/
color:#58B950;
}

.blue{
color:#273792;
}

/* for blurred slides */

.newSlider{
    padding:0px;
    margin:0px;
    list-style-type:none;
    position:relative;
}
#slideHolder{
    overflow:hidden;
}
.newSlider li a{
    /*border:0px;*/
    text-decoration:none;
}
.newSlider li a img{
   border:0px;
    border: 1px solid #ccc;
    text-decoration:none;
	/*
	text-decoration:none;
  border: 1px solid #ccc;

    background-color: white;

    padding: 9px;

    margin: 7px;
	*/

	
}

.newSlider li{
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

/* end for slides */




/*form styling*/
legend{
font-weight:bold;
text-align:left;
}
 
 .form_row{
position:relative;
width:100%;
float:left;
margin-top:10px;
clear:both;
text-align:left;
}

.input_title{
position:relative;
float:left;
text-align:left;
}

.hidden{
display:none;
}
.formbutton{
background-color:#273792;
color:#ffffff;
float:right; 

}

.show{
display:block;
}

.checkboxes{
position:relative;
float:left;
}
.checkboxes label
{
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
	width:100%;
}

.checkboxes input
{
    vertical-align: middle;
}

.checkboxes label span
{
    vertical-align: middle;
}


@media screen and (min-width: 481px) {

.input_title{
position:relative;
float:left;
width:200px;
}



}

.input_data{
position:relative;
float:left;
text-align:left;
}




/* end form styling */


#footer{
position:relative;
float:left;
width:100%;
margin-top:10px;
clear:both;
border-top-style:solid;
border-top-color:#CCCCCC;
border-top-width:1px;
}

#footer_top{
position:relative;
float:left;
width:100%;
text-align:center;
}
.smItem{
position:relative;
float:left;
text-align:center;
font-size:0.4em;
margin-left:10px;
}

.smItem img{
height:40px;
}

#sm{
position:relative;
float:left;

padding-top:2%;
padding-bottom:2%;
}

#footer a{
text-decoration:none;
color:#000000;
}
#footer a:hover{
text-decoration:underline;
color:#000000;
}



#footer_left{
position:relative;
float:left;

/*height:90px;*/
float:left;
line-height:150%;
padding-top:5px;
padding-left:5px;
text-align:left;
border-style:solid;
}


#footer_lower_left{
position:relative;
float:left;
width:60%;

margin-bottom:2px;
/*border-style:solid;*/
}

#logos{
position:relative;
float:right;
padding:5px;

}






/*media queries*/

/*under 975px - mainly aimed at ipad in portrait view*/
@media screen and (max-width: 974px){
#index_green_circle{
width:200px;
height:200px;
}
#index_pink_circle{
width:200px;
height:200px;
}
.circle_header{
font-size:1.35em;
margin-top:30px;
}



/*
.list_carousel{
display:none;
}
*/
}

/*smaller tablets*/
@media screen and (max-width: 780px){



#lower_main_left{
position:relative;
float:left;
width:100%;
font-size:0.95em;
font-weight:bold;
}
#lower_main_right{
position:relative;
float:right;
width:100%;
font-size:0.95em;
font-weight:bold;
}

#index_lower_left{
position:relative;
float:left;
width:98%;
}
#index_lower_main{
position:relative;
float:left;
width:98%;
font-size:0.95em;
font-weight:bold;
}
#index_lower_left60{
position:relative;
float:left;
width:98%;
}
#index_lower_main40{
position:relative;
float:left;
width:98%;
font-size:0.95em;
font-weight:bold;
}

#index_green_circle{
width:240px;
height:240px;
}
#index_pink_circle{
width:240px;
height:240px;
}

.circle_header{
font-size:1.35em;
margin-top:15px;
}

#left_half{
position:relative;
margin:auto;
width:99%;

}
#right_half{
position:relative;
margin:auto;
width:99%;

}

#nav{
display:none;

}
#mobile_nav{
display:block;
}


}



/* start smallest screen */
@media screen and (max-width: 480px){

#slides{
position:relative;
display: block;

text-align:center;
width:100%;

}

#main_col{
position:relative;

float:left;
width:98%;


}

#right_col{
position:relative;
float:left;
margin:auto;
width:98%;


}

.col{
position:relative;
float:left;
width:97%;
padding:1.5%;
text-align:justify;
font-size:1.2em;

}


#nav{
display:none;

}
#mobile_nav{
display:block;
}

#main_left_image{

width:98%;
}

#rightIntro{
position:relative;
float:left;
width:98%;
clear:both;
padding-top:10px;
}
#intro{
text-align:left;
}

#index_lower_left{
position:relative;
float:left;
width:98%;

text-align:justify;
color:#273792;
font-size:1.1em;
font-weight:800;
margin-bottom:10px;
}




.input_data{
clear:both;
}

}