/* *********************************************************
    Roy this CSS is the New Art Photo thingie
	Only the contact page is different
	font col #FFFFFF
	background #03114F 
    Headings color #ffffff
	hover #ffffff
	header 2 #FFD933
	footer #3D3D3D
   ********************************************************* */

body {
	margin: 0;
	padding: 0;
	font-family: helvetica, helvetica, tahoma, arial;
	font-size: medium;
 	background : #03114F  url(images/bg_darker_smooth.png) repeat-x top left;
	line-height : 1.5em;
 	color: #FFFFFF;
}

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

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

h3 {
   margin : 0;
   color : #ffffff;     
}

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

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

#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;			
			padding: 0px 0px 0px 8px;			
			width : 858px;
			background : #03114F;
			overflow : hidden;
/* border: thin solid green; */     	
}
#middle_box {
			margin: 20px 0px 0px 20px;			
			padding: 0px 0px 0px 8px;			
			width : 858px;
			background : #03114F;
			overflow : hidden;
/* border: thin solid green; */     	
}
myAlternativeContent {
			padding: 0px 0px 0px 0px;	
}
.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: #FFD933;	
	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 : #FFD933;
}

#right_side a {
			text-decoration : none;
}
#right_side a:hover {
		   text-decoration : underline;
}

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

/* *********************************
    Left Side   
   ********************************* */
#left_side {
			float : left;
		   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 0px 0px 0px;
}

#left_side h3 {
	font-size: 1.3em;
	font-style: italic;		
	color: #FFD933;
}

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

#left_side p {
		   color : #FFFFFF;
		   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 #FFD933;
		   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;
}
/* *********************************
   Left side  Form
   ********************************* */
#left_side form {
	background:#03114F;
}

#left_side fieldset div {
	margin:10px 0;
	clear:both;
}
#left_side form {
	margin:9px;
	width:420px;
}
#left_side label {
	float:left;
	width:10em;
	text-align:right;
	margin-right:1em;
}
#left_side legend {
	color:#FFFFFF;
	font-size:1.2em;
	margin-bottom:1em;	
}
#left_side legend span {
	width:9em;
	text-align:right;
}
#left_side input {
	padding:0.15em;
	width:12em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
}
#left_side input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
#left_side fieldset {
	border:0px solid #ffffff;
	padding:0 0.5em 0.5em;
}
#submit-go {
	font-weight:bold;
	padding: 1px 2px;
	letter-spacing: +.1em;
	cursor:pointer;
}

/* *********************************
    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: 20px 0px 0px 0px;
	 width : 900px;
	 display: block;
	 color: #828282;
 /* border: thin solid red;*/    
}


/* *********************************
    Footer
   ********************************* */
#footer {
	display: block;
	clear: both;
	color: #FFD933;
/*	  background : #3D3D3D; */
  	
}
#footer p {
	margin: 0;
	padding: 8px 15px 8px 15px;
	text-align: center;
}
/* *********************************
    Floats 
   ********************************* */
.float_pic_left{
	float: left;
 border: 3px solid #FFD933; 
}

.float_pic_right{
	float: right;
 border: 3px solid #FFD933; 
}

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