/* myhedspace_free09 - you're free to modify and clean this code :) */
body { background-color:#eee; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:75%; color:#fff; }
#box { width:660px; height:550px; top:50%; left:50%; margin-top:  -275px; margin-left: -330px; position:absolute; }
#top { width:660px; height:18px; background-image:url(../images/bgtop.jpg); background-repeat:no-repeat; display: block; }
#middle { width:660px; height:523px; background-image:url(../images/bgbody.jpg); }
#bottom { width:660px; height:14px; background-image:url(../images/bgbottom.jpg); background-repeat:no-repeat; float: left; }
#nav { width:630px; height:72px; background-color:#336600; margin:0 auto; border-bottom: thin #fff; }
#navcalhdr { width:690px; height:90px; background-color:#336600; margin:0 auto; border-bottom: thin #fff; }
#navcalmid {
	width:690px;
	height:600px;
	background-color:#FFFFFF;
	margin:0 auto;
	border-bottom: thin #fff;
}


#nav #logo { display:inline; float:left; margin: 6px 0px 0px 14px; background-image: url(/images/logo_green_55.png); background-repeat: no-repeat; height: 60px; }
#nav #logo h1 { margin: 26px 0 0 70px; font-size:1.4em; color:#FFFFFF; text-transform:uppercase; }
#nav #logo h1 a { color:#FFFFFF; text-decoration:none; }
#nav #logo h1 span { color:#336600; }
#nav #menu { float:right; border-top: solid thin #fff; width: 630px; height: 2px; background-color: #336600; display: inline; }
#nav #menu ul { margin:6px 10px 0 0; font-size:1em; float: right; display: inline; }
#nav #menu ul li { list-style-type:none; display:inline; font-weight:bolder; padding-left: 10px; }
#nav #menu ul li a { text-decoration:none; color:#FFFFFF; }
#nav #menu ul li a.selected{ text-decoration:none; color:#999999; }
#nav #menu ul li a:hover { color:#66CC00; border-left: #99CC00; }


#navcalhdr #logo { display:inline; float:left; margin-left: 14px; background-image: url(/images/logo_green_55.png); background-repeat: no-repeat; height: 60px; }
#navcalhdr #logo h1 { margin: 26px 0 0 70px; font-size:1.4em; color:#FFFFFF; text-transform:uppercase; }
#navcalhdr #logo h1 a { color:#FFFFFF; text-decoration:none; }
#navcalhdr #logo h1 span { color:#336600; }
#navcalhdr #menu { float:right; border-top: solid thin #fff; width: 690px; height: 2px; background-color: #336600; display: inline; }
#navcalhdr #menu ul { margin:6px 10px 0 0; font-size:1em; float: right; display: inline; }
#navcalhdr #menu ul li { list-style-type:none; display:inline; font-weight:bolder; padding-left: 10px; }
#navcalhdr #menu ul li a { text-decoration:none; color:#FFFFFF; }
#navcalhdr #menu ul li a.selected{ text-decoration:none; color:#999999; }
#navcalhdr #menu ul li a:hover { color:#66CC00; border-left: #99CC00; }


#main_img { width:630px; height:402px; background-image: url(../images/main_5green2.jpg); background-repeat:no-repeat; margin:0 auto; }
#main_text { width:630px; height:74px; background-color:#336600; margin:0 auto; }
#main_text p { margin:0; padding:0; }
#main_text p a { color:#FFFFFF; text-decoration:none; }
#welcome { width:600px; margin:0 auto; padding: 10px 0; }
#main_text h2 { margin:0; padding:0; color:#CCCCCC; font-size:90%; }
#footer { text-align:center; color:#336600; clear:both; }
#footer a { text-decoration:none; color:#333; }
/*for innerpages*/
#inner_box { width:660px; margin:0 auto; background-image:url(../images/bgbody.jpg); }
#inner_box h2 { width:400px; margin: 0 0 0 30px; font-size:95%; padding:20px 0 0 0; }

#inner_middle { width:660px; color:#333333; margin-top: -3px; background-image: url(images/bgbody.jpg); float: left; }
#left { width:425px; float: left; margin-left: 15px; background-repeat: no-repeat; }
#left p { width:400px; margin:10px 0 10px 10px; text-align:justify; padding:0; }
#left h2 { width:400px; margin: 0 0 0 10px; font-size:110%; padding:20px 0 0 0; }
#left h3 { width:400px; margin: 0 0 0 36px; font-size:100%; padding:26px 0 0 0; }

#onecol { float:left; width:660px; }
#onecol p { width:600px; margin:10px 0 10px 30px; text-align:justify; padding:0; }
#onecol p #indent{ width:600px; margin:10px 0 10px 80px; text-align:justify; padding:0; }

#onecol h2 { width:600px; margin: 0 0 0 30px; font-size:110%; padding:20px 0 0 0; }

#right { width:170px; font-size: 95%; border-left: 1px #333 solid; padding-left: 12px; float: right; margin-right: 20px; }
#right h3 { font-size:100%; border-bottom:1px #333 solid; width:165px; margin:0; padding:14px 0 0 0; font-weight: bolder; }
#right ul { margin:0; padding:5px 0 20px 20px; font-size:85%; list-style-type:square; }
#right ul li a { color:#333; text-decoration:none; }
#right ul li a:hover { text-decoration:underline; }
#inner_img { width:630px; height:112px; background-image:url(../images/inner_img.jpg); background-repeat:no-repeat; margin:0 auto; }
#inner_img_course { width:630px; height:166px; background-repeat:no-repeat; margin: 0 0 0 15px; }
/* Images */
.img-left-noborder-notopmargin { float: left; margin: 0px 10px 0px 20px; }
.img-left-noborder-topmargin { float: left; margin: 10px 10px 0px 20px; }
.img-left-border-notopmargin { float: left; margin: 0px 10px 0px 20px; border: solid 1px rgb(150,150,150); }
.img-left-border-topmargin { float: left; margin: 10px 10px 0px 20px; border: solid 1px rgb(150,150,150); }
.img-right-noborder-notopmargin { float: right; margin: 0px 20px 0px 10px; }
.img-right-noborder-topmargin { float: right; margin: 10px 20px 0px 10px; }
.img-right-border-notopmargin { float: right; margin: 0px 20px 0px 10px; border: solid 1px rgb(150,150,150); }
.img-right-border-topmargin { float: right; margin: 10px 20px 0px 10px; border: solid 1px rgb(150,150,150); }
#left_col_hl { margin-left:80px; font-size: 115%; width: 150px; text-align:left; font-weight: bold; float: left; }
#right_col_hl { font-size: 115%; width: 425px; font-weight: bold; float: right; }