/*LAYOUT ------------------------------------------------------------------------------------------*/
/* Reset page's margin and padding settings 0 */
*{ margin: 0;	padding: 0;}
html,body { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2C2C2E; background-color:#F3F3F5;}
.clear { clear: both; }

/* Set a fixed-width platform for the content. Default width is 960px */
#container { width: 960px; margin: 0 auto; background-color:#F3F3F5; clear:both;}

/*BANNER ----------------------------------------------------------------------------------------------*/

#banner { background-image: url(../img/fadedown.gif);	background-repeat: repeat-x;	height: 75px;	text-align: center;}
#banner_content { margin: 0 auto; width: 960px;}
#banner_left { width: 205px; float: left; padding-top: 25px;}
#banner_center { width: 550px; float: left;}
#banner_center a img{ border: none;}
#banner_center a:visited img{ border: none;}
#banner_center a:hover img{ border: none;}
#banner_right {	width: 205px;float: left}

/*HEADER ----------------------------------------------------------------------------------------------*/

#header { width: 960px; height: 35px; margin: 0 auto ; margin-top: 5px; clear: both; padding: 0;}
#header #top { float: left; width: 720px;}

/*TOP_MENU & ANYLINKCSS -------------------------------------------------------------------------------*/

.top_menu { float:left; margin-left: 15px; padding-top: 9px; color: #333333; font-weight: bold; font-size: 0.8em;}
.top_menu a { color: #333333; text-decoration: none; }
.top_menu a:visited { color: #333333; text-decoration: none; }
.top_menu a:hover { color: #333333; }
.anylinkcss{ width: 200px; position:absolute; visibility: hidden; border:1px solid black; line-height: 18px; z-index: 100; background-color: #666666; font-size: 0.8em;}
.anylinkcss a{width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none; font-weight: bold; text-indent: 5px; color: #FFFFFF;}
.anylinkcss a:hover{background-color:#CCCCCC; color: #333333;}

.darkheader_bl {background: url(../img/bl.png) 0 100% no-repeat #2F2F31; width: 189px;}
.darkheader_br {background: url(../img/br.png) 100% 100% no-repeat;}
.darkheader_tl {background: url(../img/tl.png) 0 0 no-repeat;}
.darkheader_tr {background: url(../img/tr.png) 100% 0 no-repeat; padding:5px; color: #F3F3F5; }

/*
.searchbox{ margin-top: 0px;	margin-left: 745px;	width: 190px;	height: 26px;	position: absolute; z-index: 2; background-image:url(../img/searchbox.png);}
.searchbox input { background: none; width: 150px; color: #FFFFFF; margin-left: 10px; margin-top: 5px; padding-top: 2px; border: 0; outline: none; padding-right: 0; margin-right: 0; height: 15px; float: left; margin-top: 2px; }
.search_button { border: 0; background: url('../img/search_button.gif') no-repeat top left; height: 20px; width: 20px; text-indent: -9999px;  margin-left: 0px; margin-top: 2px; margin-right: 5px; float: right; }
*/

.searchbox { float: left; width: 190px; margin-top: 5px; }
.searchbox .darkheader_tr { padding: 0 5px 2px 5px;}
.searchbox input { background: none; color: #FFFFFF; border: 0; outline: none; width: 150px; font-weight: bold; font-family: Tahoma; font-size: 0.8em;}
.search_button { border: 0; background: url('../img/search_button.gif') no-repeat center left; height: 20px; width: 20px; text-indent: -9999px; margin-left: 5px;}

#social { float: left; margin: 7px 0 0 5px; }
#social a img { border: none;}

/*MAIN_IMAGE ------------------------------------------------------------------------------------------*/

#main_image {	width: 960px;	height: 270px;	margin-bottom: 10px;	background-color: #F3F3F5;}

/*LEFT_LIST & RIGHT_LIST ------------------------------------------------------------------------------*/

#left_list { margin-left: 35px;	float: left;	width: 180px;	height: 250px;	padding: 10px 10px 10px 15px;	position:absolute;}
#right_list {	margin-left: 270px;	float: left; width: 180px;	height: 250px;	padding: 10px 10px 10px 15px;	position:absolute;}
#left_list div.menu_background { background-color: white; height: 100%; filter:alpha(opacity=75); /* IE's opacity*/ left: 0px; opacity: 0.75; position: absolute; top: 0px; width: 100%; z-index: 99;}
#right_list div.menu_background { background-color: black; height: 100%; filter:alpha(opacity=75); /* IE's opacity*/ left: 0px; opacity: 0.75; position: absolute; top: 0px; width: 100%; z-index: 99;}
#menu_L { margin-left:0; height: 270px; margin-top: -273px;}
#menu_R { margin-left: 440px; height: 270px; margin-top: -273px;}
.menu_contents { background-color:transparent; height: 100%; position: relative; width: 100%; z-index: 99;}

#left_list,#right_list { font-family: Tahoma; font-weight: bold; font-size: 0.8em; line-height: 1.4;}
#left_list ul, #right_list ul {	list-style: none;}
#left_list ul ul, #right_list ul ul{	padding-left: 6px;}

#left_list { color: #333333;}
#left_list a { color: #333333;	text-decoration: none;}
#left_list a:visited { color: #333333; text-decoration: none;}
#left_list a:hover { color: #333333; text-decoration: underline;}

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

/*CURR_UPDATES & UPCOMING_EVENTS ----------------------------------------------------------------------*/

#curr_updates { width: 460px; float: left;}
#upcoming_events {width: 300px; margin-left: 10px; float: left; }

#upcoming_events .event {clear: both;}
#upcoming_events .event .eventdate { width: 30px; height: 30px; background-image:url(../img/date_bg.png); float: left; color: #FFFFFF;}
#upcoming_events .event .eventdate .day {clear: both; text-align:center; font-size: 1.2em; font-weight: bold;}
#upcoming_events .event .eventdate .month {clear: both; text-align: center;}
#upcoming_events .event .eventtitle {height: 24px; float: left; padding: 3px 5px; font-weight: bold; font-family: Tahoma;}
#upcoming_events .event .eventtitle span.intro{font-weight: normal; font-family: Verdana;}

#upcoming_events .newsheader .darkheader_bl { width: 300px; font-family: Tahoma;  font-size: 0.8em; font-weight: bold;}
#curr_updates .newsheader .darkheader_bl { width: 460px; font-family: Tahoma; font-size: 0.8em; font-weight: bold;}
#upcoming_events .newscontent { padding: 0 5px; font-family: Verdana; font-size: 0.8em; margin: 10px auto;}
.newsheader .date{ float:right; font-weight: normal; font-size: 1em; }

.newscontent { margin-top: 10px; font-weight: normal; clear: both; position: static;}
.newscontent .eventtitle { float: left; margin-bottom: 5px;}
.newscontent .eventdate { text-align: right; margin-bottom: 5px;}
.newscontent .more { text-align: right; font-family: Verdana; font-size: 0.8em; font-style: italic; font-weight: bold; }

#curr_updates a, #upcoming_events a{ color:#333333; text-decoration: none;}
#curr_updates a:visited, #upcoming_events a:visited{ color:#333333; text-decoration: none;}
#curr_updates a:hover, #upcoming_events a:hover{ color:#333333; text-decoration: underline;}
#curr_updates .newscontent .more a { color: #666666; }


#topstory {float: left; padding: 0 5px 0 5px; margin-bottom: 15px;}
#topstoryimg { float: left; padding-right: 10px;}
#topstory h1 { font-size: 1em; margin-right: 5px; width: 320px;}
#topstory .date { float: right; font-weight: bold; font-size: 0.9em; color: #666666;}
#topstory .author { font-style: italic; font-size: 0.8em; }
#topstory p { margin: 10px 0; font-family: Verdana; font-size: 0.8em; line-height: 1.4; text-align: justify;}
#topstory .more { float: right; font-family: Verdana; font-style:italic; font-size: 0.8em; font-weight: bold;}
#topstory .more a, #topstory .more a:visited, #topstory .more a:hover { color:#666666;}
#topstory a img {border: none;}

.otherstory { margin: 15px 5px 0 5px; clear: both; line-height: 1.5;}
.otherstory .title { font-size: 0.9em; float: left; font-weight: bold;}
.otherstory .date { text-align: right; font-weight:bold; font-size: 0.9em; color:#666666; float:right;}

#miscbanner, #newsfeed { margin-left: 10px; float: right; width: 180px;}
#miscbanner a { margin-bottom: 5px;}
#miscbanner a img { border: none;}

#newsfeed .feed-ele { clear: both; font-size: 0.8em; }
#newsfeed .feed-ele .date { width: 30px; height: 30px; background-image:url(../img/date_bg.png); float: left; color: #FFFFFF; }
#newsfeed .feed-ele .date .day { clear: both; text-align:center; font-size: 1.2em; font-weight: bold; }
#newsfeed .feed-ele .date .month { clear: both; text-align: center; }
#newsfeed .feed-ele .title { width: 142px; margin: 0 0 8px 8px; height: 35px; float: left; font-weight: bold; font-family: Tahoma; }
#newsfeed a { color:#333333; text-decoration: none; }
#newsfeed a:visited { color:#333333; text-decoration: none; }
#newsfeed a:hover { color:#333333; text-decoration: underline; }
#newsfeed .feedheader { margin-bottom: 10px; }
#newsfeed .feedheader .darkheader_bl { width: 180px; font-family: Tahoma; font-size: 0.8em; font-weight: bold;}
#newsfeed .more{ text-align: right; font-family: Verdana; font-size: 0.8em; font-style: italic; font-weight: bold; }
#newsfeed .more a { color: #666666; }

/*FOOTER ----------------------------------------------------------------------------------------------*/

#footer { height: 75px;	clear: both;}
#footer .footer_txt { width: 960px; margin: 0 auto;}
#footer .footer_txt .copyright {float: left; margin-top: 40px; margin-left: 20px; color: #AAAAAA; font-family: Verdana; letter-spacing: -1px; font-size: 0.8em; font-weight: bold;}
#footer .footer_txt .copyright a, #footer .copyright a:visited{color: #AAAAAA; text-decoration: none; font-weight: bold;}
#footer .footer_txt .copyright a:hover {color: #666666; text-decoration: underline; font-weight: bold;}
#footer .footer_txt .tmlogo { float: right; margin-top: 35px; margin-right: 20px; }

/*SUBSEQUENT PAGE -------------------------------------------------------------------------------------*/

/*MAIN_CONTENT ---------------------------------------------------------------------------------------*/

#main_content {	width: 960px;	margin: 0 auto;}

/*SIDEBAR --------------------------------------------------------------------------------------------*/

#sidebar { width: 205px; float: left; font-size: 0.8em;	font-family: Verdana; font-weight: 900; color:#2F2F31;}
#sidebar a{ color: #2F2F31; text-decoration: none;}
#sidebar a:visited{ color: #2F2F31; text-decoration: none;}
#sidebar a:hover{ color: #2F2F31; text-decoration: underline;}

#sidebar .darkheader_bl .darkheader_br .darkheader_tl .darkheader_tr { text-align: center; }
#sidebar .darkheader_bl .darkheader_br .darkheader_tl .darkheader_tr a { color: #F3F3F5; text-decoration: none; }
#sidebar .darkheader_bl .darkheader_br .darkheader_tl .darkheader_tr a:visited { color: #F3F3F5; text-decoration: none; }
#sidebar .darkheader_bl .darkheader_br .darkheader_tl .darkheader_tr a:hover { color: #F3F3F5; text-decoration: underline; }
.clear {font-size: 1px; height: 1px; margin-bottom: 10px;}

/*horizontal line*/
#divider { width: 185px; height: 1px; margin-top: 5px; margin-bottom: 5px; background-image:url(../img/line.jpg); background-repeat:repeat-x;  background-position:center;}

/*Style for LI elements in general (excludes an LI that contains sub lists)*/
#sidebar .treeview li{ 	list-style-type: none;	padding-left: 15px;	margin-bottom: 3px; width: 160px;}
#sidebar ul.treeview {	margin-bottom: 20px;}

/* Style for LI that contains sub lists (other ULs). */
#sidebar ul.treeview li{ cursor: pointer;}

/*Style for ULs that are children of LIs (submenu) */
/*Hide them by default. Don't delete. */
#sidebar .treeview li.submenu ul{ display: none; }

 /*Style for LIs of ULs that are children of LIs (submenu) */
#sidebar .treeview .submenu ul li{ cursor: pointer;}
#sidebar ul ul { margin-top: 5px;}
#sidebar li#select { font-weight: normal;}
#sidebar li { font-weight:900;}
#sidebar h1 { font-size: 1.2em; margin: 0 10px 0 5px; text-align:center;}

/*CONTENT --------------------------------------------------------------------------------------------*/

#content {
	width: 710px; /* Actual width 760 = 720 + 20 (padding-left) + 20 (padding-right)*/
	margin-bottom: 10px;
	padding: 5px 20px 5px 20px;
	float: left;
	font-size: 0.8em;
	font-family: Verdana;
	line-height: 1.5;
	text-align: justify;
	min-height: 430px;
}

#content h1 { text-indent: 3px;	clear: left; font-size: 1.1em; margin-bottom: 5px;}
#content h2 { text-indent: 3px;	clear: left; font-size: 1.1em; margin: 10px 0 10px 0;}
#content h3 { text-indent: 3px;	clear: both; font-size: 1em; margin-bottom: 5px; background-color:#2F2F31; color: #F3F3F5;}

/* GENERAL FORMAT FOR ORDERED AND UNORDERED LIST */

#content ul {	list-style-image: url(../img/arrow.gif);	margin: 0 0 5px 35px;}
#content ol {	padding-left: 35px;}
#content ol ol{	list-style-type: lower-alpha;	padding-left: 20px;}
#content ul img { border: none;}
#content li { line-height : 1.5em;}

/* GENERAL FORMAT FOR PARAGRAPHS*/

#content p{ padding: 5px 15px 10px 15px;}

/* GENERAL FORMAT FOR LINKS / ANCHORS */
#content a { text-decoration:underline;	color:#333333;}
#content a:visited { text-decoration:underline;	color:#333333;}
#content a:hover { text-decoration:underline;	color:#333333;}
#content a[href^="http:"], #content a[href^="https:"] { display:inline-block;padding-right:14px;background:transparent url(../img/external.png) center right no-repeat;}

/* For Contact custom module */

#contact label, #contact input, #contact textarea {	display: block;	width: 160px;	float: left;	margin-bottom: 10px;}
#contact label {	text-align: right;	width: 80px;	padding-right: 20px;	font-weight: bold;}
#contact textarea {	width: auto;}
#contact br {	clear: left;}

/* For division custom module */
#compulsory {	color: #FF0000;	font-weight: bold;}
#content h2 a {	text-decoration:none;}
#content h2 a:visited {	text-decoration:none;}
#content h2 a:hover {	text-decoration:underline;}

#content li a {	color: #333333;	text-decoration: underline;}
#content li a:visited {	color: #333333;	text-decoration: underline;}
#content li a:hover {	color: #333333;	text-decoration: underline;}

#content img {	margin: 5px 10px 5px 10px;	border: 1px solid #333333;}

/* EXTERNAL LINK INDICATOR */

#content img#external {	border: none;	margin: 0;}
#content #img img {	margin: 5px 10px 5px 10px;	border: 1px solid #333333;	padding: 5px;	float: right;}

/* GENERAL FORMAT FOR TABLE */

#content table { width: 98%;	border: 1px solid #333333;	border-collapse:collapse;}
#content thead { background-color: #2F2F31; border: 1px solid #333333;}
#content thead  tr td { color: #F3F3F5; font-weight: bold; border: 1px solid #333333;}
#content tbody { border: 1px solid #333333;}
#content tbody tr td { color: #333333; font-weight: normal; border: 1px solid #333333; padding: 1px 2px;}
/*#content table p {
	text-align:left;
	margin-top: -5px;
	margin-bottom: -15px;
}*/

/*CONTACT_TEXT --------------------------------------------------------------------------------------------------*/

#contact_text {	text-align: center;	width: 710px;	border: 1px solid #333333;	padding-bottom: 5px;	margin: 5px auto;}
#contact_text br { clear: both;}
#contact_title { background-color: #2F2F31; color: #F3F3F5; font-weight: bold;}

/*BREADCRUMB ------------------------------------------------------------------------------------------*/

#breadcrumb {	width: 700px;	padding-left: 5px;	margin-bottom: 10px;	margin-top: 10px;	color: #2F2F31;}
#breadcrumb a{ color: #2F2F31;	text-decoration: none;}
#breadcrumb a:visited{ color: #2F2F31;	text-decoration: none;}
#breadcrumb a:hover{ color: #2F2F31;	text-decoration: underline;}

/*ARTICLE ------------------------------------------------------------------------------------------------------*/
/* For articles imported from Pulse*/
body#articles {	width: 600px;}

#art_content{	float: left;	width: 600px;	padding: 6px 0 6px 0;	margin-left: 0;}
#art_content #article {	padding: 10px 20px;	text-align:justify;}
#art_content #article h1 {	color: #002157;	font-family: Tahoma;	font-weight:bold;	font-size: 1.3em;	text-align: left;}
#art_content #article h2 {	color: #002157;	font-family: Tahoma;	font-weight:bold;	font-size: 1.2em;	text-align: left;}
#art_content #article h3 {	color: #002157;	font-family: Tahoma;	font-weight:bold;	font-size: 1.1em;	text-align: left;}
#art_content #article p{	font-size:0.90em;	margin: 10px 0px;}
#art_content #article .date{	color: #666;	font-weight:bold;	font-size:1.2em;}
#art_content #article .author{	color: #666;	font-weight:bold;	font-size:1em;	margin-bottom: 16px;}
#art_content #article img{	margin: 3px 10px;}
#art_content #article ul li, #content #article ol li{	margin-left: 20px;}
#art_content #close {	padding: 10px 20px;	text-align:center;	font-weight:bold;}
#art_content #close a, #art_content #close a:visited{	color: #333333;	text-decoration: none;}
#art_content #close a:hover {	color: #333333;	text-decoration: underline;}

#warn {	padding: 5px 5px 5px 5px;	width: 710px;	border: 1px solid #333333;	margin: 5px auto;}

/* NEWS FEED -----------------------------------------------------------------*/

#listnewsfeed { width: 700px;}
#listnewsfeed .feed-ele { clear: both; font-size: 0.8em; }
#listnewsfeed .feed-ele .date { width: 30px; height: 30px; background-image:url(../img/date_bg.png); float: left; color: #FFFFFF; }
#listnewsfeed .feed-ele .date .day { clear: both; text-align:center; font-size: 1.2em; font-weight: bold; }
#listnewsfeed .feed-ele .date .month { clear: both; text-align: center; }
#listnewsfeed .feed-ele .text { width: 662px; margin-bottom: 8px; float: right; }
#listnewsfeed .feed-ele .title { margin: 0 0 0 8px; font-weight: bold; font-family: Tahoma; }
#listnewsfeed .feed-ele .ingress { margin: 0 0 0 8px; font-family: Tahoma; }
#listnewsfeed a { color:#333333; text-decoration: none; }
#listnewsfeed a:visited { color:#333333; text-decoration: none; }
#listnewsfeed a:hover { color:#333333; text-decoration: underline; }