/* basics */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p {
	margin: 0;
	padding: 0;
}
fieldset,img {border: 0;} 

legend {color:#646464;}

option {padding-left: 0.4em;}


body {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #646464;

}





.slink {

	color: #646464;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	line-height: 13px;

	margin-bottom: 2px;

	float: right;

}













/* layout */

.post {
border-bottom: 1px dotted #000000;
margin-bottom: 40px;
padding-bottom: 20px;
}


body#page {
	background-repeat: repeat-x;
	background: url(none) repeat-x #e0e6ec;

}

div.wrapper {
	margin: 0 auto 0 auto;
	width: 990px;
	background-color: #fff;

}

div#page-header {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	height: 205px;
	background-image: url(../images/header1.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #fff;

}

div#header {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	z-index: 10;
	height: 80px;

}

div#date {

	margin: 6px 20px 0px 0px;

	float: right;

	font-size: 85%;

	color: #ffffff;

}

div#topmenu {

	margin: 8px 0px 0 0px;

	width: 350px;

	float: right;

}

div#topmodule {

	height: 60px;

	margin: 7px 0px 0px 20px;

	float: right;

}



div#logo {
	height: 50px;
	float: left;
	margin-top: 5px;
	width: 265px;
}


div#menu {
	right: 10px;
	height: 40px;
	width: 675px;
	float: right;
	margin-top: 20px;

}



div#top {
	width: auto;
	padding: 0px 10px 0px 10px;
	text-align: center;
	position: relative;
	top: -22px;

}

div#middle {

	width: auto;

	margin: 10px 0px 0px 0px;

	clear: both;

	background: #ffffff;

}

.wrapper div#middle {
	margin: 0;

}





div#middle .withoutleft {

	background: #ffffff;

	padding: 0px 10px 0px 10px;

}

div#middle div#left {
	float: left;
	width: 224px;
	min-height: 400px;
	padding-left: 15px;
	padding-top: 14px;

}

div#main {

	width: auto;

	background: #fff;

}

div#middle div#main {
	margin: 0px 0px 0px 240px;
	padding: 0px 0px 0px 0px;

}

div#middle .layoutright div#mainmiddle {

	margin: 0px 244px 0px 0px;

}

div#mainmiddle {
	margin: 0;
	padding-top: 14px;
	background-color: #fff;
	background-image: url(../images/contentBkg2.png);
	background-repeat: repeat-x;

}



div#mainmiddle.layoutright,div#mainmiddle.layoutwide {


}

div#right {
	width: 224px;
	padding: 0px;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	height: auto;

}

#middle .layoutright #right {

	margin-right: 10px;

	margin-top: 0px;

}

div#content {
	width: auto;
	padding: 10px 20px 10px 20px;

	}



div#main .withright div#content {

	padding: 10px 10px 10px 10px;

}

#content ol,#content ul,#right ol, #right ul {

	margin-left: 15px;

}

div#mainbottom {
	margin: 15px 0;
	width: 480px;

}

div#mainbottomWide {
	float: left;
	width: 645px;





}

div#mainbottom .mainbottombox,div#mainbottomWide .mainbottombox {

	padding: 0px 0px 10px 0px;

	float: left;

}

div#bottom {

	width: auto;

	padding: 10px 10px 0px 10px;

	clear: both;

}



div#footer {
	width: auto;
	min-height: 100px;
	padding: 10px 20px 50px 20px;
	clear: both;
	text-align: left;

}



/* left modules */

#left div.modulebox,#left div.promo {
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	width: 168px;
	border: 1px solid #bcbec3;
	background: #ffffff;
	overflow: hidden;

}

#left div.promo {
	padding: 5px;
	width: 188px;
	margin-top: 10px;

}

#left div.promo img {
	width: 188px;

}

#left div.modulebox h3 {

	margin: 10px -10px 10px -10px;

	padding: 0px 0px 0px 10px;

	height: 24px;

	border-bottom: 1px solid #bcbec3;

	line-height: 24px;

	text-align: left;

	font-weight: bold;

	background: #d7d7d7;

	display: block;

}



#left .modulebox ul li {

	margin-left: 10px;

}





/* right modules */

#right div.module, #left div.module, #content div.module, #content div.module2col,#content div.module3col {
	margin: 10px 0px 10px 0px;
	background: #fff;
	padding: 10px;
	border: 7px solid #d7d7d7;

}

#right div.modulebox h3 {

	margin: 10px -6px 10px -6px;

	padding: 0px 0px 0px 10px;

	height: 24px;

	border-bottom: 1px solid #bcbec3;

	border-top: 1px solid #bcbec3;

	line-height: 25px;

	text-align: left;

	font-weight: bold;

	background: #d7d7d7;

	display: block;

}

/* slider */

#right div.module-slider {margin: 0px 0px 20px 0px;}

#right div.module-slider h3 {

	height: 20px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 5px 10px;

	background: url(http://cires.colorado.edu/images/right_module_header.png) 0 0 no-repeat;

	line-height: 25px;

	text-align: left;

	font-weight: bold;

}



/* bottom modules */

#bottom div.modulebox {

	padding: 10px 15px 10px 15px;

	border: 5px solid #1E1E1E;

	background: #ffffff;

	text-align: center;

}

#bottom .bottomboxseperator div.modulebox {margin: 0px 10px 0px 0px;}

#bottom div.modulebox h3 {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 5px 0px;

	text-align: center;

	font-size: 125%;

	font-weight: bold;

}


#content div.module2col {
	width: 44%;
	float: left;
	margin-right: 8px;
}

#content div.module3col {
	width: 32%;
	float: left;
}






/* clearing & floating */

.clearingfix:after {

	display: block; 

	line-height: 0px;

	clear: both; 

	visibility: hidden;

}

.clearingfix {display: block;}

.overflow-hide {overflow: hidden;}

.float-left {float: left;}

.topbox {

	width: 24.999%;

	overflow: hidden;

}
.width25 {
	width: 25%;
}
.width33 {
	width: 32.5%;
	float: left;

}

.width50 {
	width: 47%;
	margin-right: 2%;
	float: left;

}

div#topmenu a {

	line-height: 100%;

}

div#topmenu input.inputbox {
	width: 100px;
	height: 14px;
	padding: 2px;
	background: #fff;
	color: #425059;
	font-size: 11px;
	border-top: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	border-left: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;

}



div#topmenu input.button {

	width: 18px;

	height: 18px;

	border: none;

	cursor: pointer;

	margin-bottom: -4px;

}

div.search:hover, div#search div.sfhover {

	background: none;

}

div.search input:hover, div.search input.sfhover {color: #000000;}

div.search input:focus, div.search input.sffocus {

	color: #000000;

}



/* HOME PAGE STYLES */

/* top boxes */

#top div.modulebox {

	line-height: 16px;

	font-size: 11px;

	background: #ffffff;

}

#top div.modulebox h3 {

	margin: 5px 0px 0px 0px;

	padding: 0px 0px 5px 0;

}

.topbox .modulebox img {

	border: 1px solid #c7c8cc;

	width: 58px;

	height: 77px;

}



.topbox .modulebox .contain {

	padding: 0 5px 0 70px;

	margin:0 0 0 10px;

	background-image:url(http://cires.colorado.edu/images/photos/teachersBox.jpg);

	background-repeat: no-repeat;

	height: 85px;

}

.topbox .modulebox .audienceImg1 {

	background-image:url(http://cires.colorado.edu/images/photos/researchersBox.jpg)

}

.topbox .modulebox .audienceImg2 {

	background-image: url(http://cires.colorado.edu/images/photos/studentsBox.jpg)

}

.topbox .modulebox .audienceImg4 {

	background-image: url(http://cires.colorado.edu/images/photos/mediaBox.jpg)

}

/* CONTENT STYLES */

#content h2, #mainmiddle h2 {
	padding-bottom: 3px;
	font-weight: normal;

}

#content h3, #mainmiddle h3 {
	padding-top: 10px;
	padding-bottom: 5px;
	color: #030835;

}



#content ul {

	margin-left: 20px;

	margin-bottom: 8px;

}

#content p {

	margin-bottom: 10px;

}

#left .floatRight {

	float: right;

	margin-right: 0px;

	margin-left: 10px;

	margin-top: 20px;

}

#right .floatRight, #content .floatRight,#footer .floatRight {

	float: right;

}

#content ol {

	margin-left: 24px;

}

h4 {
	font-weight: bold;
	margin-top: 10px;
	line-height: 20px;
	color: #444;

}

h5 {
	font-weight: bold;
	color: #2e3192;
	margin-bottom: 5px;

}

h6 {
	color: #494949;

}

#page-header h1 {

	font-size: 1px;

	line-height: 1px;

	height: 0px;

	left: -999px;

	position: absolute;

	color: #000;

}

/* RIGHT AND LEFT MODULES */

#right .module img,#left .module img {

	margin-bottom: 10px;

}

#right .roundedBox,#left .roundedBox {

	width: 224px;

	background-image: url(../images/sliderBkgLastClosed.png);

	background-repeat: no-repeat;

	background-position: 0 bottom;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 150%;

	padding: 0 0 15px 0;

	margin: 0;

}
#left .roundedBox {
	width: 200px;
	margin: 10px 0;
}
#right .roundedBox .roundedBoxhead, #left .roundedBox .roundedBoxhead  {

	height: 25px;

	background-image: url(../images/sliderBkgHead.png);

	background-repeat: no-repeat;

	padding: 0 10px;

}

#right .roundedBox .roundedBoxhead h3,#left .roundedBox h3.roundedBoxhead {

	color: #425059;

	font-size: 12px;

	text-align: center;

	line-height: 12px;

	padding-top: 6px;

	padding-bottom: 6px;

	margin: 0;

}

#left #left_container .roundedBox .roundedBoxhead h3 {
	font-size: 12px;
	line-height: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.roundedBox ul li {

	margin-left: 5px;

}

#left .roundedBox ul li {
	margin-left: 5px;
	margin-bottom: 5px;
	list-style:none;

}

#left .roundedBox ul li a:link,#left .roundedBox ul li a:visited {
	color: #297EF3;

}

#right .modulebox ol li {

	margin-left: 20px;

}



#right div.modulebox,#right div.moduleboxGray {

	margin: 0px 0px 10px 0px;

	border: 1px solid #bcbec3;

	padding: 6px;

}

#right div.moduleboxGray,#left div.moduleboxGray {

	background-color: #dbe2da;

	padding-left: 8px;

}

#right .roundedBox .roundedBoxContent,#left .roundedBox .roundedBoxContent {

	padding: 10px;

	background-image: url(../images/sliderBkg.png);
	width: 180px;

}

#right div.modulebox h3.moduleboxFirstHeader,#left div.modulebox h3.moduleboxFirstHeader {

	margin: -9px -6px 10px -6px;

}

img.imageBorder {

	padding: 2px;

	border: 1px solid #bcb3c3;

	margin-bottom: 10px;

	margin-top: 10px;

	background-color: #fff;

}



#main #mainmiddle #right.270Right {

	width: 270px;

}

.wrapper #middle #main #mainmiddle .270Right#right {

	width: 270px;

}

#content table td {

	vertical-align: top;

}

.centerAlign {

	text-align: center;

}

#left .cuLogo {

	float: right;

}


#showWide {

margin-left: auto; margin-right: auto; width:723px; background:url(../images/showBkg.png) bottom no-repeat; border-top: 1px solid #fff;

}

#mainmiddle #newsFeature {
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 5px 10px;
	background: #d8e1d9;
	vertical-align: top;
	background-image: url(../images/showBkg.png);
	background-position: bottom left;

}

.layoutleft #main #mainmiddle {

	width: 770px;

}

.linesBelowAbove {

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #ccc;

	border-bottom-color: #ccc;

}

table th {

	text-align: left;

	border-bottom: 1px solid #ccc;

}
.caption { font-size: 10px; }

#content .content_pullout_box {
	width: 200px;
	float: right;
	padding: 10px;
	margin-left: 10px;
	border: 1px solid #c6c6c6;
	background-color: #d7d7d7;
}
.clearLeft { clear:left; }
.clearBoth { clear: both; }

.urgent {
	color: #600;
	font-weight: bold;
}


.hideText {
	margin: 0 0 0 -9999px;
	padding: 0;
	line-height: 2px;
	font-size: 2px;
}
.alignTextRight {
	text-align: right;
}
.roundedBox .roundedBoxhead h3 {
	font-size: 12px;
	text-align: center;
	width: 180px;
}
#page-footer .wrapper {
	background-color: #e0e6ec;
}
#submenu {
	margin-bottom: 12px;
}
#right .modulebox {
	background-color: #FFF;
}
#right .roundedBox .roundedBoxhead {
	background-image: url(../images/roundedBoxRThead.png);
}
#right .roundedBox .roundedBoxContent {
	background-image: url(../images/roundedBoxRTbkg.png);
	width: 204px;
}
#right .roundedBox {
	background-image: url(../images/roundedBoxRTbottom.png);
}
.15pxBelow {
	margin-bottom: 15px;
}
#content #subNav, #right #subNav {
	float: right;
	width: 216px;
	border: 7px solid #ccc;
	padding: 5px 8px;
	margin-left: 10px;
	background-color: #fff;
}
#content #cookieCrumb {
	font-size: 10px;
}

/* WORDPRESS IMAGE STYLES */
img.alignright, div.alignright {float:right; margin:0 0 1em 1em}
img.alignleft, div.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#right .module h3 {
display:block;
background:url(images/dottedLine.png) repeat-x bottom;
padding-bottom: 8px;
padding-top: 8px;
}

.rssttl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #000000;
	font-weight: bold;	
	margin: 0px 0;
	padding: 0;
}

/* begin styles for RSS Feed */

.rss-box {
	 margin: 0.5em;
	 width: 600px;
	
	 
}
.rss-items {
	margin-top:0px;
	padding:0.5em; 0.5em;
	margin-left:0px;
	color: #646464;
}
p.rss-title {padding:0.5em;}
.rss-title {
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	background-color:#050938;
	color:white;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}

.rss-item  {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight : normal;
  list-style:dash;
  list-style-position: inherit;
  padding-bottom:0em;
}


li{ padding: 0; margin-left: -5px;}

.rss-item a {
	text-decoration : none;
	color: #0b70f6;
	font-size: 12px;
	font-weight:light;
	font-family:arial, helvetica, sans-serif;
	}
	
a:hover {

	color: #dd5f38; /* #e45c06; */
	text-decoration: underline;
	outline: none;

}
	
.rss-item a:visited {
	color: #0b70f6;
}

.rss-date {
	font-size: 85%;
	font-weight : normal;
	color: #888888;
	} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }