/*
*********************************
VBM Stylesheet
main.css
********************************
*/

/****** TABLE OF CONTENT *****
Reset
Color Codes (color name:HEX)
Global (links,img)
Typography (headings,paragraphs)
Page Structure (body,wrapper,header,content,footer )
Header (nav)
Content (content left, content right)
Footer
****** END TABLE OF CONTENT *****/

/****** RESET *****/
* {
	margin:0;
	padding:0;
	list-style-position: inside;
	color: #333333;
	text-align: left;
}

/******COLOR CODE****/
/*
red:#00236b
light-blue:#1b41cc 
dark-red:#993333  
light-gray:#333333            
*/



/****** GLOBAL *****/
:link, :visited {color:#1b41cc;}
:link:focus, :visited:focus {color:#00236b;outline:none;}
:link:hover, :visited:hover {color:#cf0000;}
:link:active, :visited:active{color:#00236b;}
img { border:none; }
.clear { clear: both; background: none; }
.right{float:right}

/****** TYPOGRAPHY *****/
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal; }
h1 {padding:###; letter-spacing:-1px; font-size:2em; color:#993333;  }
h2 { padding:###; font-size:20px; color:#993333;}
h3 { font-size:1em; font-weight:bold; color:#993333; }
h4{font-size:1em; font-weight:bold;color:#333333;}
p {
	font-size:14px;
	word-spacing:3px;
	font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	color:#333333;
	padding:5px 0 10px 5px;
	text-align:left
}


/****** PAGE STRUCTURE *****/ 
body {
	font:100%/1.5 Helvetica, Arial, sans-serif;
	background:url(../images/bg_body.jpg);
	list-style-position: inside;
	list-style-type: disc;
	color: #000000;
	text-align: left;
}
#wrapper{font-size:0.9em; width:741px; margin:0px auto 0px auto; padding:0px 25px 120px 25px; background:#fff; background:#fff url(../images/bg_footer.jpg) bottom repeat-x;}
#header{height:100px; background:#FFf; width:743px; margin-bottom:10px;}
#content{padding:0px 10px 0px 0px; width:743px; padding-bottom:10px; background:#fff;}
#footer{  padding-bottom:20px; height:100%; overflow:auto; width:743px;}
 
/******************************************
<<<<<<<<<<<<<<HEADER>>>>>>>>>>>>>>>>>>>
******************************************/
#nav{height:80px; width:743px; padding-top:20px; border-bottom:1px solid #993333}
#top_left{height:367px; width:213px; margin-bottom:6px;}
#logo{height:141px; width:201px; padding-top:25px; background:#fff;}
#notes{height:200px; width:215px; background:url(../images/notes.png) no-repeat;}
/******************************************
<<<<<<<<<<<<<<<<CONTENT<<<<<<<<<<<<<<<<<<<<
/******************************************/
#content_left{width:218px; float:left}
#content_right{width:500px; float:right; padding-bottom:30px; padding-top:20px;}
#email{ width:218px; background:url(../images/arrow.gif) left 50% no-repeat;}
#left_link{width:218px; padding:10px 0 30px 0}


/************FOOTER***************/

#footer_heading{
	width:743px;
	height:38px;
	background:url(../images/footer_heading.png) no-repeat;
	}