/* CSS Document */

body {margin:0; font:75% Arial, Helvetica, sans-serif; background:url(../images/08_elements/home_bg2.jpg) repeat-x #f8f8f8;}

#macro {position:relative; margin:0 auto; width:760px;}

#container {position:relative; margin-left:auto; margin-right:auto; width:760px; background:url(../images/08_elements/header_bg.jpg) no-repeat center top;}
#container ul {list-style:none; margin:0; padding:0; margin-left:140px; margin-top:5px;}
#container li {display:inline; margin-right:15px;}

#header {background:url(../images/08_elements/header_bg.jpg) no-repeat;}

.csuf {margin-bottom:23px;}

#search {position:absolute; left:517px; top:2px; width:241px; height:60px;  font-size:.8em; color:#fff;}


#gateways {position:absolute; left:-1px; top:66px; width:760px; height:26px;}
#gateways ul {list-style:none; margin:0; padding:0; margin-top:2px;}
#gateways li {margin-right:10px; display:inline;}
#gateways a:link, #gateways a:visited {color:#FFF; padding:5px; font-weight:bold; text-decoration:none; font-size:.975em;}
#gateways a:hover {background-color:#FF6600;}

#topicmenu {position: absolute; width:760px; left:0; top: 338px; height:26px;}
#topicmenu {list-style:none; margin:0; padding:0;}
#topicmenu li {margin-right:20px; display:inline;}
#topicmenu a:link, #topicmenu a:visited {color:#FFF; padding:5px; font-weight:bold; text-decoration:none; font-size:.975em;}
#topicmenu a:hover {background-color:#FF6600;}


#billboard {position:absolute; left:0; top:88px; width:760px; height:238px; background-color:#999999;}
#banner {padding:1px; width:510px; height:236px;}


#highlights {position:absolute; width:248px; left:511px; top:26px; background-color:#444444;}
#highlights ul {margin:0; padding:0; width:248px; height:190px;}
#highlights li {font-size:.9em;}
#highlights a {display:block; padding:5px; padding-left:15px; color:#efefef; margin: 0; text-decoration:none; border-bottom:1px solid #666666; background:url(../images/08_elements/arrow.gif) no-repeat;}
#highlights a:visited {color:#999999;}
#highlights a:hover {text-decoration:underline; color:#FFF; background-color:#FF6600;}
#highlights a:active {background-color:#FFFFFF; color:#FF6600;}

#highlights #furlough {position:absolute; top:142px; width:218px; background-color:#99CCFF; padding:8px 15px;}
#highlights #furlough a {display:inline; color:#036; border-bottom:none; background:none; padding:0; font-size:.9em; font-weight:bold;}

#highlights #promo {background:url(../banner/budget.gif) no-repeat; padding:13px 0 13px 15px; width:233px; position:absolute; top:172px;}
#highlights #promo a {display:inline; color:#FFF; border-bottom:none; background:none; padding:0; font-size:.9em; font-weight:bold;}
/*#highlights #promo a {padding:0; position:absolute; top:162px;}*/

#highlights_title {position:absolute; top:1px; left:511px; width:248px; font-size:.8em; color:#FFFFFF; background-color:#000; border-right:1px solid #999;}
#highlights_title h1 {font-size:1.2em; margin:0; padding:5px 8px;}
#highlights_title p {position:absolute; top:5px; left:140px; padding:0; margin:0;}
#highlights_title a:link, #highlights_title a:visited {color:#FFFFFF; text-decoration:none;}
#highlights_title a:hover {text-decoration:underline;}

/*#container2 {position:relative; margin-left:auto; margin-right:auto; width:760px; top:37px; height:375px;}*/
#container2 {position:absolute; left:0; top:363px; width:760px; height:390px;}

#portal {margin-left:0; width:153px; background-image:url(../images/08_elements/lftcol_bg2.gif); background-repeat:no-repeat; padding:6px; padding-top:4px; height:352px;}
#portal ul {list-style-image:url(../images/08_elements/green_block2.gif); margin:0; padding:0; font-size:.9em;}
#portal li {margin-bottom:3px; margin-left:16px;}
#portal li a:link, #portal li a:visited {color:#000; text-decoration:none;}
#portal li a:hover {text-decoration:underline;}

#portal #login {margin:4px 0 30px;}
#portal #secure {position:absolute; top:100px; left:50px;}

#news {position:absolute; top:0; left:153px; width:205px; background-image:url(../images/08_elements/news_tab.gif); background-repeat:no-repeat; background-position:top; font-size:.9em; padding-top:3px;}
#news a:link, #news a:visited {text-decoration:none; color:#F8F0FF;}
#news a:hover {text-decoration:underline; color:#FFF;}
#news #newstab ul {list-style:none; margin:0; padding:0; padding-left:75px;}
#news #newstab li {display:inline; margin-right:20px;}
#news .newstabfirst {position:absolute; top:3px; left:10px;}
#news #newstab li a {color:#FFF;}
#news ul {list-style:none; margin-left:0; padding:0 10px;}
#news li {margin-bottom:10px;}
#news li a:link, #news li a:visited {color:#606; text-decoration:none;}
#news li a:hover {color:#606; text-decoration:underline;}

#events {position:absolute; top:0; left:358px; width:212px; background-image:url(../images/08_elements/events_tab.gif); background-repeat:no-repeat; background-position:top; font-size:.9em; padding-top:3px;}
#events a:link, #events a:visited {text-decoration:none; color:#FFC;}
#events a:hover {text-decoration:underline; color:#FFF;}
#events  #eventstab ul {list-style:none; margin:0; padding:0; padding-left:100px;}
#events  #eventstab li {display:inline; margin-right:25px;}
#events  .eventstabfirst {position:absolute; top:3px; left:15px;}
#events  #eventstab a {color:#FFF;}
#events ul {list-style:none; margin-left:0; padding:0 10px 0 15px;}
#events li {margin-bottom:10px; color:#666666; font-size:.9em; font-weight:bold;}
#events li a:link, #events li a:visited {color:#930; text-decoration:none; font-size:1.1em; font-weight:normal;}
#events li a:hover {color:#930; text-decoration:underline;}

#colleges {position:absolute; top:0; left:570px; width:190px; background-image:url(../images/08_elements/colleges_tab.gif); background-repeat:no-repeat; background-position:top; font-size:.9em; padding-top:3px;}
#colleges a:link, #colleges a:visited {text-decoration:none; color:#FFF;}
#colleges a:hover {text-decoration:underline; color:#FFF;}
#colleges  #collegestab ul {list-style:none; margin:0; padding:0; padding-left:85px;}
#colleges  #collegestab li {display:inline; margin-right:10px;}
#colleges  .collegestabfirst {position:absolute; top:3px; left:10px;}
#colleges #collegestab a {color:#FFF;}
#colleges ul {margin-left:0; padding:0 0px 0 25px; list-style-image:url(../images/08_elements/green_block.gif);}
#colleges li {margin-bottom:5px;}
#colleges li a:link, #colleges li a:visited {color:#000; text-decoration:none;}
#colleges li a:hover {color:#000; text-decoration:underline;}

#disclaimer {width:760px; margin:10px auto; font-size:.8em; color:#666; height:50px; padding-top:10px;}
#disclaimer p {margin-left: 220px;}
#disclaimer a:link, #disclaimer a:visited {color:#666; text-decoration:underline;}