/* 
   1. Top Right Bottom Left 
   2. Vertical align : height and line-height must be the same
*/


/* Container ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#container {
	margin: 0 auto;
	width: 778px;
	text-align: center;
}

#page_top { width:778px; height:12px; background:url('../images/bg_infoplus_top.gif'); float:left}
#page_middle { width:778px; background:url('../images/bg_infoplus_middle.gif'); float:left;}
#page_bottom { width:778px; height:12px; background:url('../images/bg_infoplus_bottom.gif'); float:left}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Header */
#header {height:98px}
#logo {width:366px; height:94px; padding:4px 0 0 0; float:left; display:inline; position:relative;}
#menu_header {
	width:412px;
	height:53px;
	background:url('../images/bg_menu_header.gif') repeat-x top left;
	float:right;
	display:inline;
	text-align:right
	}
	#menu_header ul {padding:14px 0 0 0; margin:0}
	#menu_header li {display:inline; list-style:none; margin:0 4px 0 0; font:bold 10px verdana,serif}
	#menu_header ul li a:link, #menu_header ul li a:visited {color:#333333; text-decoration:none;}
	#menu_header ul li a:hover, #menu_header ul li a#active, #menu_header ul li a:active {color:#BF261D; text-decoration:none;}
	#menu_header img {border:none}


/* Title current page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#title_current_page {width:412px; height:31px; float:right; display:inline; padding-top:9px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#FFFFFF;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Footer  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {height:46px; width:100%; margin-top:10px; background: url('../images/bg_footer.gif') no-repeat bottom center}
#footer1 {height:46px; width:778px; margin:0 auto; text-align:left}
#footer2 {padding:9px 140px 0 6px; color:#ffffff; font:normal 11px verdana,serif;}
.footer_menu {float:right; font:normal 10px verdana,serif; color:#214E89;}
.footer_menu a:link, .footer_menu a:visited .footer_menu a:active {color:#214E89; text-decoration:none;}
.footer_menu a:hover {color:#E1C301; text-decoration:none;}
.footer_creation {font:normal 9px verdana,serif;}
.footer_creation a:link, .footer_creation a:visited .footer_creation a:active {color:#CCCCCC; text-decoration:none;}
.footer_creation a:hover {color:#E1C301; text-decoration:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Miscellaneous ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clear { clear: both; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Images ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img.alignleft { float: left; margin: 0 15px 5px 0px; }
img.alignright { float: right; margin: 0 0 5px 15px; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/