/* *********************************************************
    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 #FFFFFF
	background #2D3AA0 
    Headings color #E6E6E6
	hover #E6E6E6
	header 2 #FFFFFF
	footer #000000
	
		
   ********************************************************* */
/* img, div, input { behavior: url("iepngfix.htc") } REMOVED screws up background positioning*/
body {
	margin: 0;
	padding: 0;
	font-family: helvetica, helvetica, tahoma, arial;
	font-size: medium;
 	background : #ffffff  url(images/bg_blue_smooth.png) repeat-x top;
 	line-height : 1.5em;
 	color: #2D3AA0;
}

a {
  color : #2D3AA0;
  background : none;
  text-decoration : none;
}

a:hover {
		color : #2D3AA0;
		text-decoration : underline;
}

h3 {
   margin : 0;
   color : #2D3AA0;     
}

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;
}
input {
	font-size: 110%;	
}
.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: left; 
	padding: 20px 10px 0px 10px;
	font-size: 2em;
	color: #2D3AA0;
	margin: 0px 0px 0px 0px; 		
}
#header h2 {
	text-align: left; 
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px; 	
	font-size: 1.3em;
	font-style: italic;		
	color: #2D3AA0;
}
#header h3, #header h4 {
	padding: 10px 10px 0px 10px;
	text-align: left; 
	color: #2D3AA0;
	margin: 0px 0px 0px 0px; 	
}
#header h5 {
	padding: 20px 10px 0px 10px;
	text-align: left; 
	color: #2D3AA0;
	margin: 0px 0px 0px 0px; 	
}
/* *********************************
    custom_logo   
   ********************************* */
 #custom_logo {float: left; margin: 0px 0px 0px 0px; }

/* *********************************
    Nav Bar  
	made the link color constant
	because nave bar is always grey
   ********************************* */
#mainNav {
	  margin : 0;
	  height : 34px;
	  padding-top : 0;
  	  text-align: left; 	  
}

#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 : #ffffff;
}

#mainNav li a:hover {
	  color : #ffffff;
		text-decoration : underline;		  
	  margin : 0;
}

#mainNav li a.current {
	  background : #616161;
	  color : #2D3AA0;
}

#main {
	  width : 900px;
	  margin : 0;
	  padding : 0;
	background : transparent  url(images/bot6.png) no-repeat bottom right; 		  
/* border: thin solid blue; */    	
}
/* *********************************
    Big Grey box to hold swf
   ********************************* */
#big_box {
			float : left;
			width : 898px;
			background : transparent url(images/topr5.png) no-repeat top right;
			overflow : hidden;
/* border: thin solid blue; */     	
}
#middle_box {
			margin: 20px 0px 0px 20px;			
			width : 858px;
			background : #ffffff;
			overflow : hidden;
/* border: thin solid green; */     	
}

.carousel_container {
			width: 840px;
			height: 293px;
			margin: 0px auto;
/*			border: 1px solid red; */ 
			}
/* *********************************
    Wide Right used on contact page
   ********************************* */
#wide_right {
			float : right;
			width : 460px;
			background : transparent;
			overflow : hidden;
 border: thin solid blue;     	
}

#wide_right h3 {
	font-size: 1.3em;
	font-style: italic;		
	color: #2D3AA0;	
	padding : 0px 0px 16px 0px;
}			
/* *********************************
    Right Side
   ********************************* */
#right_side {
			float : right;
			width : 380px;
			background : transparent;
			overflow : hidden;
/* border: thin solid red; */     	
}

#right_side .pad {
			padding: 0px 0px 0px 0px;
}

#right_side ul {
			padding : 0px 20px 8px 0;
}

#right_side li {
			line-height : 1.6em;
			background : transparent ;
			list-style : none;
			padding-left : 0px;
			margin-left : 0px;
			font-weight: bold;			
			color : #2D3AA0;
}

#right_side a {
			text-decoration : none;
}
#right_side a:hover {
		   text-decoration : underline;
}

#right_side h3 {
	font-size: 1.3em;
	font-style: italic;		
	color: #2D3AA0;	
	padding : 0px 0px 16px 0px;
}

/* *********************************
    Left Side   
   ********************************* */
#left_side {
		   margin-bottom : 10px;
		   width : 430px;
		   padding: 0px 10px 0px 40px;
/* border: thin solid orange; */       
}

#left_side .intro {
		   height: 80px;
		   color : #fff;
		   overflow : hidden;
}

#left_side .intro .pad {
		   padding : 0px 0 0 0;
}

#left_side .intro a {
		   color : #b4e04a;
		   text-decoration : none;
}

#left_side .intro a:hover {
		   color : #cdff56;
		   text-decoration : underline;
}

#left_side .mpart {
		   padding : 0px 0 0 0;
}

#left_side .mpart h3 {
	font-size: 1.3em;
	font-style: italic;		
	color: #2D3AA0;
}

#left_side .mpart h2 {
		   height : 20px;
		   padding : 0;
		   margin : 0 0 15px 0;
		   font : 0.9em verdana, Arial, Sans-Serif;
}

#left_side p {
		   color : #2D3AA0;
		   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 #FFFFFF;
		   margin : 10px 25px 10px 25px;
}

#left_side .rs {
		   float : right;
		   margin : 0 10px;
		   border : 1px solid #ddd;
		   padding : 5px;
		   background : #f5f5f5;
}

#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;
}
/* *********************************
    bottom Side   
   ********************************* */
#bottom_side {
	clear: both;		
		   width : 740px;
		   padding: 0px 80px 0px 0px;
		   text-align : right;
/* border: thin solid orange; */     
}
/* *********************************
    Membership logos
   ********************************* */
#logos_container {
	clear: both;		
	width: 100%;
	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;*/    
}

/* *********************************
    Footer
   ********************************* */
#footer {
	display: block;
	clear: both;
	color: #2D3AA0;
/*	  background : #000000; */
  	
}
#footer p {
	margin: 0;
	padding: 8px 15px 8px 15px;
	text-align: center;
}
/* *********************************
    Floats 
   ********************************* */
.float_pic_left{
	float: left;
	margin: 10px 0px 0px 20px;
/* border: 3px solid #FFFFFF; */
}

.float_pic_right{
	float: right;
	margin: 0px 0px 0px 0px;
/* border: 1px solid #FAF321; */
}

.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;
}
/* *********************************
    PMO menu change site  Buy now
   ********************************* */
#pmo_menu {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #00BFF3;  
	width: 140px;
  	border-bottom: thin solid #A7A6AA;   
  	border-right: thin solid #A7A6AA;   
}

#pmo_menu input {
    font-size: 100%;
	font-weight: bold;
} 
 

/* 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 */
}
