body {background: #0c6293; margin: 10px 0; font: 100% Verdana, Arial, Helvetica, sans-serif; color: #666;}
div#homecontainer {width: 745px; padding: 0; margin: 0 auto;background: url("images/home-bg.gif") repeat-y;}
div#container {width: 745px; padding: 0; margin: 0 auto;background: url("images/bg.gif") repeat-y;}
div#background {}
div#logo {background: #83c5ff; border-top: 10px solid #11374f;}
div#mainnav {background: #fff url("images/nav-bg.gif") repeat-x;}
div#mainnav ul {margin:0; padding:7px 0 20px 35px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 85%; letter-spacing: 1px;}
div#mainnav ul li {display: inline; margin:0; padding:0 20px 0 0;}
div#mainnav a {color: #ffffff; text-decoration: none;}
div#mainnav a:hover {color: #ffb36f; text-decoration: none;}
div#mainnav a.selected {color: #ffb36f;}

div#homecontent {background: url("images/home-bg.gif") repeat-y;}
div#content {background: url("images/bg.gif") repeat-y;}

div#homemain {float: left; width: 535px; }
div#homefeatures {float: left; width: 210px;}

div#subnav {float: left; width: 210px;}
div#maincontent {float: left; width: 535px; }
div#contentholder {padding: 0 20px 0 25px;}

div#subnavholder {padding: 0 0 0 10px;}
div#subnavholder ul {margin: 10px 0 10px 25px; padding:0;}
div#subnavholder ul li {list-style: url("images/subnav-arrow.gif"); padding: 0 10px 10px 5px; margin:0;}
div#subnavholder a {color: #e07301;}
div#subnavholder a:hover {color: #a64f02;}

div#row1, div#row2, div#row3 {margin: 0 25px 0 0;}

div#homepic {padding: 0; float: left; width: 290px;}
div#hometext {padding: 0; float: left; width: 215px;}

div#block1 {float: left; width: 160px; margin: 0 0 10px 0; 
		background: #347fb3 url("images/block-bg.gif") bottom left repeat-x; color: #fff;}
div#block2, div#block3 {float: left; width: 160px; margin: 0 0 10px 10px; 
		background: #347fb3 url("images/block-bg.gif") bottom left repeat-x; color: #fff;}

h1 {font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 120%; font-weight: normal;
	color: #bf5a00; padding: 10px 0 10px 0; margin:0; letter-spacing: 1px;}
h2 {font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 110%; font-weight: normal;
	color: #fff; padding: 5px 10px 15px 10px; margin:0; letter-spacing: 1px;}
div#block1 h2 {background: url("images/courses-bg.gif") repeat-x;}
div#block2 h2 {background: url("images/members-bg.gif") repeat-x;}
div#block3 h2 {background: url("images/employer-bg.gif") repeat-x;}

#contentholder h2 {font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 100%; font-weight: normal;
	color: #bf5a00; padding: 5px 0 0 0; margin:0; letter-spacing: 1px;}
	
h3 {background: url("images/redbar-bg.gif") repeat-x; color: #fff; padding: 5px 10px 15px 10px; margin:0; 
	font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 85%; letter-spacing: 1px; font-weight: normal;}
#contentholder h3 {background: #83c5ff url("images/bluebar-bg.gif") left bottom repeat-x; line-height: 1.3em; color: #fff; padding: 5px 10px 15px 10px; margin:0 0 0 0; 
	font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 85%; letter-spacing: 1px; font-weight: normal;}
	
h4 {background: url("images/h4-bg.gif") repeat-x; color: #fff; padding: 8px 10px 15px 10px; margin:0;
	font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 80%; letter-spacing: 1px; font-weight: normal;}
	
div#row2 {padding: 10px 0 0 10px;}
div#row2 p {margin: 0; padding: 5px 10px 10px 10px;}
div#row2 a {color: #b6dcff;}
div#row2 a:hover {color: #6cb1f1;}

div#row3 {padding: 0 0 0 10px;}
div#row3 img {padding:0; margin:0;}
div.logoimg {float: left; border-bottom: 5px solid #da8233;}

ul.logos {list-style: none; margin:0; padding:0;}
ul.logos li {display: inline; margin:0; padding:0; float: left; border-bottom: 5px solid #da8233;}

p {font-size: 70%; line-height: 1.5;}
ul {font-size: 70%;}



div.news {background: #fcf8f1; padding: 0 0 5px 0; margin:0 0 15px 0; float: right; width: 490px;}
div.news p {padding: 5px 0 10px 0px; margin:0 5px 0 5px;}
div.news p.post {background: url("images/post.gif") 0 0 no-repeat; padding: 3px 0 3px 15px;}
div.news p.back {clear: right;}

#contentholder img.newsimg {float: right; margin: 0 5px 10px 20px; border: 1px solid #ccc;}


#contentholder p.whitepost {background: url("images/whitepost.gif") 0 0 no-repeat; padding: 3px 0 3px 15px;}

#contentholder ul { margin:0 0 10px 0; padding:2px 0 2px 0px; list-style:none; line-height: 1.4;}
#contentholder ul li{background:url(images/list-arrow.gif) no-repeat 0% 6px; margin:0 0 0 10px; padding:5px 0 5px 20px; }
#contentholder ul li ul{margin:0; padding:2px 0 2px 0px; list-style:none}
#contentholder ul li ul li{background:url(images/list-arrow.gif) no-repeat 0% 50%; margin:0 0 0 10px; padding:5px 0 5px 20px; font-size:100%}

#contentholder img.logo {float: right; margin: 0 0 10px 20px; /*border: 1px solid #ccc;*/}

a {color: #4399e5;}
a:hover {color: #0760af;}

a.home {color: #e07301;}
a.home:hover {color: #a64f02;}

span.highlight {font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 120%; color: #0c6293;}
span.blue {color: #0c6293;}
div#clear {clear: both;}
div.clearer {clear: both; line-height: 1px; height: 1px;}
div.imgclear {clear: right;}
div.clearer10 {clear: both; line-height: 1px; height: 10px;}
div#footer {clear: left; background: #11374f; color: #8bb9e4;}
div#footer p {font-size: 65%; padding: 15px 10px; margin:0;}
div#footer a {color: #8bb9e4;}

/* form styles */
form {margin:0; padding:0;}
input {vertical-align: top;}
input.text {margin-top: 10px; background: #dff0fe; border: 1px solid #ccc;}