/* ====== 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: #cfdada;
	line-height: 150%;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}

.more_link{
					padding:0px 20px 0px 0px;
					text-align:right;
				}		

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

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

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

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

h1 a:link, h2 a:link, h3 a:link,
h1 a:visited, h2 a:visited, h3 a:visited{ color:#18323e; }
h1 a:hover, h2 a:hover, h3 a:hover { color:#456A6D; }

.more_link a {
  background:transparent url(../images/page_white_go.png) no-repeat scroll 0 0;
  display:inline;
  margin:5px 0 0;
  padding-left:20px;
}

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

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

#wrapper{
	width:1020px;
	text-align:left;
	padding:20px 0px 0px 0px ;
	position:relative;
	border:0px solid red;
}

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


#header{
	height:70px;
	text-align:left;
	margin:10px 0px 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 {
	color: #FFFFFF;
}

.header_nav_item {
	margin:0px 0px 0px 3px;
	font-size:12px;	
	text-align:right;
	display:inline-block;
}

.header_nav_item a:hover{
	background-color:#456A6D;
	background-image:none;
	
}

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

.header_nav_item a {
   border-top:1px solid #c93;
   background-color:#456A6D;
   background-image:url(../images/btn.png);
   background-repeat:repeat-x;
}

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

#welcome {
	background:url(../images/welcome.png) top right no-repeat;
	width:430px;
	margin-left:10px;
}
#welcome h3 {
	color:#0D2029;
	font-size:16px;
}
#welcome p,.mini-logo { padding:5px 0; }

.right-side {
	width:457px; vertical-align:top;
}

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

#panel_top{
	
	/*background-image: url(../images/panel_top_bg.gif);*/
	background-repeat:no-repeat;
	height:270px;
	padding:2px 0px 0px 0px;
	border:0px solid blue;
	color:white;
}


#home_header{
	text-align:center;
	width:431px;
	height:136px;
	color:white;
	padding:8px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
}


#wrapper_right {
	width:431px;
	padding:5px 0 0 0;
	margin:0px 0px 0px 10px;
	background:#fff url(../images/left-corner.png) top left no-repeat;
}
.sleeve {
	border-left:5px solid #3E606F;
	border-bottom:3px solid #3E606F;
	padding:25px 25px;
	text-align:left;
}

#wrapper_right h2 {
	background:transparent url(../images/h2-bg.png) top left no-repeat;
	padding:2px 8px;
}

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

#panel_main{
	margin:10px 0px 0px 0px;
	background:#fff url(../images/left-left-corner.png) top left no-repeat;
	padding:5px 0 0 0;
}

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

#panel_bottom{
	margin:15px 0px 0px 0px;
	padding:2px 0px 5px 0px;
	background-image: url(../images/panel_bottom_bg.png);
	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 #e51b24;
	color:#ffffff;
	font-size:16px;
	padding:0px 0px 0px 10px ;
	height:44px; ;
	
	}

.user_menu_guest {
	margin-left:11px;
	background:url(../images/guest-bar.png) top left no-repeat;
	color:#ffffff;
	font-size:12px;
	padding:0;
	height:50px; 
}	
	
.user_menu_guest form { padding:6px 0 0 18px; }
.user_menu_guest a:link, .user_menu_guest a:visited { color:#e1da76; }

.user_button{
	background-color:#c6b868;
	font-size:12px;
	color:#ffffff;
	padding:0 8px 0 8px;
	border:1px solid #e1da76;
}

.user_button:hover{
	background-color:#C93;
	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:0px 0px 0px 0px;
	border:1px solid red;
	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:0 10px 20px 0px;
	border:0px solid red;
}


#breadcrumbs {
	color:#fff; 
	height:20px;
	padding:0 0 0 8px;
	background:transparent url(../images/breadcrumb.png) top left no-repeat;
	font-size:90%;
	text-align:left;
	margin-top:10px;
}

#breadcrumbs a, #breadcrumbs a:visited {
	color: #fff;	
	text-decoration: none;
}

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


.search_result{
	padding:0px 0px 20px 0px;
}
.page_title {
	font-size: 26px;
	color:#18323e;
	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;
	color:#18323e;
}

h2 {
	font-size: 18px;
	padding:0px;
	color:#18323e;
}

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

h4{
    color: #999;
	font-size:14px;
	letter-spacing:1px;
	font-weight:bold;
	padding:0px 5px 15px 0px;
	border-top:1px solid #999;
	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
*/

#subnav { 
  width:431px;margin:10px 0;text-align:right;
}
.sidenav{
	width:200px; 
	padding:0px 10px 0px 0px
}

.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:#5c5c5c;
	color:#ffffff;
	padding:0px 0px 0px 10px;
	height:21px;
	margin:10px 0px 10px 0px;
	font-weight:bold;
}

.sidenav_item:hover{
	background-color:#a72001;
}

.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:#3E606F;
	position:relative;
}

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

#quote {
	width:700px;
	text-align:right;
	font-size:12px;
	padding:5px 5px 0px 0px	;
	color:#3E606F;
	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;
}