/* ====== set defaults ======= */
body,div,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol{list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;}

body {font:14px  arial,helvetica,verdana,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}

ul{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 15px;
}

body {
	background-color: #e4e7b7;
	line-height: 150%;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}

a:link {
	color: #502363;
	text-decoration: none;
}

a:visited {
	color: #502363;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #741200;
}

li{
	padding:0px 0px 12px 0px;
}

/* 
============================================================== 
============================================================== 
============== PAGE LAYOUT 
============================================================== 
============================================================== */

/* 
============ Wrapper
============ Defines width and overall properties
*/

#wrapper{
	width:973px;
	text-align:left;
	padding:0px ;
	position:relative;
}

/* 
============  Header
============ Top of page, includes Logo, Under Logo, and nav on the right top
*/


#header{
	height:35px;
	text-align:left;
	margin:0px 5px 0px 0px;
	position:relative;
	border:0px solid white;
	
}

.header_logo{
	position:absolute;
	top:20px;
	left:5px;
	font:30px  arial,helvetica,verdana,clean,sans-serif;
	color:white;
	font-weight:bold;
}

 .header_logo a, .header_logo_under a{
	color:white;
	text-decoration:none;
}

.header_logo_under{
		position:absolute;
		top:50px;
		left:5px;
		font:16px  arial, arial,helvetica,verdana,clean,sans-serif;
		text-transform:uppercase;
		color:white;
		font-weight:bold;
		
}

#header_nav {
	position:absolute;
	top:0px;
	right:0px;
	color: #FFFFFF;
}

.header_nav_item{
	background-color:#164f90;
	padding:3px 5px 3px 5px;
	margin:0px 0px 0px 1px;
	font-size:11px;	
}

.header_nav_item:hover{
	background-color:#3f6572;
}

 .header_nav_item a, .header_nav_item a:visited, a.bottomnav:link, a.bottomnav:visited {
	color: #dddddd;
	text-decoration: none;
}

 .header_nav_item a:hover , a.bottomnav:hover {
	color: #dddddd;
	text-decoration: underline;
}

/* 
============  Panel Top
============ Middle area of layout, with bg of the panel
*/

#panel_top{
	
	background-image: url(../images/panel_top_bg.png);
	background-repeat:no-repeat;
	height:205px;
	padding:0px 0px 0px 0px;
}

/* 
============  Panel Main
*/

#panel_main{
	margin:0px 0px 0px 0px;
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
}

/* 
============  Panel Bottom
============ The bottom navigation
*/

#panel_bottom{
	margin:15px 0px 0px 0px;
	padding:2px 0px 5px 0px;
	background-image: url(../images/bottom_bar_bg.gif);
	background-repeat:no-repeat;
	height:24px;
	text-align:center;
	font-size:12px;
	
}


#panel_bottom a, #panel_bottom a:visited{
	color:#dddddd;
}




/* 
============================================================== 
============================================================== 
============== CONTENT 
============================================================== 
============================================================== */

.form_input_box{
	background:#e3e7dc; 
	border:1px solid #969892;  
	padding:1px;
}


.user_menu{
	text-align:left;
	border-left: 3px solid #ffcc00;
	color:#ffffff;
	font-size:16px;
	padding:0px 0px 0px 10px ;
	height:44px; ;
	
	}

.user_menu_guest{
	text-align:left;
	border-left: 3px solid #ffffff;
	color:#ffffff;
	font-size:12px;
	padding:0px 0px 0px 10px ;
	height:44px; ;
	
	}

 .user_menu_guest a, .user_menu_guest a:visited, .user_menu a, .user_menu a:visited{
	color: #e4e7b7;
	text-decoration: none;
}

.user_menu_guest a:hover, .user_menu a:hover{
	text-decoration: underline;
}



.user_button{
	background:url(../images/user_button_bg_off.gif);
	background-repeat:repeat-x;
	font-size:12px;
	color:#ffffff;
	padding:2px 8px 3px 8px;
	border:0px;
}

.user_button:hover{
	background:url(../images/user_button_bg_on.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	
}


.user_button a, .user_button a:visited{
	color:#ffffff;
}


/* 
============  Conent Top
============Header area
*/
#content_top{
	/*
	background-image: url(../images/content_main_bg_top.jpg);
	background-repeat:repeat-x;
	*/
	margin:10px 5px 0px 0px;
	border:0px solid red;
	float:right;
	width:755px;
	height:168px;
	color:#dddddd;
	font-size:90%;
}

#over_logo{
	/*
	background-image: url(../images/content_main_bg_top.jpg);
	background-repeat:repeat-x;
	*/
	margin:5px 0px 10px 10px;
	border:0px solid red;
	float:left;
	width:150px;
	height:135px;
	color:#dddddd;
	font-size:90%;
}

/* 
============  Program Areas
*/
.bar_initiative{
	background-color:#efea00;
}

.bar_news{
	background-color:#cf5188; 
}

.bar_events{
	background-color:#3d9532; 
}

.bar_pubtalks{
	background-color:#e58d00; 
}

.bar_ua{
	background-color:#0c2b9d; 
}



/* 
============  Conent Main
============ Right side area
*/
#content_main{
	/*
	background-image: url(../images/content_main_bg_top.jpg);
	background-repeat:repeat-x;
	*/
	margin:10px 10px 20px 0px;
	border:0px solid red;
}


#breadcrumbs{
	color:#d9d7cd; 
}

#breadcrumb a, #breadcrumb a:visited {
	color: #d9d7cd;	
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #d9d7cd;	
	text-decoration: underline;
}


.search_result{
	padding:0px 0px 20px 0px;
}
.page_title {
	font-size: 26px;
	color:#00457c;
	padding:10px 0px 0px 0px;
	line-height:100%;
}

hr{
	border: 0;
	background-color:#00457c;
	color: #00457c; 
	height:1px;
	margin:10px 0px 10px 0px;
	padding:0px;
}

h1 {
	font-size: 20px;
	font-weight:bold;
}

h2 {
	font-size: 18px;
	padding:0px;
}

h3 {
	font-size: 14px;
	padding:0px;
	color:#678461;
	font-weight:bold;
}

h4{
color: #7b7b7b;
	font-size:14px;
	font-weight:bold;
	padding:0px 5px 15px 0px;
	border-top:1px solid #7b7b7b;
	margin:10px 0px 0px 0px;

	
}

.pagination{
	padding:10px;
}

.res_option_box{
	width:160px; border:1px solid #cccccc;
	margin:0px 10px 0px 0px;
	padding:5px;
}


/* 
============  Navigation Bar
*/

.sidenav{
	width:200px; 
	padding:0px 10px 0px 0px
}

.sidenav_submenu{
	width:160px; 
	padding:0px 0px 0px 0px
	text-align:left;
	border:0px solid red;
	margin:0px 0px 0px 10px;
}

.sidenav_submenu_item{
	background-color:#e2e8f4;
	color:#ffffff;
	padding:0px 0px 0px 5px;
	height:20px;
	margin:0px 0px 7px 0px;
	font-weight:bold;
	font-size:80%;
	float:left; width:145px
}

.sidenav_submenu_item:hover{
	background-color:#c9d3e8;
}


/* the little color nib next to news, etc */
.sidenav_submenu_bar{
	float:left; 
	margin-right:1px;
	width:6px;
	height:20px;
}
.sidenav_box{
	border-bottom:1px solid #dddddd;
	margin:0px 0px 0px 4px;
	padding:5px 8px 5px 6px;
	
}
.sidenav_active{
	background-color:#dddddd; 
	margin:0px 0px 0px 4px;
}


.sidenav_item{
	background-color:#1e2c3c;
	color:#ffffff;
	padding:0px 0px 0px 10px;
	height:21px;
	margin:10px 0px 10px 0px;
	font-weight:bold;
}

.sidenav_item:hover{
	background-color:#3f6572;
}

.sidenav_item_1{
	background-color:#330000;
	color:#ffffff;
	padding:0px 0px 0px 10px;
	font-weight:bold;
}


.sidenav_item a, .sidenav_item a:visited, .sidenav_item_1 a, .sidenav_item_1 a:visited{
	color:#ffffff;
}


/* 
============ Copyright
*/


#copyright {
	text-align:left;
	font-size:12px;
	padding:5px 0px 0px 5px;
	color:#666666;
	position:relative;
}

#copyright a, #copyright a:visited {
	color: #666666;
	text-decoration: none;
}
#copyright a:hover {
	color: #666666;
	text-decoration: underline;
}

#quote {
	width:700px;
	text-align:right;
	font-size:12px;
	padding:5px 5px 0px 0px	;
	color:#666666;
	position:relative;
	font-style:italic;
}


/* ================ tags =============== */
.tags_display_res{
margin:10px 0px 10px 0px;
padding:5px 2px 5px 2px;
border:1px solid #55724f;;
}


.tag{
	padding:5px 10px 5px 10px;
	border:0px solid #c5eede;
	
}

span.tag:hover{
	background-color:#ccddcc;
	border:0px solid #e8f4f3;
}