/* *********************************************************
    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
	Grey font col 454545
   ********************************************************* */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;, helvetica, tahoma, arial;
	font-size: medium;
 	background : #FFFFFF url(images/bg3.jpg) repeat-x top;
 	line-height : 1.5em;
 	color: #454545;
}

a {
  color : #081677;
  background : none;
  text-decoration : none;
}

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

h1 {
   font : bold 1.2em;
   padding : 8px 0 4px 0;
   margin : 0;
}

h2 {
   font : bold 1.2em;

}

h3 {
   padding : 4px 0;
   margin : 0;
   color : #081677;    
}

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: center; 
	padding: 20px 10px 10px 10px;
	font-size: 2em;
	color: #081677;
	margin: 0px 0px 0px 0px; 		
}
#header h2 {
	text-align: center; 
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px; 	
	font-size: 1.3em;
	font-style: italic;		
	color: #3D3D3D;
}
#header h3, #header h4, #header h5 {
	padding: 0px 10px 10px 10px;
	text-align: center; 
	color: #3D3D3D;
	margin: 0px 0px 0px 0px; 	
}

/* *********************************
    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: left; 	 */  
  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 : #fff;
	  background : #081677;
	  margin : 0;
}

#mainNav li a.current {
	  background : #616161 url(images/trcorner.gif) no-repeat top right;
	  color : #fff;
}

#main {
	  width : 900px;
	  margin : 0;
	  padding : 0;
/* border: thin solid blue; */   	
}
/* *********************************
    Big Grey box to hold swf
   ********************************* */
#big_box {
			float : left;
			width : 898px;
			
			background : #ffffff url(images/topr5.jpg) no-repeat top right;
			overflow : hidden;
/* border: thin solid blue; */    	
}
.carousel_container {
			width: 840px;
			height: 300px;
			margin: 0px auto;
/*			border: 1px solid red; */
			}
/* *********************************
    Right Side
	Grey box to hold swf
   ********************************* */
#right_side {
			float : right;
			width : 360px;
			background : #ffffff;
			overflow : hidden;
/* border: thin solid red; */    	
}

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

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

#right_side li {
			line-height : 1.6em;
			background : #fff;
			list-style : none;
			padding-left : 0px;
			margin-left : 0px;
			font-weight: bold;			
			color : #3D3D3D;
}

#right_side a {
			text-decoration : none;
}

#right_side h3 {
	font-size: 1.3em;
	font-style: italic;		
	color: #081677;	
	padding : 0px 0px 16px 0px;
}

/* *********************************
    Left Side   
   ********************************* */
#left_side {
		   margin-bottom : 10px;
		   width : 460px;
		   padding: 0px 40px 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: #081677;	
}

#left_side .mpart h2 {
		   height : 20px;
		   padding : 0;
		   margin : 0 0 15px 0;
		   font : 0.9em verdana, Arial, Sans-Serif;
}

#left_side p {
		   color : #454545;
		   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 #a7cc44;
		   margin : 10px 0 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;
}

/* *********************************
    PMO menu change site  Buy now
   ********************************* */
#pmo_menu {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #00BFF3;  
	width: 100px;
  	border-bottom: thin solid #A7A6AA;   
  	border-right: thin solid #A7A6AA;   
}

#pmo_menu input {
	  font: bold 84%;
} 


/* Footer ------------------------ */
#footer {
	display: block;
	clear: both;
	color: #828282;
/*	  background : #081677; */
  	
}
#footer p {
	margin: 0;
	padding: 8px 15px 8px 15px;
	text-align: left;
}
/* *********************************
    Floats 
   ********************************* */
.float_pic_right
{
float: right;
margin: 0px 0px 10px 10px;
border: 3px solid #3D3D3D;
}
.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;
}


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