@charset "utf-8";
/* CSS Document */

body {
	margin:20px 0px; padding:0px;
	/* text-align:center; */
	background-color:#33224f;
}
	
#Container{
	width:759px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	background-color:#33224f;
}

#header1{                                      
	background-image:url(../images/index/header2.gif);
	width:759px;                                   
	height:164px;                                  
}  

#header{
	width:750px;
	height:222px;
	background-color:#484f70;
	padding-left:9px;
	float:left;
	
}
#imgHeader{
	width:732px;  /* 742px; original */ 
	height:222px; /*232px orifinal */
	background-image:url(../images/headerimg.gif);
	background-repeat:no-repeat; 
	padding-left:10px;
	padding-right:10px;
	float:left;
}

#imgHeader h1{
	height:50px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px

	}
	
#imgHeader h3{
	color:#545456;
	line-height:20px;
	
	}
	
#content{
	background-image:url(../images/media/video.gif);
	background-repeat:no-repeat;
	width:489px;
	height:360px;
	float:left;
	padding-top:50px;
	padding-left:5px;
	padding-right:5px;
	background-color:#FFFFFF;
	margin-top:10px;

	
}

.lowercontentbg{
	background-image:url(../images/media/lowercurve.gif);
	background-repeat:no-repeat;
	width:499px;
	height:14px;
	float:left;
	}
	
#sidebar{
	width:203px;
	height:360px;
	background-image:url(../images/media/articles.gif);
	background-repeat:no-repeat;
	float:right;
	background-color:#FFFFFF;
	padding-top:50px;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
	margin-right:1px;
	
	
}
#sidebar ul{
	list-style-image:url(../images/bullet1.gif);
	margin-top:-2px;
	
	}

#sidebar ul li{
	margin:0px 0px 0px -15px;
	
	}


#sidebar ul li a{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#3300CC;
	font-weight:700;
	
	}

#sidebar ul li a:hover{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#000000;
	font-weight:700;
	}
#sidebar p{
	text-indent:25px;
	}
#sidebar p a{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#3300CC;
	font-weight:700;
	}
#sidebar p a:hover{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#000000;
	font-weight:700;
	}

#faqs{
	background-image:url(../images/media/faqs.gif);
	background-repeat:no-repeat;
	padding: 50px 5px 0px 5px;
	width:203px;
	height:365px;
	background-color:#FFFFFF;
	float:right;
	margin-top:10px;
	margin-right:1px;
	}
#faqs ol{
	
	margin-top:-2px;
	font-size:12px;
	color:#82703a;
	
	}

#faqs ol li{
	margin:0px 0px 0px -15px;
	
	}


#faqs ol li a{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:700;
	color:#736331;
	
	}

#faqs ol li a:hover{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:700;
	color:#000000;
	}
#faqs p{
	text-indent:25px;
	}
#faqs p a{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#736331;
	font-weight:700;
	}
#faqs p a:hover{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#000000;
	font-weight:700;
	}


.sidebarlowerbg{
	background-image:url(../images/media/lowercurve2.gif);
	background-repeat:no-repeat;
	width:213px;
	height:14px;
	float:right;
	padding-right:1px;
	}

	
.photo{
	background-image:url(../images/media/photo.gif);
	background-repeat:no-repeat;
	width:485px;
	height:360px;
	float:left;
	padding-top:53px;
	padding-left:9px;
	padding-right:5px;
	background-color:#FFFFFF;
	margin-top:10px;
	}


.bg1{
	width:742px;
	height:auto;
	padding-left:9px;
	padding-right:8px;
	background-color:#484f70;
	overflow:hidden;
	float:left;
	
}

.bg2{
	width:724px;
	height:auto;
	padding-left:9px;        
    padding-right:9px;       
    background-color:#000e24;
	overflow:hidden;
	float:left;
	
	
}
	

	
.f1{                                          
	width:50px;                                  
	height:66px;                                 
	background-image:url(../images/index/f1.gif);
	background-repeat:no-repeat;                 
	float:left;                                  
}                                             

.f2{                                          
	width:50px;                                  
	height:66px;                                 
	background-image:url(../images/index/f2.gif);
	background-repeat:no-repeat;                 
	float:left;                                  
}

#footer{
	width:659px;
	height:66px;
	background-image:url(../images/index/footerbg.gif);                                             
    background-repeat:repeat-x;                 
    float:left;
} 
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;                          
    height:0;                       
    font-size: 1px;            
    line-height: 0px;             
}

#copyright{
	width:759;
	height:50px;
	float:left;
	}
#copyright p{
	text-align:center
	}