body {margin: 0px; padding: 0px; font-family: verdana, arial; font-size: 90%; background: #fff; text-align: center;}

#page { border: 0px solid rgb(255, 255, 255); background-color: #fff; background: #fff url(img/sidebar.png) repeat-y scroll left top; min-width: 300px; max-width: 900px; margin: 0% auto; padding: 0px;  display: block;  text-align: left;
width:expression(document.body.clientWidth > 900? "900px": "auto" );}

#header_page_left {	height: 100px;	background: url(img/sidebar-top.png) no-repeat scroll left top;	}
#header_page_right {	height: 100px;	background: url(img/logo-triangel.png) no-repeat scroll right bottom; margin-right: 60px;	}
#header_page_center {height: 100px; background: url(img/school-triangel.png) no-repeat left bottom; margin-left: 250px;}
#header_page {height: 100px; padding: 20px 0 0 20px; font-size: 150%; font-weight: bold; display: table-cell; vertical-align: middle;
/ padding: 50px auto; / margin-left: -30px;}

#header_topbar_center {background: url(img/topbar.png) repeat-x top left; height:60px;}
#header_topbar_left {background: url(img/topbar-left.png) no-repeat top left; height: 60px;}
#header_topbar_right {background: url(img/topbar-right.png) no-repeat top right; height: 60px; padding: 0px}
#header_topbar {margin: 0 0 0 46px; padding: 0px; font-size: 90%;}
#header_topbar ul {margin: 0px;padding: 20px 0px 0px 0px;list-style-type: none;}
#header_topbar li {float: left;}
#header_topbar a {padding: 0px 12px 5px 12px;text-decoration: none; background: url(img/3hrd.gif) no-repeat center left;}
#header_topbar a:hover {border-bottom: 5px solid #0D286B;}
#header_topbar {margin-left: 270px; padding: 18px 0px 0px 0px; font-size: 110%; font-weight: bold;	}

#sidebar {margin: 0 0 0 46px; font-size: 90%; padding: 0; width: 160px; position: relative; display: block; float: left;
\ margin: 0 0 0 3px;}
#sidebar ul {margin: 0 0 0 25px;padding: 0px;list-style-image: url(img/3hbw.gif);
\ margin: 0 0 0 60px;}
#sidebar li {padding: 3px 0px;}
#sidebar li#active {list-style-image: url(img/3hgl3.gif);}
#sidebar a {text-decoration: none; color: #000;}
#sidebar a:hover {border-bottom: 4px solid #F8EC01;}

#navsub ul {margin: 0 0 0 19px;/* ie6 */\ margin: 0 0 0 19px;padding: 0px;list-style-image: url(img/3hgn.gif);}
#navsub li#activesub {list-style-image: url(img/3hgl2.gif);}

#content_bg {margin: 0px; margin-left: 240px; margin-right: 10px; padding: 0px; background-color: #F3F8BE;}
#content_s1 {background: url(img/bgcs1.png) repeat-x top left;}
#content_s2 {background: url(img/bgcs2.png) repeat-y top right;}
#content_s3 {background: url(img/bgcs3.png) repeat-x bottom left;}
#content_s4 {background: url(img/bgcs4.png) repeat-y top left;}
#content_c1 {background: url(img/bgcc1.png) no-repeat top left;}
#content_c2 {background: url(img/bgcc2.png) no-repeat top right;}
#content_c3 {background: url(img/bgcc3.png) no-repeat bottom right;}
#content_c4 {background: url(img/bgcc4.png) no-repeat bottom left;}
#content {padding: 0px; margin: 0px 30px; }

#footer_bg {clear: both;height: 100px;background: url(img/sidebar-bottom.png) no-repeat scroll left bottom;}
#footer{margin-left: 240px; padding: 10px 0px 0px 0px; font-size: 70%; text-align: center;}
