html {height: 100%;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; margin:0px; min-height:101%; min-width:780px;}
img { border:0px;}
.clear { clear:both;}

a:link { color: #000000; text-decoration: none; }
a:visited {color: #000000; text-decoration: none;}
a:hover { color: #000000; text-decoration: underline;}

a.focusa:link { color: #003399; text-decoration: none; }
a.focusa:visited {color: #003399; text-decoration: none;}
a.focusa:hover { color: #cc0066; text-decoration: none;}

a.focush:link { color: #03138a; text-decoration: none; }
a.focush:visited {color: #03138a; text-decoration: none;}
a.focush:hover { color: #03138a; text-decoration: underline;}

.btn {font-size: 11px; color: #6600CC; text-decoration: none; background-color: #efefef; border:1px outset #999999; 	padding: 0px; cursor:pointer;}
.btnc2 {font-size: 11px;  cursor:pointer; height:20px; padding-bottom:3px; }
.btnc { font-size:11px;}
.btngen_80 { font-size:11px; width:80px;}
.edit { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	color: #000000;	border: 1px #666666 solid}

/* general layout */
#maindoc { }
#logotop { float:left; height:108px; width:310px; position:absolute; left:0px; z-index:100;}
#logolocal { float:right; height:55px; width:149px; padding-top:15px; padding-bottom:38px; }
.logopanel { float:right; height:55px; width:149px; padding-top:15px; padding-bottom:38px; }
#logolocal_title { float:right; height:25px; width:170px; padding-top:51px; padding-bottom:37px; padding-right:5px; text-align:right; color:#ffffff; font-weight:bold; font-size:14px; line-height:25px;} 

#header{ width:100%; height:108px;  background-image:url(../_images/pagehead-bkgnd.gif);}
#sitetop { float:right;width:309px; height:108px;}
#menubar { float:left; width:100%; height:26px; background-image:url(../_images/menubar-bkgnd.jpg);}
#menubarhp {position:absolute; left:0px; top:113px; z-index:5; width:100%; height:26px; background-image:url(../_images/menubar-bkgnd.jpg);}
#noticebar { float:left; width:100%; height:38px; background-image:url(../_images/noticebar2.gif);}
#noticebarhp {position:absolute; top:139px; left:0px; width:100%; height:38px; background-image:url(../_images/noticebar2.gif);}
/*
#noticetitlec { float:left; font-size:18px; font-weight:bold; color:#ffffff; line-height:38px;}
#noticeimg { float:left; padding-top:5px;}
#logo1 {float:left; padding-left:20px; padding-top:3px; width:36px; height:36px;}
#areachoosehp {float:right; padding-top:6px; width:240px; color:#ffffff; height:32px; text-align:right; padding-right:10px; }
*/
/* new notice title */
#noticetitlec { float:left; font-size:16px; font-weight:bold; color:#ffffff; line-height:38px;}
#noticeimg { float:left; padding-top:5px;}
#logo1 {float:left; padding-left:20px; padding-top:3px; width:36px; height:36px;}
.area_options { color:#c0ebfd; height:32px; padding-right:10px; line-height:32px; font-size:11px; font-weight:bold; }
#areachoosehp {float:right; padding-top:6px; color:#ffffff; height:32px; padding-right:10px; line-height:32px; font-size:11px;  }
.panelnotice { float:left; height:32px; line-height:23px; padding-top:9px;}
/* end new notice title */


#areaident {float:right; height:26px; padding:5px 15px 0px 0px; color:#444783; font-size:12px; font-weight:bold;text-align:right;}

.menu { float:left; position:relative; z-index:10; left:20px;}
div.menu div { width:98px; height:22px; padding:4px 20px 0px 0px; font-size:11px; font-weight:bold; line-height:22px; cursor:pointer; display:inline; color:#003399; }

#sidebar{ float:left; width:50px; height:380px; border-top:20px solid #ffffff; border-bottom:20px solid #ffffff; padding-top:10px; background-color:#c4e0fc;}
#areachoose {float:right; line-height:34px; width:530px; color:#ffffff; }
#noticetitle { float:left; font-size:18px; font-weight:bold; color:#ffffff; line-height:30px; padding:0px 0px 0px 20px;}
#noticetitles { float:left; font-size:14px; font-weight:bold; color:#ffffff; line-height:34px; padding:0px 0px 0px 20px;}
#notice_title { float:left; font-size:12px; font-weight:bold; color:#ffffff; line-height:34px; padding:0px 0px 0px 20px;} 
/* end general layout */

/* new menu */
a.focusk:link { color: #000000; text-decoration: none; }
a.focusk:visited {color: #000000; text-decoration: none;}
a.focusk:hover { color: #000000; text-decoration: underline;}

#menu { width:100%; height:25px; line-height:18px; color:#ffffff; border-bottom:1px solid #cccccc;}
.menu2 { width:100%; height:25px; line-height:18px; color:#ffffff; border-bottom:1px solid #cccccc;}
div.menu2 div { float:left; width:135px; height:20px; line-height:20px; margin-top:3px; color:#000000; text-align:center; font-size:10px;}
div.menu2 div.region { float:right; width:250px; height:20px; line-height:20px; margin-top:3px; color:#000000; text-align:right; font-size:11px; font-weight:bold; padding-right:10px;}
.m_out { background-image:url(../_images/menu_out.gif);}
.mpan { float:left; width:135px; height:25px; margin:0px; cursor:default;}
.m_ovr { background-image:url(../_images/menu_over2.gif); cursor:default;}

.mhovpanel { width:122px; visibility:hidden; padding:0px 3px; background-color:#ffffff; border:1px solid #333333; text-align:left; background-image:none; }
.mhovpanel2 { width:240px; visibility:hidden; padding:0px 3px; background-color:#ffffff; border:1px solid #333333; text-align:left; background-image:none; } 

div.mhovitem div { background-color:#e4f0fc; text-align:left; line-height:20px; height:24px; padding-left:2px; border-top:1px solid #ffffff; border-bottom:1px solid #999999; border-right:1px solid #999999;}
div.mhovitem div.tpp { background-color:#e4f0fc; text-align:left; line-height:20px; height:24px; padding-left:2px; border-top:0px solid #ffffff; border-bottom:1px solid #333333; border-right:1px solid #999999 }
div.mhovitem div.btm { background-color:#e4f0fc; text-align:left; line-height:20px; height:24px; padding-left:2px; border-top:1px solid #ffffff; border-bottom:0px solid #333333; border-right:1px solid #999999 }
div.mhovitem2 div { background-color:#e4f0fc; text-align:left; line-height:20px; height:24px; padding-left:2px; border-top:1px solid #ffffff; border-bottom:1px solid #999999; border-right:1px solid #999999; font-size:10px;}
div.mhovitem2 div.tpp { background-color:#e4f0fc; text-align:left; line-height:20px; height:24px; padding-left:2px; border-top:0px solid #ffffff; border-bottom:1px solid #333333; border-right:1px solid #999999; font-size:10px; }
div.mhovitem2 div.btm { background-color:#e4f0fc; text-align:left; line-height:20px; height:24px; padding-left:2px; border-top:1px solid #ffffff; border-bottom:0px solid #333333; border-right:1px solid #999999; font-size:10px; }
/* end new menu */

/* home page */
#container2 {position:absolute; height:640px; padding-top:20px; width:800px;}
#rightbar2 { float:right; width:328px;}
#content2 { width:450px; padding:0px 0px 20px 10px; height:640px; border-right:1px solid #999999;  margin-right:2px}
#maincontent2 { height:680px; width:100%; }
#pathway2 { position:absolute; left:840px; width:200px; height:500px;}

/* new ------------------------------------- */
#maincontenthp { width:99%; background-color:#ffffff; margin-left:15px; clear:both; }
#leftcontenthp { position:absolute; left:0px; top:177px; z-index:0; width:450px; padding:0px 0px 20px 10px; border-right:10px solid #f5f6fa; background-color:#f5f6fa;}
/*#rightcontenthp { float:left; width:50%; padding:0px 10px 20px 10px; margin-left:15px; line-height:16px; background-color:#ffffff;}*/

#rightcontenthp { position:absolute; top:177px; left:460px; min-width:20%;  padding:0px 10px 20px 10px; margin-left:15px; line-height:16px; background-color:#ffffff;}
/* end new ------------------------------------- */


.title { float:left; font-family:Arial; font-size:20px; font-weight:bold; width:100%; border-bottom:1px solid #999999; margin-bottom:15px; margin-top:10px; line-height:24px; color:#1a507e; }
.title_right { font-family:Arial; font-size:18px; font-weight:bold; width:425px; border-bottom:1px solid #999999; margin-bottom:15px; margin-top:15px;  line-height:24px; color:#1a507e;}
/*.footer { float:left; width:100%; font-size:9px; height:16px; line-height:16px; padding:5px 0px; border-top:1px solid #999999; text-align:center;}*/
.footer { float:left; width:100%; font-size:9px; height:16px; line-height:16px; padding:5px 0px; text-align:center; border-top:1px solid #999999;}
#footerhp22 { position:absolute; top:700px; left:0px; width:100%; font-size:9px; height:16px; line-height:16px; padding:5px 0px; text-align:center; border-top:1px solid #999999;}

/* new footers */
#footer{ float:left; clear:both; width:595px; height:20px; padding-top:4px;  text-align:center; color:#ffffff; background-color:#666666;}
#footercrs{ float:left; width:595px; height:20px; padding-top:4px; text-align:center;  color:#ffffff; background-color:#666666;}
#footerhp{position:absolute; top:595px; width:600px; height:20px; padding-top:4px;  text-align:center; color:#ffffff; background-color:#666666;}
#footerc{ float:left; clear:both; width:100%; height:20px; padding-top:4px;  text-align:center; color:#ffffff; background-color:#666666;}
.dipfooter { float:left; width:760px; height:20px; padding-top:4px;  text-align:center; color:#ffffff; background-color:#666666; margin-left:20px; margin-right:20px; clear:both;}
/* end footers */

#rb-headertitle {padding:10px; font-size:16px; font-weight:bold; color:#ffffff; background-color:#cc0066; }
#rb-txt { float:left; padding:10px 0px; width:100%; line-height:16px;}
.rb-txt2 { float:left; padding:0px 0px 10px 0px; width:100%; line-height:16px;}
#rb-map { padding:20px 0px; text-align:center;}
#rb-mapinfo { padding:0px 10px; font-weight:bold; color:#ff6600;}

.img_txt_container { float:left;}
.img_div { float:left; width:33px; height:25px; padding:5px 10px 30px 0px;}
/*
.txt_div { float:left; width:80%; height:50px; padding:0px 0px 10px 0px; line-height:16px;}
*/
.txt_div { float:left; min-width:20%;padding:0px 0px 10px 0px; line-height:16px;}
/* end home page */

/* new support pages */
#maincontent { position:absolute; top:172px; width:99%; background-color:#ffffff; margin-left:15px;}
#leftcontent { float:left; width:328px; padding:0px 0px 20px 10px; border-right:10px solid #f5f6fa; background-color:#f5f6fa; margin-right:5px;}
#rightcontent { float:left; width:50%; padding:0px 10px 20px 0px; line-height:16px; background-color:#ffffff;}
#rightcontent1 { float:left; width:30%; padding:0px 0px 20px 0px; margin-right:5px; line-height:14px; background-color:#f5f0e2; }
#rightcontent2 { float:left; width:30%; padding:0px 0px 20px 0px; line-height:14px;  background-color:#f5f6fb;}
#pright1 { background-color:#f5f0e2;}
.ptitle1 {padding:5px 10px; height:20px; line-height:20px; font-size:16px; font-weight:bold; color:#ffffff; background-color:#cc0066;}
.ptitle2 {padding:5px 10px; height:20px; line-height:20px; font-size:14px; font-weight:bold; color:#ffffff; background-color:#ff6600; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
.ptitle3 {padding:5px 5px; background-color:#e5f3fe; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}

#plist { height:210px;}
#plisttitle {padding:10px; font-size:16px; font-weight:bold; color:#ffffff; background-color:#cc0066;}
#plisttitle_left {padding:10px; font-size:12px; font-weight:bold; color:#ffffff; background-color:#ff6600;}
.plisttext { padding:5px 10px;}
#careatitle {  padding:10px; font-size:16px; font-weight:bold; color:#ffffff; background-color:#cc0066; border-bottom:5px solid #ffffff;}
/*careatitle {  padding:5px 0px 5px 5px; color:#ffffff; font-family:Arial; font-weight:bold; background-color:#cc0066}

/* end new support pages */

/* support pages */
#container1 { padding-top:20px; width:800px;}
#rightbar1 { float:right; width:445px; height:228px;}
#content1 { width:328px; padding:0px 0px 0px 20px;margin-right:1px}
#maincontent1 {float:left; width:100%; background-image:url(../_images/cont-bkgnd2.jpg); background-repeat:repeat-y;}
#footer1{width:100%; height:20px; padding-top:4px; text-align:center; color:#ffffff; background-color:#666666;}
#pathway1 { position:absolute; left:840px; width:200px; height:500px;}


#pimg { width:328px; height:228px; border-bottom:3px solid #ffffff;}
#pinfo { width:328px; background-color:#ebecf1;}
#pinfo1 { width:328px; height:320px; background-color:#ebecf1;}
#pinfor { background-color:#ebecf1;}
#plistitems { background-color:#f5f0e2;}

#plisttitle2 {padding:10px; font-size:14px; font-weight:bold; color:#ffffff; background-color:#ff6600; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
#plst-title { padding:5px; font-size:12px; font-weight:bold; color:#ffffff; background-color:#8a8fcb; height:16px;}
.plst { }
div.plst div { padding:8px 10px; background-color:#f5f6fb;} /* e0e2fb*/
.plst_cove  { padding:8px 10px 8px 10px; background-color:#f5f6fb;}
.plistarea { padding:10px 10px 10px 10px;  font-weight:bold; color:#cc0066;}
.plistareat { padding:0px 10px 10px 30px;}
#newdip { float:right; width:101px; height:76px; margin-right:25px; margin-top:20px; text-align:center;}

/* careerarea page and icons*/
/*#carealeft { float:left; border-bottom:5px solid #ffffff; padding:20px 5px 10px 5px; width:370px;background-color:#d6eafb; }
#carearight { float:left; border-bottom:5px solid #ffffff; padding:20px 10px 10px 5px; width:385px; background-color:#d6eafb; }
#careamain { width:800px; height:394px; background-color:#d6eafb;}
#careatitlea { width:760px; padding:10px; font-size:16px; font-weight:bold; color:#ffffff; background-color:#cc0066; border-bottom:5px solid #ffffff;}*/

/*#careamain { float:left; width:780px; background-color:#d6eafb;}
#carealeft { float:left;  padding:20px 5px 10px 5px; width:45%; background-color:#d6eafb; }
#carearight { float:left; padding:20px 10px 10px 5px; width:45%; background-color:#d6eafb; }*/

#careas { float:left; width:100%;}
#careatitlea {float:left; width:97%; height:18px; padding:5px 10px; font-size:16px; font-weight:bold; color:#ffffff; background-color:#cc0066; border-bottom:5px solid #ffffff;}
#careamain { float:left; width:100%; background-color:#d6eafb;}
#carealeft { float:left;  padding:20px 5px 10px 5px; width:45%; background-color:#d6eafb; }
#carearight { float:left; padding:20px 10px 10px 5px; width:45%; background-color:#d6eafb; }
.icon1 {float:left; width:41px; height:41px; padding:2px 8px 0px 2px;}
.pcareerarea { padding:5px 10px 3px 10px; font-size:11px; font-family:Arial; font-weight:bold}
.pcareerareat { padding:0px 10px 10px 30px;}
/* end careerarea page and icons*/

.newdip { float:right; width:101px; height:76px; margin-right:5px; margin-top:10px; text-align:center; border-left:1px solid #999999; padding-left:10px;}
ul.ualist li { list-style-image:url(../_images/panptr1.gif); padding-bottom:5px; display:list-item; margin:0px;}
.ualistc { margin-top:10px; margin-bottom:10px; font-family:Arial;}
ul.ualistc li { list-style-image:url(../_images/bullet_2s.gif); padding-bottom:8px; margin-left:-10px; font-size:11px;}
ul.ulist2 li { list-style-image:url(../_images/panptr.gif); padding-bottom:5px;}
ul.uitem li { list-style-image:url(../_images/panptr3.gif); padding-bottom:3px; margin-left:-10px;}
.pem { font-size:12px; font-weight:bold; font-style:italic; padding:10px;}
/*/ end support pages */


/* footers */
/*
#footer{ float:left; clear:both; width:100%; height:20px; padding-top:4px; text-align:center; color:#ffffff; background-color:#666666;}
#footercrs{ float:left; width:100%; height:20px; padding-top:4px; text-align:center; color:#ffffff; background-color:#666666;}
#footerhp{position:absolute; top:670px; width:100%; height:20px; padding-top:4px; text-align:center; color:#ffffff; background-color:#666666;}
*/
/* end footers */


/* diploma pages */
#containerd { float:left;  width:800px;}
#diphead { width:780px; padding:0px 0px 20px 20px;}
#diphead0 { width:780px; padding:0px 0px 0px 20px;}
.dipLA { width:760px; padding:3px 20px 3px 20px; text-align:right; height:20px;} 
#diparealogo { width:780px; padding:0px 0px 20px 20px;}
#diparealogo1 { width:760px; padding:0px 20px 0px 20px; text-align:right;}
.diparea { padding:6px 10px 3px 10px; font-size:14px; font-weight:bold}
.dipareat { padding:0px 10px 0px 30px;}
.icon2 {float:left; width:41px; height:35px; padding:2px 8px 0px 2px;}

.dleftcol { float:left; width:368px;  margin-left:20px; height: 532px; }
.drightcol { float:right; width:368px; margin-right:20px;}

.dip_section { width:100%;}
.dip_left_col_top { float:left; width:368px;  margin-left:20px; height:580px; background-color:#ebecf1;}
.dip_right_col_top {float:right; width:368px; margin-right:20px; height:580px; background-color:#ebecf1;}
.dip_left_col { float:left; width:368px;  margin-left:20px; height:360px; background-color:#ebecf1;}
.dip_right_col {float:right; width:368px; margin-right:20px; height:360px; background-color:#ebecf1;}

.dtitle { padding:5px; background-color:#990000; color:#ffffff; font-weight:bold; margin-bottom:1px}
.dtext { padding:5px; background-color:#ebecf1; margin-bottom:5px;}
.dlist {margin-top:12px;}
ul.dlist li { list-style-image:url(../_images/panptr.gif); padding-bottom:5px;}
.dlist2 {margin-top:10px;}
ul.dlist2 li { list-style-image:url(../_images/panptr3.gif); padding-bottom:5px;}
.dlist3 {margin-top:3px;}
ul.dlist3 li { list-style-image:url(../_images/panptr3.gif);}
#dtable {float:left; clear:both; margin-left:20px; text-align:center; padding:8px 0px 15px 0px;}
.dlevels { width:760px; background-color:#dbf9e0; font-weight:bold; font-size:9px;}
.dlevels2 { width:680px; font-weight:bold; font-size:9px;}
table.dlevels td {border:1px solid #ffffff; padding:10px 0px;}
.dcol1 { width:80px; background-color:#666666; color:#ffffff; font-weight:bold;}
#nospc {padding:0px;}
.dlocal {float:left; width:750px; padding:5px;  background-color:#ff6600; margin-left:20px; font-weight:bold; color:#ffffff;}
.dlocaltext {float:left; width:750px; padding:5px;  margin-left:20px}
.dlocallink {float:left; width:750px; padding:5px;  background-color:#006699; margin-left:20px; font-weight:bold; color:#ffffff;}
.dipcareer {float:left; width:750px; padding:5px;  background-color:#006699; margin-left:20px; font-weight:bold; color:#ffffff;}
.dipcareer2 {float:left; width:750px; padding:5px;  background-color:#339999; margin-left:20px; font-weight:bold; color:#ffffff;}
.dipcareertext {float:left; width:750px; padding:5px;  margin-left:20px; background-color:#ebecf1; margin-bottom:15px;}
.dipcareertext2 {float:left; width:740px; padding:5px;  margin-left:0px; background-color:#ebecf1; margin-bottom:15px;}
.dipcareertext3 {float:left; width:740px; padding:5px 5px 0px 0px;  margin-left:0px; background-color:#ebecf1; margin-top:15px;}
.dconsort { float:left; width:440px;}
table.dconsort td {}
.dconsortcol1 { width:150px;}
.dconsortcol3 { width:50px; text-align:center}
.dconsortcol3h { width:50px; text-align:center; font-size:9px; line-height:11px;}
.dconsorthead { background-color:#ff6600; font-weight:bold; color:#ffffff;}
.dconsortrow { background-color:#fddac8;}
.dconsortrow2 { background-color:#ffffff;}
.diprpt1 { float:left; width:450px;}
.diprpt2 { float:right; width:280px;}

.restbl { width:275px; font-size:9px; border-top:1px solid #999999; border-left:1px solid #999999; background-color:#fefee1;}
table.restbl td {border-bottom:1px solid #999999; border-right:1px solid #999999; text-align:center; }
table.restbl td.col1 { width:30px; border-bottom:1px solid #999999; border-right:1px solid #999999; text-align:center; vertical-align:top;}
table.restbl td.col2 { width:90px; border-bottom:1px solid #999999; border-right:1px solid #999999;}
table.restbl td.col3 { width:155px; border-bottom:1px solid #999999; border-right:1px solid #999999; text-align:left; }
/* end diploma pages */


/* localarea page */
.la {width:660px; margin-left:20px; padding-top:10px;}
.latitle {width:660px; padding-bottom:5px; font-size:18px; font-family:Arial; font-weight:bold; color:#990000;}
.latxt { width:660px; padding-bottom:5px;}
.acc { width:660px;}
.accHeader { width:654px; padding:3px; background-color:#d0dcfc; color:#000000; border-bottom:1px solid #ffffff; cursor:pointer; }
.accContent { width:660px; padding-bottom:3px; background-color:#ffffff; height:300px; color:#000000;}

.tplatetbl { float:left; width:660px; background-color:#ffffff;}
/*table.tplatetbl td { width:310px; text-align:left; font-size:11px;}*/
table.tplatetbl td.col1 {width:280px; text-align:left; font-size:11px;}
table.tplatetbl td.col2 {width:280px; text-align:left; font-size:11px;}
table.tplatetbl td.col3 { width:100px; text-align:center; font-size:9px;}
table.tplatetbl td.altcol3 { width:100px; text-align:center; font-size:9px;}
table.tplatetbl tr.trhead {width:660px; background-color:#ff6600; font-weight:normal; color:#ffffff;}
table.tplatetbl tr.altrow {width:660px;background-color:#fdf0e9; font-weight:normal; color:#000000;}

.cove { color:#c03120; font-weight:bold;} 
/* end localarea page */