/* Global layout 
This sets the background as 404040 which will become the footer color 
*/
body{margin:0px; background-color:#404040;}

/* Content Wrapers
Holds page together and allows me to add additional background colors, images.
 */
#main_wrapper{
				background-color: #C2D4E2;
				width: 100%;
				float: left;
				padding-bottom: 50px;
				height: auto;
}
#footer_wrapper{width:900px; margin:0px auto;}
#content_wrappper{width:900px; margin:0px auto;}
/* Header layout */
#header{width:100%; height:243px; background-image: url("images/header_image_background.jpg"); margin:0px auto;}
#header_image{height:240px; background-image: url("images/header_image.png"); background-repeat:repeat-y; background-position:top center;}

/* Navgations layout */
#left_navigation{
				font: 12px Arial;
				float: left;
				width: 180px;
				padding-left: 0px;
				height: auto;
}
#navigation_top{width:900px; margin:0px auto;}
#top_navigation{float:left; margin-top:15px;}
#top_login{
	float: left;
	padding: 7px 20px 0px 0px;
}
.nav_left_item{}

/*Body layout */
#right_bodycontent{float:left; width:620px; background-image: url("images/side_image_background.jpg"); background-repeat:repeat-y; padding-left:55px;}
.page_content{}
.page_left_image{float:left; padding: 5px 20px 5px 5px;}


/* Images Layout / config */
.img_middle{text-align:center;;}
.img_middle img{padding:5px; background-color:white; border:1px solid #cccccc; margin:5px;}

/* Tables layout */
.page_content table tr td{padding-right:10px;}

/*Footer Layout */
#footer{float:left; clear:left; height:36px; width:100%; background-color:#404040; margin-top:0px; padding-top:20px;}
.footer_content{float:left; height:56px;}
.eb_content{float:right; height:56px;}

/* Fonts 
body_font_intro can be used as a'introduction' font style - however its left out for now 
H1 is used for the navigation right, H2 is used for the main headers in the main content areas
*/
h1{margin:10px 0px 5px 0px; font-family: arial, sans-serif; font-size:17px; color:#000000; text-transform: uppercase; /* force text to uppercase */}
h2{margin:10px 0px 5px 0px; font-family: arial, sans-serif; font-size:19px; color:#cc0000; font-weight:normal; text-transform: uppercase; /* force text to uppercase */ border-bottom:1px solid #cc0000;}
.footer_font{font-family: tahoma, sans-serif; font-size:11px; color:#DDDDDD; padding-left: 40px;}
.footer_font a{font-family: tahoma, sans-serif; font-size:11px; color:#DDDDDD; padding-right:10px; text-decoration:none;}
.body_font_intro{font-family: arial, sans-serif; font-size:13px; color:#000000; display:block}
.body_font{font-family: arial, sans-serif; font-size:12px; color:#000000;}
.nav_left_item a{
				font-family: arial, sans-serif;
				font-size: small;
				color: #000000;
				text-decoration: underline;
				clear: left;
				float: left;
				padding-top: 10px;
}
.nav_top_font {font-weight:bold; font-family: arial, sans-serif; font-size:13px; color:#000000; text-decoration:none; padding-left:265px;}
.nav_top_font  a{font-weight:bold; font-family: arial, sans-serif; font-size:13px; color:#000000; text-decoration:none; padding-right:5px;padding-left:5px; text-transform: uppercase; /* force text to uppercase */ }
.nav_top_font  a:hover{font-weight:bold; text-decoration:underline; font-family: arial, sans-serif; font-size:13px; color:#000000; padding-right:5px;padding-left:5px; text-transform: uppercase; /* force text to uppercase */ }