body {margin: 0; padding: 0; font-family: Verdana, Lucida Grande, "Trebuchet MS", sans-serif; font-size: 11px; color:/*#515879*/#30354b /*#3B5998*/}

#wrapper {margin: 0; padding: 0;}

/* HEADERS */
h3 {font-size: 12px; font-family: Georgia,"Times New Roman",Times,serif}
/* header ends */

/*  BANNER  */
#header {height: 130px; border-bottom: 1px solid #D8DFEA;}
#banner {width: 920px; margin: 0 auto; background: url(../images/banner.png) no-repeat}
#top {height: 98px;}
#top input {border: 1px solid #2c4271; margin-top: 37px}
#searchbox {}

#top_nav {background: /*#9E7E38*/ #debf55 url(../images/home.jpg) scroll 3px 3px no-repeat; height: 30px; border-width: 1px; border-style: solid; border-color: #FFFFFF #2c4271 #3b5998; color: #FFFFFF; font-size: 13px;}
#top_nav ul {list-style-type: none; padding: 0; margin: 6px 0 0 0;}
#top_nav ul li {float: left; padding: 0 34px; border-right: 1px solid #FFFFFF}

/** pseudo classes must follow this order **/

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

/*  MAIN BODY  */
#content {margin: 2px auto 0; background: url(../images/bg_content.png) repeat-x; height: 400px }
#content_main {width: 920px; margin: 0 auto; padding-top: 10px;}

/* COLUMNS */
#col1 {width: 202px; margin-right: 20px; float: left;}
#col2 {width: 478px; margin-right: 20px; float: left}
#col3 {width: 200px; float: right;}
/* column ends */

/* LEFT NAV LINKS */
#left_nav {width: 200px; float: left; border: 1px solid #D8DFEA; background: #FFFFFF;/*#D8DFEA;*/}
.left_nav {border: 1px solid #FFFFFF; margin: 0; padding: 0; }
dl.left_nav dt {font-weight: bold; font-family: Arial; font-size: 12px; padding: 0px 0 0px 0px; border-right: none; border-bottom: 1px solid #FFFFFF; background: #D8DFEA; float: none; display: block}/*#D8DFEA*/
dl.left_nav dt a {display:block; padding: 7px 0px 7px 13px; border-right:none; background: #D8DFEA;}

dl.left_nav dt a:link {color: #3B5998; text-decoration: none}
dl.left_nav dt a:visited {color: #3B5998; text-decoration: none}
dl.left_nav dt a:hover {background: #3B5998; color: #FFFFFF; text-decoration: none; font-weight: bold}

/***  inner left_nav links  ***/
dd {margin:0}
dd ul {list-style-image: none; list-style-type: none; list-style-position: inside; margin: 0px; padding: 0px; display: block; border-bottom: 1px solid #FFFFFF; background: #fafcff}
dd ul li {background: url(../images/square.png) no-repeat scroll 14px 6px; float: none; color: #3B5998; #display: block; padding: 3px 0px 3px 30px; border: none}
dd ul li a:link {text-decortaion: none; color: #3B5998}
dd ul li a:visited {text-decortaion: none; color: #3b5888}
dd ul li a:hover {text-decoration: underline; color: #3b5888}
/* left nav links end */

/* ANNOUNCEMENTS */
#announcement {margin-top: 15px; display: block; float: left; width: 202px}
#announcement h3 {margin: 0px 0px 5px 0px; border-bottom: 5px solid #DEBF55; padding-bottom: 3px;}
div#announcement div.annceitem {border-bottom:1px dotted #CCC; padding:0px 0px 10px 5px; margin-bottom:10px; width:193px; display:table; line-height:18px;}
div#announcement div.annceitem div.date {color:#333; font-weight:bold;}
div#announcement div.annceitem div.topic a {color: #3b5998; text-decoration: none}
div#announcement div.annceitem div.topic a:hover {color: #debf55}


/**  COLUMN 2  **/
#news_highlights {border-width: 1px; border-style: solid; border-color: #debf55 #d8dfea #ffffff; margin-top: 15px; float: left; width: 476px}

/* highlights */
#highlights {padding: 10px 20px; margin-bottom: 10px; float: left}
.highlights {background: #FBF1CA; padding: 10px; color: #333333; float: left}
.highlights img {padding: 5px; background: #FFFFFF; float: left; margin-right: 10px}
.highlights h3 {margin: 0px 3px; font-size: 14px; padding-bottom: 3px; font-family: Verdana, Lucida Grande, "Trebuchet MS", sans-serif}
.highlights h3 a {text-decoration: none; color: #CC9900;}
.highlights h3 a:hover {text-decoration:underline}
.highlights p {margin: 0px; text-align: justify; line-height:18px;}
.highlights p a {color: #5B2809; text-decoration:none}
.highlights p a:hover {color: #cc6600}

/* news */
#news {padding: 20px 20px 0px; width: 436px}
#frontpanelnewsitem {margin-top: 3px; margin-bottom:8px; display: block; float: left; width: 436px}
.frontpanelnewsdate {color:#CC6600; margin-bottom: 3px}
div a.frontpanelnewstitle {font-weight:bold; text-decoration:underline; margin-bottom:3px; color:#3B5998}
.frontpanelnewssummary {margin-bottom: 0px; float: left; line-height: 20px; padding-bottom: 3px; text-align: justify}
.frontpanelnewssummary img {float:left; background:transparent url(../images/frontbg.png) no-repeat scroll 0 0; margin-right: 5px; padding: 9px 10px;}
.frontpanelnewssummary a {color:#CC6600; text-decoration:none}
.frontpanelnewssummary a:visited {color: #5B2809}
.frontpanelnewssummary a:hover {color:#debf55}


/** COLUMN 3 **/
/* important links */
#importantlinks {border: 1px solid #D8DFEA; margin-bottom: 15px}
.importantlinks {padding: 10px; background: #fff; font-family: Arial; font-size: 12px}
#importantlinks h3 {margin: 0px 0px 3px 0px; border-bottom: 1px solid #3b5998; padding: 0px 0px 3px 14px}
.importantlinks ul {margin: 0px; line-height: 17px; list-style: none none inside; padding: 0px;}
.importantlinks ul li {background: url(../images/db_square.png) no-repeat scroll 14px 9px; float: none; color: #031A65; #display: block; padding: 3px 0px 3px 30px; border-bottom: 1px solid #fff}

/* events */
#events {margin-bottom: 15px; float: right; width: 200px}
#events h3 {border-bottom: 5px solid #DEBF55; padding-bottom: 3px; margin-bottom: 5px}
.eventitem {padding:0 0 10px; border-bottom: 1px dotted #DEBF55; margin-bottom: 10px; display: table; width: 200px; float: right}
div#events div.frontpaneleventsdate {font-size: 10px; color:#666; float: left; padding-bottom:4px;}
div#events div.frontpaneleventsdate strong{font-size: 13px; color:#333; letter-spacing:-1px;}
div#events div.frontpanelevents {line-height: 15px; float: right; width: 139px; font-size: 11px}
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: 13px; margin: 3px 0 0;}
div#events div.frontpanelevents a:hover {color:#CC6600; text-decoration:underline;}

/* souvi */
#souvi {background: #eaeaea; float: right; width: 188px; border: 1px solid #ccc; padding: 5px}

/* footer */
#footer {padding-top: 10px; float: left; height: 20px; width: 920px; text-align: center; margin-top: 20px; border-top: 1px dotted #3b5998}