/********************************************
 *
 *   Copyright 2005, Utah State University
 *   www.usu.edu
 *	 WC3 CSS Validated
 *******************************************/

@import url(iemacexcept.css);
/******* Basic Tags *******/

body {background-color: #DEE1E4;
  color: #555;
  font: 62.5%/140% Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  text-align: center; /* be nice to IE */
}

ul, li, a, p, h1, h2, h3, h4, h5, h6, hr, span, input, em, strong {margin:0;padding:0;}
img, form, fieldset {margin:0;padding:0;border:0;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}

a {text-decoration:underline;color:#4A5EA2;}

a:hover {color:#003366;}

a.bluelink {text-decoration:none;color:#8095D1;}

a.bluelink:hover {text-decoration:underline; color:#4A5EA2;}

.blue {color:#8095D1;}

.bluebold {color:#8095D1;font-weight:bold;}

.blue2 {color:#4A5EA2;}

.blue2bold {color:#4A5EA2;font-weight:bold;}

.ablue { color:#003366;}

.abluebold { color:#003366;font-weight:bold;}

a.abluebold:hover {color:#8095D1;}

a.bluebold:hover {color:#003366;}

.white {color:#fff;}

.clear { clear:both;font-size:1px;line-height:2px;}

.clearblue { clear:both;font-size:1px;line-height:2px; background-color:#7F9EBD;}

.remove {display: none !important;}

.error {color:#CC3300;}

.good {color:#44BB00;}

.red {color:#CC3300;}

.redbold {color:#CC3300;font-weight:bold;}

.boldtext {font-weight:bold;}

.left {float:left;}

.right {float:right;}

.ittext { font-style:oblique;}

.centerbox { text-align:center;}

.smalltext { font-size: .8em;}

/******* Basic Layout Components *******/

#bgwrapper {
  background: transparent url("/resources/srl-styles/ususkin/wrapper_bg.jpg") repeat-y top left;
  margin: 0 auto 30px auto;
  text-align: left;
  width: 770px;
}

#maincontainer {width: 770px;
padding: 8px 0 14px 0;
background: transparent url("/resources/srl-styles/ususkin/footer_bg.jpg") no-repeat bottom left;}



/******* Header Components *******/

#headerbox {
  background: #003366 url("/resources/srl-styles/ususkin/header_img.jpg") no-repeat top right;
  height: 60px;
	min-height:60px;
  width: 746px;
  margin:0 12px;
  color: #FFFFFF;
}

html>body #headerbox {height: auto;}/*line only for compliant browsers, IE can't read the min-height in previous line */

#topnav {font: 1.2em Arial, Helvetica, sans-serif;
padding: 10px 0px 0 0;
float:right;
}

#topnav ul {padding:0;margin:0;border:0;width:450px; background-image:none;}

#topnav ul li {
padding-right:8px;
display:inline;}

#topnav ul li a{ background-image:none;padding:0; margin:0;text-decoration:none;
  color: #A0AED7;
}
#topnav ul li a:hover {color:#fff;text-decoration:none;}

/******* Main Navigation Components *******/

#mainnavbox {
  background-color:#004B8C;/*#295D91*/
  width: 746px;
  text-align:left;
  margin:0 12px;
  border-top: 1px solid #fff;
}

#mainnavbox ul.maintopnav {padding:0;margin:0;border:0;width: 746px;
 	font: 1.2em Arial, Helvetica, sans-serif;
  list-style-type: none;
  white-space: nowrap;}

#mainnavbox ul.maintopnav li {
  float: left;
}

#mainnavbox ul.maintopnav li a {color:#fff; background-image:none;
	font-weight:bold;
  padding: 4px 8px 4px 8px;
	text-decoration:none;
}

#mainnavbox ul.maintopnav li#active { background-color:#003366;text-decoration:none; }
#mainnavbox ul.maintopnav li a:hover { background-color:#2E4676;text-decoration:none; }

/******* Content page Components *******/
/* Includes fixes for Ideasis specific issues */
#maincontentbox {
width:772px;	/* for ie5 */
margin:0 4px;
background: transparent url("/resources/srl-styles/ususkin/contentpage_bg.png") repeat-y top left;
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 762px;}

html>body #maincontentbox { width: 762px }  /* for opera */

#clearcontentbox {background: none;clear:both;width:762px;height:0px;}

#fullboxcontent {
width:764px;	/* for ie5 */
margin:0 8px; text-align:center; 
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 754px;}

html>body #fullboxcontent { width: 754px;}  /* for opera */

/******* Content page right column Components *******/

#rightcontentcol {
width:170px;	/* for ie5 */
float:right;
padding-right: 8px;
font: 1.1em  Arial, Helvetica, sans-serif;
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 160px;}

html>body #rightcontentcol { width: 160px }  /* for opera */

#rightcontentcol h1 {padding:10px 0 5px 5px;font:1.4em "Times New Roman", Times, serif;font-weight:bold;margin:0;color:#4A5EA2;}

#rightcontentcol a {line-height:1.3em; background-image:none;padding:0;margin:0; font-size:1.1em;}

#rightcontentcol p {padding:5px 10px;}

/******* Content page left column Components *******/
/* Fixes for USU templates */

#pagecontent {width:758px;padding:0px;float:left;line-height:1.2em;font-family: Arial, Helvetica, sans-serif;font-size:1.2em;}

#banner {width:578px;height:145px;float:left;}

#pagecontent h1 {padding:10px 20px 0px 20px;line-height:2em;color:#4A5EA2;font: 1.8em "Times New Roman", Times, serif;}

#pagecontent h2 {padding:10px 20px 5px 20px;line-height:1.5em;color:#4A5EA2;font: 1.3em "Times New Roman", Times, serif; font-weight:bold;}

#pagecontent h3 {padding:10px 20px 5px 20px;line-height:1.3em;color:#4A5EA2;font: 1.2em "Times New Roman", Times, serif;}

#pagecontent p {text-align:justify;padding:3px 20px 12px 20px;line-height:1.3em; font-size: 1.1em;}

#pagecontent hr {margin:10px 20px;}

#pagecontent p .firstletter {font: 3em Georgia, "Times New Roman", Times, Arial, Helvetica, sans-serif;line-height:70%;color:#4A5EA2;margin:4px 3px 0 0;}

#pagecontent img.rightpic { float:right; margin:20px; border: 1px solid #666; padding:2px;}

#pagecontent .subp {margin-left:20px;}

/**was**#pagecontent ul { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}*/
#pagecontent ul { margin:0 0 0 20px;padding:0 0 10px 40px;}
#pagecontent ul li { list-style-type: square; padding:2px 0; line-height:1.2em;}

#pagecontent ul.nobullet { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#pagecontent ul.nobullet li { list-style-type: none; padding:2px 0; line-height:1.2em;}

#pagecontent ul.bullet { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#pagecontent ul.bullet li { list-style-type: square; padding:2px 0; line-height:1.2em;}

#pagecontent ul.num { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#pagecontent ul.num li { padding:2px 0;list-style-type: decimal; line-height:1.2em;}

#pagecontent ul.letter { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#pagecontent ul.letter li { padding:2px 0;list-style-type: lower-alpha; line-height:1.2em;}

#pagecontent ul li ul { margin:5px 0 5px 20px;padding:0;}
#pagecontent ul li ul.letter2 li { list-style-type: lower-alpha; background-image: none; display:list-item;}
#pagecontent ul li ul.num2 li { list-style-type: decimal; background-image: none; display:list-item;}
#pagecontent ul li ul.bullet2 li { list-style-type: disc; margin:0; padding:0; background-image: none; display:list-item;}
#pagecontent ul li ul.nobullet2 li { list-style-type: none; background-image: none; display:list-item;}

#pagecontent ul.imglist {padding:0 0 10px 20px; width:500px;font-size:1.1em;}
#pagecontent ul.imglist li {margin:0; position:relative;width:500px; list-style-type: none; line-height:1.2em;background:url(/resources/srl-styles/ususkin/bullet.gif) no-repeat 0px 6px;padding:0 0 0 15px;display: block;}
#pagecontent ul.imglist li a {}

/******* Component to create 2 columns with text on the left and an image or a citation on the right *******/

#pagecontent .rightcol {float:right;padding:0; margin: 0 5px 0 10px;}

#pagecontent .rightcitbox {width:264px;margin:0;padding:0 0px 20px 5px;background: transparent url("/resources/srl-styles/ususkin/quote2.jpg") no-repeat bottom right;}

#pagecontent p.rightcit {background: transparent url("/resources/srl-styles/ususkin/quote1.jpg") no-repeat top left; text-align: justify;
padding:20px 15px 0 10px;color:#8095D1;font:1.5em Georgia, "Times New Roman", Times, sans-serif;line-height:1.3em;}

#pagecontent .rightcol img {padding:0 0 0 0px;margin:5px 0 0 20px;}

#pagecontent .rightcol .caption {margin:0 0 0 20px; padding:0;width: 225px;font-size:.8em;}



/******* Component to create 2 columns with text on the right and an image or a citation on the left *******/

#pagecontent .leftcol {width:264px;float:left;padding:0; margin: 0 10px 0 5px;}

#pagecontent .leftcitbox {margin:0;padding:0 0px 20px 5px;background: transparent url("/resources/srl-styles/ususkin/quote2.jpg") no-repeat bottom right;}

#pagecontent .leftcol p.leftcit {background: transparent url("/resources/srl-styles/ususkin/quote1.jpg") no-repeat top left;
padding:20px 10px 0 10px;color:#8095D1;font:1.5em Georgia, "Times New Roman", Times, sans-serif;line-height:1.3em;}

#pagecontent .leftcol img {padding:0 0 0 0px;margin:5px 0 0 20px;}

#pagecontent .leftcol .caption {margin:0 0 0 20px; padding:0;width: 225px;font-size:.8em;}



/******* Component to create 2 columns in the page *******/
.twocolbox {width:558px;padding:10px;margin:0;}

#pagecontent .twocolbox p {margin:0; padding:0;}
.twocolbox ul.bullist {padding:0 0 10px 0px; list-style-type: none;width:244px;}
.twocolbox ul.bullist li {padding:0; margin:0; position:relative;width:234px; text-align:left;background:url(/resources/srl-styles/ususkin/bullet.gif) no-repeat 0px 6px;padding:0 0 0 10px;display: block;}
.twocolbox ul.bullist li a {font-size:1.1em;line-height: 1.2em; color:#8095D1;font-size:1em;}
.twocolbox ul.bullist li a:hover {color:#295D91;}

.twocolbox .icone { float:left; margin: 5px 2px 2px 0;}
.coltext1 {width:256px;float:left;text-align:left;padding:10px; font-size:1em; }
.coltext2 {width:256px;float:right;text-align:left;padding:10px; font-size:1em;}

.coltext1 p {font-size:1.1em; }
.coltext2 p {font-size:1.1em;}

#pagecontent .twocolbox .coltext1 h2, #pagecontent .twocolbox .coltext2 h2 {margin:0 0 5px 0; padding:0; text-align:left; color:#4A5EA2;}


/******* Component to layout a form on content page*******/

fieldset {width:726px;margin: 0 4px 10px 4px;padding: 10px 4px;border:1px solid #A0AED7;}

legend {font-size:1.2em;line-height:1.2em;padding:0px 10px 5px 10px;color:#A0AED7;font-weight:bold;width:auto;}

fieldset div {margin:5px 0;clear: both;position: relative;}

fieldset div input, fieldset div select, fieldset div textarea {color:#666;}

fieldset div.radio {clear:none;float:right;width:395px;margin-top:2px;}

label {margin:5px 5px 0 0;display: block;width: auto;text-align: right;float: left;}

.buttonbox {width:540px;text-align:right;margin: 5px 0 0 20px ;font:1em Verdana, Helvetica, sans-serif;height:22px;color:#666;font-weight:bold;clear:both;}

.counterbox {margin-left:185px;}

.note {width:486px;margin: 5px 20px 0 20px ;font:.9em Verdana, Helvetica, sans-serif;color:#666;}

.back {float:right;font:1em Verdana, Helvetica, sans-serif;height:22px;margin-right:10px;color:#666;font-weight:bold;}


/******* Portal Footer Components *******/

#portalfooterbox {border-top: 4px solid #fff;
  background:#295D91 url("/resources/srl-styles/ususkin/small_think_logo.gif") no-repeat bottom right;
  width: 746px;
  height:21px;
	margin:0 12px;
	text-align:center;
}

#portalfooterbox ul {color:#A0AED7;
padding: 4px 0 0 0;margin:0;border:0;
width: 746px;
list-style-type:none;}

#portalfooterbox ul li {display:inline;padding: 0 3px;}

#portalfooterbox ul li a {color: #A0AED7; background-image:none;padding:0; margin:0;}

#portalfooterbox ul li a:hover {text-decoration:none;color:#fff;}

/******* Content page Footer Components *******/


#contentfooterbox {background:transparent url("/resources/srl-styles/ususkin/contentfooter_bg.png") no-repeat top left;width: 760px;height:32px;margin:0 4px;text-align:center;}

#contentfooterbox ul {color:#A0AED7;padding: 14px 0 0 0;margin:0;border:0;width: 762px;list-style-type:none;}

#contentfooterbox ul li {display:inline;padding: 0 3px;}

#contentfooterbox ul li a {color:#B0BEE7;font-size:110%;text-decoration:none;background-image:none;padding:0; margin:0}

#contentfooterbox ul li a:hover {text-decoration:none;color:#fff;}
/* unset stupid openacs stuff that's messing up our pages */
.form-label { 
  width:5em !important;
}
.form-widget,.form-button { 
  margin-left:6em !important;
}