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


@import url('http://www.usu.edu/style/main.css');
@import url(/templates/designs/usu.edu - portal front/styles/custom.css);
/******* Content page Components *******/

#maincontentbox {
width:772px;	/* for ie5 */
margin:0 4px;
background: transparent url("http://www.usu.edu/images/skin/contentpage_bg.jpg") repeat-y top left;
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 762px; }

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

#clearcontentbox {background: transparent url("http://www.usu.edu/images/skin/botcontentbox_bg.jpg") no-repeat top left; clear:both; width:762px; height:22px;}

#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;}



/******* Content page right column, Components for a Drop Down main menu *******/

#rightcontentcol ul#maindropnav, #rightcontentcol ul.dropnav {color: #333;border:0;border-top: 1px solid #fff;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px; /* Width of Menu Items */
	}

#rightcontentcol ul#maindropnav li {border-bottom: 1px solid #fff;width: 160px;
	position: relative;
	}
	
#rightcontentcol ul#maindropnav li ul.dropnav {background-color:#E5E5DD;
	position: absolute;
	left: -161px; /* Set 1px less than menu width */
	top: -1px;
	display: none;
	border:1px solid #CCC;
	border-right: 0;
	border-bottom: 0;}

/* Styles for Menu Items */
#rightcontentcol ul#maindropnav li a {padding: 5px 5px 5px 15px;width: 135px;
	display: block;
	text-decoration: none;
	color: #777;
	background: #EEEFF1 url(http://www.usu.edu/images/skin/bullet.gif) no-repeat 5px 10px; /* IE6 Bug */
	}

/* Fix IE. Hide from IE Mac \*/
* html #rightcontentcol ul#maindropnav li { float: left; height: 1%; }
* html #rightcontentcol ul#maindropnav li a { height: 1%; }
/* End */

#rightcontentcol ul#maindropnav li a:hover { border-right: 5px solid #295D91;color:#fff;background-color:#7F9EBD; } /* Hover Styles */

#rightcontentcol ul#maindropnav li a.active {border-right: 5px solid #6E757E;}	/* active Styles */

#rightcontentcol ul#maindropnav li ul.dropnav li {border-bottom: 1px solid #ccc;background-color:#E1E3E5;}

#rightcontentcol ul#maindropnav li ul.dropnav li a {width: 145px; padding: 5px 5px 5px 5px;background-color:#E1E3E5;background-image:none; } /* Sub Menu Styles */

#rightcontentcol ul#maindropnav li ul.dropnav li a:hover {border-right: 5px solid #295D91;color:#8095D1;background-color:#EEEFF1;}	/* Hover Styles for submenu */

#rightcontentcol ul#maindropnav li:hover ul.dropnav, #rightcontentcol ul#maindropnav li.over ul.dropnav { display: block; } /* The magic */



/******* Content page right column, Components for an expandable main menu ******/

#rightcontentcol ul.mainexpnav {width: 160px;list-style-type: none;color: #333;border:0;border-top: 1px solid #fff;padding:0;margin:0;list-style-image: none;}

#rightcontentcol ul.mainexpnav li{border-bottom: 1px solid #fff;}

#rightcontentcol ul.mainexpnav li a {background:url(http://www.usu.edu/images/skin/bullet.gif) no-repeat 5px 10px;padding: 5px 5px 5px 15px;width: 135px;text-decoration: none;display: block;}

#rightcontentcol ul.mainexpnav li a:hover {border-right: 5px solid #295D91;background-color:#7F9EBD; color:#fff;}

#rightcontentcol ul.mainexpnav li a.active {border-right: 5px solid #6E757E;}

#rightcontentcol ul.mainexpnav li ul.submenu, #rightcontentcol ul.mainexpnav li ul.opensubmenu {display: none;border-top: 1px solid #CCC;list-style-type: none;}

#rightcontentcol ul.mainexpnav li ul.opensubmenu {display: block;}

#rightcontentcol ul.mainexpnav li ul.submenu li, #rightcontentcol ul.mainexpnav li ul.opensubmenu li {padding:0;border:0;background-color:#E1E3E5;}

#rightcontentcol ul.mainexpnav li ul.submenu li a, #rightcontentcol ul.mainexpnav li ul.opensubmenu li a {width: 135px;padding:4px 0 5px 20px; background-image:none;}

#rightcontentcol ul.mainexpnav li ul.submenu li a:hover, #rightcontentcol ul.mainexpnav li ul.opensubmenu li a:hover {color:#8095D1;border-right: 5px solid #295D91;background-color:#EEEFF1;}

#rightcontentcol ul.mainsidenav li ul.submenu li a:hover:active, #rightcontentcol ul.mainsidenav li ul.opensubmenu li a:hover:active {border-right: 5px solid #6E757E;}

#rightcontentcol ul.mainexpnav li ul.opensubmenu {display: block;border-top: 1px solid #CCC;list-style-type: none;}



/******* Content page right column Search *******/

#searchcontainer { background-color:#7F9EBD;color:#fff;height:24px;margin:25px 0 10px 0;padding:3px 3px 2px 3px;}

#searchbutton {font:.9em Verdana, Helvetica, sans-serif;height:22px;padding:0;color:#666;font-weight:bold;width:55px;}

#searchbox {width:92px;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;float:left;margin:1px 0px 0 0;}

html>body #searchbox {width:94px;margin:1px 3px 0 0;}



/******* Content page right column, Components to create for related links *******/

#rightcontentcol ul.rellinks {padding:0 0 15px 5px;width:155px;list-style-type: none;}

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

#rightcontentcol ul.rellinks a:hover {text-decoration:underline;}

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


/******* Content page left column Components *******/

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

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

#navtrail {width:568px;background-color:#6E757E;text-align:right;padding:5px 10px 0 0;height:18px;clear:left;color: #fff;font-size:.9em;font-family:Verdana, Helvetica, sans-serif;}

#pagecontent #navtrail a {color:#fff; text-decoration: none;}

#pagecontent #navtrail a:hover {color:#A0AED7;}

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

#maincontainer #maincontentbox #pagecontent h1 { padding: 10px 10px 0 10px; margin-bottom: 0; }

#copy { padding: 0 10px 10px 10px; }

#copy p { margin: 0 0 10px 4px; }

#copy a {color:#A0AED7;  text-decoration: underline;}

#copy a:hover {color:#003366;}

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

#copy h2 {padding:.5em 0.2em;line-height:1.5em;color:#4A5EA2;font: 1.3em "Times New Roman", Times, serif; font-weight:bold;}

#copy h3 {padding:.5em 0em;line-height:1.3em;color:#4A5EA2;font: 1.2em "Times New Roman", Times, serif;}

#copy p {text-align:left; line-height:1.3em; font-size: 1.1em;}

#copy hr { margin:10px 0px;}

#copy ul { margin: 0 25px; }

/*#copy 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;}

#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 40px; list-style-type: none;width:500px;font-size:1.1em;}
#pagecontent ul.imglist li {margin:0; position:relative;width:500px; line-height:1.2em;background:url(http://www.usu.edu/images/skin/bullet.gif) no-repeat 0px 6px;padding:0 0 0 10px;display: block;}
#pagecontent ul.imglist li a {} */

#pagecontent ul.bodyNav, 
#pagecontent ol.bodyNav {
	margin: 12px 0px;
	padding-left: 35px;
}
	#pagecontent ul.bodyNav a,
	#pagecontent ol.bodyNav a {
		text-decoration: underline;
		color: #A0AED7; 
	}
	
	#pagecontent ul.bodyNav a:hover,
	#pagecontent ol.bodyNav a:hover {
		color:#295D91;
	}

/******* 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("http://www.usu.edu/images/skin/quote2.jpg") no-repeat bottom right;}

#pagecontent p.rightcit {background: transparent url("http://www.usu.edu/images/skin/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("http://www.usu.edu/images/skin/quote2.jpg") no-repeat bottom right;}

#pagecontent .leftcol p.leftcit {background: transparent url("http://www.usu.edu/images/skin/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:0 10px 10px 0;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(http://www.usu.edu/images/skin/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:0 10px 0 0; font-size:1em; }
.coltext2 {width:256px;float:right;text-align:left;padding:0 10px 0 0; font-size:1em;}

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

.coltext1 font, .coltext2 font { color: #003366; }

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

#ep_plugin { width: inherit; }

#ep_contentfooter { text-align: center; background-color: #3f5e8d; margin: 5px 7px 5px 8px; padding: 5px; color:#A0AED7; }
#ep_contentfooter a { color:#A0AED7; }
#ep_contentfooter a:hover { color:#fff; }



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

fieldset { padding: 10px 5px ;border:1px solid #A0AED7; }

legend {font-size:1.2em;line-height:1.2em;padding:10px 10px 10px 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: 115px;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;}*/

.row1 { background-color: #D9E8FF; }

.row2 { background-color: #F2F2F2; }

.status tr th { background-color: #004B8C; color: #fff; font-weight: normal; }