/* *********************************************************
    Roy this CSS is exactly the same as the LIVE version 
	The only difference is the PMO menu in the Home HTML
	Turquoise color is 02737b $in_content_head_col
	
	font col #797979
	background #FDFDFD 
    Headings color temp_content_head_col
	hover temp_content_head_col #00314F
	header 2 #FFFFFE
	footer temp_menu_hoverback_col
	
	
   ********************************************************* */
img, div, input { behavior: url("iepngfix.htc") }
body {
	margin: 0;
	padding: 0;
	font-family: temp_glob_font_typ, helvetica, tahoma, arial;
	font-size: medium;
	background : #FDFDFD  url(images/bg_blue_smooth_grey.png) repeat-x top;
   	color : #797979 
 	line-height : 1.5em;
 	color: #797979;
}


a:hover {
		color : #00314F
		text-decoration : underline;
}

h1 {
   font : bold 1.2em;
   padding : 8px 0 4px 0;
   margin : 0;
   color : #437AC0 
}

h2 {
   font : bold 1.2em;

}

h3 {
   padding : 0px;
   margin : 0;
   color : #00314F  
}

h4 {
   text-align:right;
}

ul {
   margin : 0;
   padding : 0;
   list-style : none;
}

img {
	border : 0;
}

hr {
   height : 1px;
   border-style : none;
   color : #d0d0d0;
   background-color : #c0c0c0;
   margin : 10px 0;
}

.content {
		 margin : 0 auto;
		 width : 900px;
/* border: thin solid green; */    	
}
/* *********************************
    Header - 
   ********************************* */
#header {
	 padding: 0px 20px 0px 0px;
	 background : transparent;
	 height : 160px;
/* border: thin solid red; */     	
}

#header h1 {
	text-align: right; 
	padding: 20px 10px 10px 10px;
	font-size: 1.6em;
	color: #FFFFFE;
	margin: 0px 0px 0px 0px; 		
}
#header h2 {
	text-align: right; 
	padding: 0px 10px 4px 10px;
	margin: 0px 0px 0px 0px; 	
	font-size: 1.3em;
	font-style: italic;		
	color: #00314F	
}
#header h3, #header h4 {
	padding: 0px 10px 10px 10px;
	text-align: right; 
	color: #00314F	
	margin: 0px 0px 0px 0px; 	
}
#header h5 {
	padding: 20px 10px 0px 10px;
	text-align: center; 
	color: #FFFFFE;
	margin: 0px 0px 0px 0px; 	
}
/* *********************************
    Top box under header
   ********************************* */
#top_box {
			width : 898px;
			overflow : hidden;
 			border: thin solid blue;      	
}

.carousel_container {
			float: left;
			width: 340px;
			height: 250px;
			margin: 0px auto;
			border: 1px solid red;  
			}

/* *********************************
    custom_logo   
   ********************************* */
/* temp_logo_align */

/* *********************************
    Nav Bar  
	made the link color constant
	because nave bar is always grey
   ********************************* */
#mainNav {
	  margin : 0;
	  height : 34px;
	  padding-top : 0;
	  text-align: center; 	  
}

#mainNav li {
	  list-style : none;
	  display : inline;
	  line-height : 34px;
}

#mainNav li a {
	  text-decoration : none;
	  margin : 0;
	  padding : 9px 15px 10px 15px;
	  font-weight : bold;
	  color : #fff;
}

#mainNav li a:hover {
	  color : #FDFDFD;
		text-decoration : underline;	  
	  margin : 0;
}

#mainNav li a.current {
	  background : #616161;
	  color : #fff;
}

#main {
	  width : 900px;
	  margin : 0;
	  padding : 0;
/* border: thin solid blue; */   	
}

/* *********************************
    Left Side   
   ********************************* */

#left_side {
		   margin-left: auto;
		   margin-right: auto;
		   width : 876px;
			padding: 0px 0px 0px 20px;
/* border: thin solid orange;*/    
}

#left_side .intro {
		   height: 200px;
		   margin-top: 4px;
 		   text-align: center;
/* border: thin solid orange; */    
}

#left_side_grey {
		   width: 100%;
		   height: 200px;
		   color : #FFFFFF;
   
/* border: thin solid blue; */
}



#left_side_below {

 		   text-align: center;		   
		   color : #797979;
/* border: thin solid red; */
}




#left_side p {
		   color : #797979;
		   padding : 0;
		   text-align : justify;
}

#left_side img {
		   float : left;
		   padding : 0 10px 5px 0;
}

#left_side blockquote {
		   padding-left : 10px;
		   border-left : 3px solid #00314F
		   margin : 10px 25px 10px 25px;
}

#left_side ul {
		   list-style-position : inside;
		   margin-left : 2px;
}

#left_side ul li {
		   list-style-type : square;
		   margin-left : 15px;
}

#left_side ul ul li {
		   list-style : none;
		   margin-left : 10px;
		   list-style-type : lower-alpha;
		   list-style-position : inside;
}


/* *********************************
    Membership logos
   ********************************* */
#logos_container {
	width: 100%;
	clear: both;		
	height: 87px;
	display: block;
	color: #828282;
	background : transparent url(images/bot8.png) repeat-x top;
 /* border: thin solid red;*/    
}
#logos {
	 margin : 0 auto;
	 padding: 10px 0px 0px 0px;
	 width : 900px;
	 display: block;
	 color: #828282;
 /* border: thin solid red;*/    
}
/* *********************************
    Right Side
	Grey box to hold swf
   ********************************* */


#right_side {
			float : right;
			width : 460px;
			background : transparent  url(images/topr8.png) no-repeat top right; 
			overflow : hidden;
/* border: thin solid red;    	*/
}

#right_side .pad {
			padding: 0px 20px 10px 40px;

}
#right_side .mid {
			margin: 0px 0px 0px 0px;
			background : transparent  url(images/midr8.png) repeat-y  bottom right; 			
/*  border: thin solid red;     	*/
}



#right_side .pad2 {
			float: left;
  border: thin solid red;     	
}

#right_side ul {
			padding : 0px 20px 8px 0;
}

#right_side li {
			line-height : 1.6em;
			background : #FDFDFD ;
			list-style : none;
			padding-left : 20px;
			margin-left : 15px;
			font-weight: bold;			
			color : #00314F
}


#right_side h3 {
	font-size: 1.3em;
	font-style: italic;		
/*	padding : 0px 0px 16px 0px; */
	color: #FFFFFE;	
}
#right_side .bot {
			min-height:110px;			
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;			
			background : transparent  url(images/botr8.png) no-repeat top right; 			
/* border: thin solid blue; */     
}


#right_bg {
	  margin: 0px 18px 0px 19px;	
	  background : #FDFDFD; 
}
#right_bgbot {
	  min-height:83px;	
	  margin: 0px 18px 0px 19px;	
	  background : #FDFDFD; 
/*	  border: thin solid red; */ 
}
/* *********************************
    Footer
   ********************************* */
#footer {
	display: block;
	clear: both;
	height: 200px;
	background : transparent  url(images/footer.png)  repeat-x top;
	
	color: #FFFFFE;
/*	  background : #FDFDFD ; */
  	
}
#footer p {
	margin: 0;
	padding: 8px 15px 8px 15px;
	text-align: center;
}
/* *********************************
    HR tag
   ********************************* */

div.hr {
  height: 2px;
  background: temp_content_head_col no-repeat scroll center;
}
div.hr hr {
  display: none;
}

div.hr2 {
  height: 2px;
  background: temp_content_head_col no-repeat scroll left;
  width: 48%;
}

div.hr2 hr {
  display: none;
}


/* *********************************
    Floats and stuff
   ********************************* */

.floatright
{
 	float: right;
	margin: 10px 0 4px 10px;
	border: 0px solid #fff;
	padding: 2px;
}
.floatleft
{
 	float: left;
	margin: 10px 10px 0 0;
	border: 0px solid #666;
	padding: 2px;
}

/* *********************************
    Forms
   ********************************* */


input {
	font-size: 120%;	
}

/* *********************************
    Submit Button 
   ********************************* */
.formbutton{
cursor:pointer;
font-weight:bold;
background:url(images/formbutton.png) repeat-x left top;
}
.formbuttonred{
cursor:pointer;
border:outset 1px #ccc;
background:#FF942F;
color:#FF0000;
font-weight:bold;
background:url(images/formbutton.png) repeat-x left top;
}

/* other ------------------------ */
.clear {
	clear: both;

}
/* hide ugly dotted lines */
* html a:hover {
	border: 1px solid #acb3b7;
}



/* Form styles --------------------- */

textarea {
	font-size: 110%;
	font-family: helvetica, tahoma, arial;
}

/* hack for IE to display correct font size */
* html body {
	font-size: small; /* for IE5/Win */
	f\ont-size: medium; /* for other IE versions */
}