/********************************************
 *
 *   Copyright 2005, Utah State University
 *   www.usu.edu
 *	 WC3 CSS Validated
 *******************************************/


@import url(main.css);
/******* Portals Components *******/

a:hover {
text-decoration:underline;}

/******* Portals banner Components *******/
#portalbanner, #portalbanner1, #portalbanner2, #portalbanner3, #portalbanner4, #portalbanner5, #portalbanner6 {
width:752px;/* for ie5 */
height:160px;
color:#fff;
margin:0 12px;
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 746px;}

#portalbanner, #portalbanner1, #portalbanner2, #portalbanner3, #portalbanner5, #portalbanner6 { width: 746px }  /* for opera */

#portalbanner, #portalbanner1, #portalbanner2 {background-color:#2E4676;}
#portalbanner3 {background-color:#C5CAAC;}
#portalbanner4 {background-color:#662000;}
#portalbanner5 {background-color:#75664D;}
#portalbanner6 {background-color:#75664D;}

#banner {border-right:4px solid #fff;float:left;width:481px;}

#bannerdesc {float:right;width:261px;}

#bannerdesc h1 {padding:2px 10px 0 15px;margin:0;font:2.4em "Times New Roman", Times, serif;line-height:1.4em;}

#bannerdesc p {padding:5px 15px 0 15px;text-align:justify;font: 1.2em Arial, Helvetica, sans-serif;}

#portalsmallbanner {width:746px;height:78px;margin:0 12px;}

#smallbanner {float:left;}



/******* Portals main box Components *******/

#portalmainbox {border-top:4px solid #fff;padding-bottom:10px;font-family: Arial, Helvetica, sans-serif;width:746px;margin:0 12px;
background: transparent url("http://www.usu.edu/images/skin/portal_bg.jpg") repeat-y top left; clear:both; }

#navportalmainbox {border-top:4px solid #fff;padding-bottom:10px;font-family: Arial, Helvetica, sans-serif;width:746px;margin:0 12px;
background: transparent url("http://www.usu.edu/images/skin/navportal_bg.jpg") repeat-y top left; }

#portalcontentbox {width:462px; float:left;padding:10px 10px 20px 10px;font-size: 1.2em;line-height:1.2em;}

#portalcontentbox h1 {width:432px;font:1.4em "Times New Roman", Times, serif;line-height:1.4em;font-weight:bold;margin:0 10px 0px 10px;padding:10px 0 5px 0;}

#portalcontentbox h2 {width:447px;font:1.2em "Times New Roman", Times, serif;font-weight:bold;line-height:1.2em;padding:10px 0 0 15px;}

#portalcontentbox p {text-align:justify;padding:5px 5px;line-height:1.3em;font-size: 1.1em;}

#portalcontentbox ul {margin-left:20px; list-style-type:none;}

#portalcontentbox ul li{margin:0 0 0 5px;background:url(http://www.usu.edu/images/skin/bullet.gif) no-repeat 0px 6px;padding:1px 0 1px 10px;display: block;}

#portalcontentbox ul.subIndex {margin:2px 0 5px 20px;}

#portalcontentbox .twocolbox {width:462px; float:left;padding:10px 0 0 0;}

#portalcontentbox .twocolbox .leftcol {width:231px; float:left; }

#portalcontentbox .twocolbox .rightcol {width:231px; float:right; }
#portalcontentbox .twocolbox  h1 {width:211px;margin:0 15px 0 5px; padding:0; font-size: 1.2em; line-height: 1.2em;}
#portalcontentbox .twocolbox  h1.uline {border-bottom: 1px solid #7f7f7f; padding:0 0 3px 0;}
#portalcontentbox .twocolbox  h2 {width:211px;margin:0 15px 0 5px; padding:0; font-size: 1.2em; line-height: 1.2em;}
#portalcontentbox .twocolbox ul{padding:0 0 10px 0px; list-style-type: none;width:220px;margin:5px 0 0 0;}
#portalcontentbox .twocolbox .rightcol p { line-height: 1.2em; padding: 5px 10px 5px 0;}
#portalcontentbox .twocolbox .leftcol p { line-height: 1.2em; padding: 5px 10px 5px 5px;}
#portalcontentbox .twocolbox .rightcol p.picon { line-height: 1.2em; padding: 3px 5px 5px 0; text-align:left;}
#portalcontentbox .twocolbox .leftcol p.picon { line-height: 1.2em; padding: 3px 15px 5px 0; text-align:left;}
#portalcontentbox .twocolbox ul li { margin:0 0 0 5px;width:215px;background:url(http://www.usu.edu/images/skin/bullet.gif) no-repeat 0px 6px;padding:1px 0 1px 10px;display: block;}
html>body #portalcontentbox .twocolbox ul li {}
#portalcontentbox .twocolbox ul li a {font-size:1em;line-height: 1.1em;}
#portalcontentbox .twocolbox .icon { float:left; margin-top:10px;}
#portalcontentbox p .firstletter {float:left;font: 3em Georgia, "Times New Roman", Times, Arial, Helvetica, sans-serif;
line-height:70%;color:#4A5EA2;margin:4px 3px 0 0;}

#portalcontentbox p.signature { text-align:right;font:1.3em "Times New Roman", Times, serif; font-weight:bold;}
#portalcontentbox .iconbox { width:65px; height:65px;background: transparent url("http://www.usu.edu/images/skin/icons_grey_bg.jpg") no-repeat bottom left;padding:5px 5px 5px 0;}


/******* Component to create 2 columns with text on the left and an image or a citation on the right *******/

.rcol {width:210px;float:right;padding:0 20px 0 5px;}

.rightimg {padding:0 0 0 30px;margin-top:5px;}

.caption {margin:0; padding:0;width: 225px;font-size:.8em;}






/******* Portals sidebox1 Components. *******/

#portalsidebar {font-family: Arial, Helvetica, sans-serif;float:right;width:261px;margin-left:3px;}

.sidebox1 {background-color:#7F9EBD;width:261px;color:#003366;}
.sidebox3 {background-color:#7F9EBD;width:261px;color:#003366;}
.sidebox2 {width:261px;color:#666;}

.sidebox1, .sidebox2 {padding-bottom: 5px;}

.sidebox2 {border-top:4px solid #fff;}

.sidebox1 h1, .sidebox2 h1 {font:1.6em "Times New Roman", Times, serif;font-weight:bold;padding:5px 10px 7px 10px;}

.sidebox1 h2, .sidebox2 h2 {font:1.3em Arial, Helvetica, sans-serif;margin:5px 10px 7px 10px; color:#fff;}

.sidebox1 p, .sidebox2 p {padding:0 15px 5px 15px;text-align:justify;font-size:1.1em;}

.sidebox1  a {padding:0 10px;color:#fff;}
.sidebox1  a:hover {color:#003366;}
.sidebox2 a {padding:0 10px;color:#666;}
.sidebox1 ul, .sidebox2 ul { list-style-type:none;padding:0 0px 5px 15px;}

.sidebox1 ul li, .sidebox2 ul li {padding:2px 0 1px 0;}

.sidebox1 ul li a, .sidebox2 ul li a {width:215px; display:block;background:url(http://www.usu.edu/images/skin/bullet.gif) no-repeat 0px 5px; font-size: 1.2em;}

.sidebox1 img, .sidebox2 img {margin:5px 0 5px 15px;}

.sidebox1 .readmore, .sidebox2 .readmore {width:230px;float:right;font-size:1.2em;padding:0 5px 0 0;text-align:right;margin:0 10px 0 0;}
.sidebox1 .readmore {color:#fff;background:url(http://www.usu.edu/images/skin/right_white.gif) no-repeat top right;}
.sidebox2 .readmore {color:#666;background:url(http://www.usu.edu/images/skin/right_darkgrey.gif) no-repeat top right;}

.spacebox {width:261px;background-color:#7F9EBD;height:20px;}


/******* Portals Menu *******/
#togglemenu *{list-style:none;margin:0;padding:0;}
#togglemenu {
  display: block;
  width : 261px;padding:5px 0px 5px 0px;
}
#togglemenu li a {
  font-size: 1.5em; line-height:1.2em;
	background : #7F9EBD;
	background:none;
	color : #ffffff;
	display : block;
	font-weight : normal;
	padding : 2px 0 1px 5px;
	text-decoration: none;
	border-bottom: none;
}
#togglemenu li a:hover {
background : #7F9EBD;
	background:none;
}
#togglemenu li li a {
	font-size: 1.3em; line-height:1.2em;
	background : #e7e7e7;
	background-image:none;
	color : #444;
	display : block;
	font-weight : normal;
	padding : 3px 0 3px 7px;
	text-decoration: none;
	border-bottom: none;
}
#togglemenu li li a:hover {
background : #d4d4d4;
	color : #711515;
	}
#togglemenu li li li a {
	background : #e7e7e7;
	color : #444;
	font-weight : normal;
	text-decoration: none;
	padding : 3px 0 3px 12px;
}
#togglemenu li li li a:hover {
	background : #F0EBE1;
	color : #711515;
}
#togglemenu li ul {
  display: none;
}


/******* Search box box Components *******/
#searchcontainer {width:255px; padding:4px 3px 6px 3px;height:20px;background-color:#295D91;}

#searchbox {width:110px;height:18px;border-top:1px solid #363636;border-left:1px solid #363636;border-right:1px solid #fff;
border-bottom:1px solid #fff;color:#666;background-color:#EEE;margin:1px 2px 0 10px;float:left;}

#searchbutton {font:1em Verdana, Helvetica, sans-serif;height:22px;padding:0;color:#666;font-weight:bold;}





/******* Portals events box Components *******/
#today {float:right;padding:10px 15px 0 0;color:#666; font-size:1.1em;}

.eventrow {width:241px;padding:0 10px;font:1.1em Arial, Helvetica, sans-serif;clear:left;}

.eventrow a {float:left;color:#555;width:175px;padding:0;margin:0;}

.date {float:left;color:#73768B;width:45px;}

/*.moreevent {width:241px;float:right;font-size:1.1em;padding:10px 10px 0 0;color:#666;text-align:right;margin:0 10px 0 0;background:url(http://www.usu.edu/images/skin/right_darkgrey.gif) no-repeat 14px right;}*/


/******* Portals form Components *******/

fieldset
{	width:430px;
	margin: 0 10px;
	border: 1px solid #fff;
	padding: 0px 5px;
}

legend
{
	font-size:1.2em;line-height:1.2em;padding: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:300px;margin-top:2px;}

label {
	margin:5px 5px 0 0;
	display: block;
	width: 115px;
	text-align: right;
	float: left;
}

.buttonbox {width:435px;text-align:right;
	margin: 5px 0 0 20px ;font:1em Verdana, Helvetica, sans-serif;height:22px;color:#666;font-weight:bold;clear:both;}

.note {width:390px;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;}
