* {padding:0px; margin:0px;}

html,body {font-family:Verdana, Tahoma, "Trebuchet MS", Sans-Serif; font-size:11px; color:#3B5998; background:url(../images/bg5.png) 0px 0px repeat-x; background-color:#EAEAEA;}

/* HEADERS */
h1 {font-size:2em; margin:5px 0px;}
h2 {font-size:1.7em; margin:4px 0px;}
h3 {font-size:1.4em; margin:3px 0px}
h4 {font-size:1.1em; margin:2px 0px;}

/* FLOAT CLEAR */
br.clear {clear:both;}

/* NO OUTLINE */
*:active {outline:none;}

/* MAIN WRAPPER */
div#main_wrapper {width:900px; margin:0px auto;}

/* TOP BANNER */
#top_banner {height:150px; display:table; }
#ug_header {height:124px; position:relative;}
#ug_logo {width:420px; padding-left:14px;}

/* TOP SEARCH AREA */
div#top_search_form {width:267px; position:absolute; top:16px; left:610px;}
div#top_search_form label {color:#FFF; cursor:pointer; text-transform:uppercase; #margin-bottom:2px; letter-spacing:1px;}
div#top_search_form input.fieldtd {padding:2px 4px; font-size:11px; color:#069; border:1px solid #CCC;}
div#top_search_form input.formfield {font-size:10px; background: #f2f2f2; text-transform:uppercase; padding:0px 2px; #padding:1px 2px; border:1px solid #CCC;}
div#top_search_form div.links {color:#FFF; margin-bottom:4px; font-size:10px; padding-left:62px;}
div#top_search_form div.links a {text-decoration:none; color:#FFF;}
div#top_search_form div.links a:hover {text-decoration:underline;}

/* FLASH IMAGE */
div#flash_image {text-align:center; z-index:0}

/* MAIN BODY */
#main_body {width:878px; background:#FFF; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding:0px 10px; display: table}

/* CONTENT PROPER */
#content {margin:16px 0px 10px 0px; padding-bottom:20px; float:left; width:100%; display:table; border-bottom:1px solid #EAEAEA;}

/* COLUMN 1 */
#col1 {width:203px; border-right:5px solid #FFF; float:left; display: table}
#col2 {width:462px; float:left; display:table;}
#col3 {width:205px; float:left; display:table;}

/* EVENTS */
div#events {
	margin-bottom:15px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FF0000;
}
div#events h3 {font-size:13px; padding:5px; margin-top:0px;}
div#events div.eventitem {border-bottom:1px dashed #debf55; padding:0px 0px 10px 5px; margin-bottom:10px; width:198px; display:table;}
div#events div.frontpaneleventsdate {font-size:10px; color:#666; float:left; width:70px; padding-bottom:4px}
div#events div.frontpaneleventsdate strong{font-size:14px; color:#333; letter-spacing:-1px;}
div#events div.frontpanelevents {line-height:15px; float:right; width:122px;}
div#events div.frontpaneleventsdate span{text-transform:uppercase;}
div#events div.frontpanelevents a {color:#3b5998; text-decoration:none; font-weight:normal;}
div#events div.frontpanelevents p {color:#555555; line-height:12px; padding-top:3px;}
div#events div.frontpanelevents a:hover {color:#CC6600; text-decoration:underline;}

/* ANNOUNCEMENTS */
div#announcements {
	margin-bottom:15px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFFF00;
}
div#announcements h3 {font-size:13px; padding:5px; margin-top:0px;}
div#announcements div.annceitem {border-bottom:1px dotted #CCC; padding:0px 0px 10px 5px; margin-bottom:10px; width:193px; display:table; line-height:18px;}
div#announcements div.annceitem div.date {color:#333; font-weight:bold;}
div#announcements div.annceitem div.topic a {color: #3b5998; text-decoration: none}
div#announcements div.annceitem div.topic a:hover {color: #debf55}

/* HIGHTLIGHTS */
div#highlight {background:#FFF; margin-right:5px; width:460px; margin-bottom:15px; display:table;}
div#highlight div.highlight_section {margin:0px 5px; border:1px solid #EAEAEA; border-top-color:#DEDF55; padding: 8px 10px 10px}
div.highlight_section div.wrapper {
	padding:10px;
	color:#333;
	background-color: #FFFF00;
}
div.highlight_section img {float:left; padding:4px; margin:0px 5px 8px 0px; background:#FFF;}
div.highlight_section h3 {font-size:14px; padding-bottom: 3px}
div.highlight_section h3 a {text-decoration:none; color:#999999;}
div.highlight_section h3 a:hover {text-decoration:underline}
div.highlight_section p {text-align:justify; line-height:18px;}
div.highlight_section p a {color: #5B2809; text-decoration:none}
div.highlight_section p a:hover {color: #cc6600}

/* NEWS */
div#news {
	margin:0px 5px;
	padding:8px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #0033FF;
}
div#news h3 {font-size:13px; color: #3B5998}
div#news div#frontpanelnewsitem {width:100%; margin-bottom:8px; display:table;}
div#news div#frontpanelnewsitem div#frontpanelnewsdate {color:#CC6600; font-size:9px;}
div#news div#frontpanelnewsitem div a.frontpanelnewstitle {font-weight:bold; text-decoration:underline; margin-bottom:3px; color:#3B5998}
div#news div#frontpanelnewsitem div.frontpanelnewssummary {margin-bottom:0px; float:left; width:100%; line-height:20px;}
div#news div#frontpanelnewsitem div.frontpanelnewssummary img {float:left; background:transparent url(../images/picbg.jpg) no-repeat scroll left top; margin:2px 10px 2px 2px; padding:6px 9px 9px 6px;}
div#news div#frontpanelnewsitem div.frontpanelnewssummary a {color:#CC6600; text-decoration:none}
div#news div#frontpanelnewsitem div.frontpanelnewssummary a:hover {color:#debf55}
div#news div#frontpanelnewsitem div.frontpanelnewssummary a:visited {color: #5B2809}

/* OTHER PLACES */
table#other_links {border:1px dotted #CCC; width:96%; margin:20px 0px 0px 20px;}
table#other_links td {padding:0px 10px; vertical-align:top; border-right:1px dotted #CCC; width:25%;}
table#other_links td.no_border {border:none;}
table#other_links td.last, table#other_links td.first {border:none;}
table#other_links td h3{margin-bottom:5px; padding:5px 5px; border-bottom:1px dotted #CCC; text-transform:uppercase;}
table#other_links td a {display:block; padding:4px 0px; margin:2px 0px; font-size:10px; color:#CC9966; text-decoration:none; line-height:10px;}
table#other_links td a:hover {background:#4D7FBC; color:#FFF;}

/* QUICK LINKS */
div#quicklinks {margin-bottom:26px; border-bottom:1px dashed #2B5681;}
div#quicklinks h3 {
	color:#FFF;
	padding:5px;
	border-bottom:2px solid #FFF;
	margin:0px;
	text-transform:uppercase;
	font-size:14px;
	background-color: #FF0099;
}
div#quicklinks a {display:block; padding:4px 5px; color:#666; border-top:1px solid #FFF; background:#F2F2F2; text-decoration:none;}
div#quicklinks a:hover {background:#333; color:#FFF;}

/* SPOTLIGHTS */
div#spotlight {border-top:5px solid #3B5998; padding:5px}
div#spotlight h3 {font-size:13px; margin:0px; margin-bottom:5px;}
div#spotlight div.spotnews {background:transparent url(../images/spotlight.gif) no-repeat scroll left bottom; margin-top: 5px}
div#spotlight div.spotnews h3 {
	color:#FFF;
	padding:5px 10px;
	margin-bottom:0px;
	background-color: #0000CC;
}
div#spotlight div.spotnews1 {background: transparent url(../images/spotlightshadowup.gif) no-repeat scroll left top;padding: 6px 9px 9px 6px;}
div#spotlight div.spotnews1 div#spotinfo {font-size:12px; margin:5px; color: #cc6600}
div#spotlight div.spotnews1 div#spotinfo a {color: #cc6600; text-decoration: none}
div#spotlight div.spotnews1 div#spotinfo a:link {border-bottom: 1px solid #debf55}
div#spotlight div.spotnews1 div#spotinfo a:hover {color: #000000}

/* END FOOTER */
div#end_footer {text-align:center; border-bottom:4px solid #FFF;}
