body {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;}
p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px}
td {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;}
input { font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
select { font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
ul {  list-style-type: square; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px}

a:link {  color: #003366;}
a:visited {  color: #663366;}
a:active {  color: #990000;}
a:hover {  color: #990000;}

.lglink {  font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.medlink {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.caption {  font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.smlink {  font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.lead {  font-family: Arial, Helvetica, sans-serif; font-size: 15px;}
.title {  font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold;}
.gentitle {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; line-height: 22px}
.display {  font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold;}
.flex {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px}
.leading {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px}

td.contentarea {padding-right:10px;}
.outline {border:1px solid #000000;}

/*  used with tablerows.js   */
 .odd {background-color: #ffffff;} 
 .even {background-color: #dddddd;} 
 
 #navTable a.on {font-weight:bold; font-style:italic; color:#900; text-decoration:none;}

/* used with subnavs in content area, for example Science Explorers */
#subnavPeach { font-size:90%; padding:10px; background-color:#F7CEA7; float:right; width:196px; }
#subnavPeach ul {margin:0px; padding:0px; list-style-type: none; }
#subnavPeach ul li {margin:0px; padding:0px;}
#subnavPeach li a { display: block; padding: 3px; background-color:#F7CEA7;}
#subnavPeach li a:hover {background-color:#f4bd88; color:#004488;}
#subnavPeach li a.onlink {font-weight:bold; font-style:italic; background-color:#eaae74; color:black;}
#subnavPeach ul li ul {margin-left:10px; padding:0px;}

/* used with subnavs in content area, for example Science From CU */
#subnavGreen { font-size:90%; padding:10px; background-color:#afdaaf; float:right; width:196px; }
#subnavGreen ul {margin:0px; padding:0px; list-style-type: none; }
#subnavGreen ul li {margin:0px; padding:0px;}
#subnavGreen li a { display: block; padding: 3px; background-color:#afdaaf;}
#subnavGreen li a:hover {background-color:#83b583; color:black;}
#subnavGreen li a.onlink {font-weight:bold; font-style:italic; background-color:#83b583; color:black;}
#subnavGreen ul li ul {margin-left:10px; padding:0px;}

/* used to create pull out boxes with titles, such as on video page */
p.movietitle {margin-bottom:0; clear:left;}
p.movietitle b {background-color:#ddd; padding:10px; font-size:120%; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
div.moviebox {background-color:#ddd; padding:15px; overflow:auto; width:90%;}
div.movieitem {margin-right:15px; width:250px; float:left;}

.camplinks {background-color:#c8e0c8; border:1px solid lightgrey; clear:both;}

img.imageOn:hover {opacity:.8;}
p.emphasis {background-color:#F7CEA7; padding:5px; border:1px solid gray;}

div.sidebar {width:196px; float:right; padding:10px; background-color:#78a778; background-image:url(../imagesnew/greenSidebarBack.jpg); background-repeat:repeat-x; text-align:center;}
div.sidebar a {text-decoration:none;}
div.sidebar a:hover {text-decoration:underline;}