/* Service Area: news                 */
/* Dept: CPIO, Media Center Portal    */
/* Last modified: fortej, 07/09/2010  */



/* STRUCTURE */

	/* --- Grid --- */
#container {width: 700px; margin: 0 auto;}
#container {width:700px; z-index:0; margin:0 auto; padding:0; outline:0; font: 90%/140% Helvetica, Arial, Verdana, sans-serif; line-height: 125%; color: #333;}
#container .col-1 {width: 61px; margin-right: 10px; float: left;}
#container .col-2 {width: 132px; margin-right: 10px; float: left;}
#container .col-3 {width: 203px; margin-right: 10px; float: left;}
#container .col-4 {width: 274px; margin: 0 0 10px 0; float: right; border: solid 1px #ccc; padding:5px;}
#container .col-5 {width: 340px; margin-right: 10px; float: left;}
#container .col-6 {width: 400px; margin: 0; float: left;}
#container .col-7 {width: 487px; margin-right: 10px; float: left;}
#container .col-8 {width: 558px; margin-right: 10px; float: left;}
#container .col-9 {width: 629px; margin-right: 10px; float: left;}
#container .col-10 {width: 700px; margin: 0 0 20px 0;}
#container .last {margin-right: -10px;}


	/* --- Main Content area #content --- */
#content {width: 700px; margin:0 auto;}

#container #main-content {font-size: 1em; width: 400px; height:500px; overflow-x: hidden; overflow-y: scroll; margin:0; padding:0;}

#container #main-content li {color: #333; line-height:normal; padding-bottom:20px;}

iframe#mediacenter {border: none; width: 400px; height:500px; overflow-x: hidden; overflow-y: scroll; margin:0; padding:0;}


	/* --- Clearing --- */
#header, #nav, #content, #subnav_sm, #subnav_med, #subnav_lg { clear:both; }

.clear {
    visibility: hidden;
  }
  
.clearfix {display: block;}

.clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

.floatbox { overflow:hidden; }

#ie_clearing { display:none; }
.ie_clearing { clear:both;}


.divider {
	border-bottom: 1px solid #ccc; margin: 10px 0px;
}



/* HEADER */

#header { background: #36beef url(images/mediacenter_banner.jpg) 0 0 no-repeat; width: 700px; height: 99px; display: block; margin-bottom: 0;}
#header h1 { text-indent: -9999px; margin:0; padding: 0; font-size: .1em; height: .1em; float: left;}
#header a.home-link {width: 700px; height: 99px; text-indent: -9999px; display: block;}


/* NAVIGATION */

#nav {
	width:700px;
	height:29px;
	line-height:25px;
	padding:0;
	margin: 0 0 10px 0;
	position:relative;
	z-index:9000;
	background: #666;
}
#nav ul {
	list-style-type: none;
	margin:0;
	padding:0;
	border:none;
	}
#nav ul li.navlink {
	display:block;
	float:left;
	width:145px;
	line-height:25px;
	border-right: 1px solid #fff;
	overflow: hidden;
}
#nav ul li.navlinkfirst {
	margin-left:65px;
	display:block;
	float:left;
	width:145px;
	line-height:25px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	overflow: hidden;
}

#nav ul li a.current {
	background-color: #57839f;
	}

#nav li ul {
    display: none;
}
#nav li:hover > ul {
    display: block;
}

#nav a {
	font-size:12px;
	color:#fff;
	padding: 2px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none;
}
#nav a:hover {
	color:#fff; background:#333;
}

#nav ul.dropdown {
	display:none;
	background:#666;
	position:absolute;
	top:30px;
	width:135px;
	z-index:8000;
	margin:0;
}
#nav ul.dropdown li {
	list-style-type:none;
}
#nav ul.dropdown li ul {
	display:none;
}
#nav ul.dropdown a {
	color:#fff !important;
	font-size:12px !important;
	display: block;
	padding:5px 0px;
	line-height:normal;
	border-bottom:solid #fff 1px;
}
#nav ul.dropdown a:hover {
	color:#fff !important;
	background-color: #333;
	border-top:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
	margin-top:-1px;
}



/* TYPOGRAPHY */

#container h1 {font-size: 2.4em; margin-top: 20px;}
#container h2 {font-size: 1.6em; font-weight: lighter; color: #fff; margin: 0; padding: 10px 0px 10px 10px; background-color:#f58320; line-height: 22px;}
#container h3 {font-size: 1.3em; font-weight: lighter; color: #fff; margin: 0; padding: 10px; background-color:#36beef; line-height: 20px;}
#container h4 {font-size: 1.3em; font-weight: lighter; color: #000; margin: 0; padding: 10px 0 0px 0;}

div#news h1 {font-size: 1.6em; border-bottom: 2px solid #000;}

#container p {color: #333; margin:0; padding: 10px 0 10px 0;}

#container p.note {font-size: 1em; color: #333; padding: 0; margin: 5px 0 20px 0; line-height: normal;}

#container p.tabular {color: #333; background-color: #e5e5e5; padding: 10px 10px 10px 3px; margin: 0;}

#content ul {padding-left: 20px; margin: 10px 0 0 0;}
#content ul li {color: #333; line-height:normal; margin: 0; padding-bottom:10px;}
#content ul li.active {color: #fff; font-weight:bold;}


/* --- Images --- */
#container img.imgleft {float: left; margin: 0 5px 5px 5px; padding: 0; border: none;}
#container img.imgright {float: right; margin: 0 5px 5px 5px; padding: 0; border: none;}
#container img.imgcenter {float: none; margin: 0 5px 5px 5px; padding: 0; border: none;}

#container img.imgborder {float:none; margin: 10px; border: 10px solid #ccc;}


/* --- BUTTONS --- */

#container p a.news {color: #000; background: #f58320 url(images/button_bkgrd.png) 0 0 no-repeat; padding:5px;  text-decoration: none;}
#container p a.news:hover { color: #fff; background: #f58320;}