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

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


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

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

#newscontentbox {
width:570px;	/* for ie5 */
margin:0 4px;
background: transparent url("../img/ombox_bg.jpg") repeat-y top left;
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 570px;}


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

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

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

#newscontent h4 {padding:10px 20px 5px 20px;line-height:1em;color:#4A5EA2;font: 1em "Times New Roman", Times, serif;}

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

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

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

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

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

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

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

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

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

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

#newscontent ul.imglist {padding:0 0 10px 40px; list-style-type: none;width:500px;font-size:1.1em;}
#newscontent 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;}
#newscontent ul.imglist li a {}

#newscontent table { width: 538px; margin:20px; padding:0; border:0; background-color:#7F9EBD; }
#newscontent table tr { vertical-align:top; background-color:#fff; padding:0; margin:0; }
#newscontent table th { padding:5px;background-color:#7F9EBD;border:0;}
#newscontent table td {padding:5px;border:0;}

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

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

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

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

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

#newscontent .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 *******/

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

#newscontent .leftcitbox {margin:0;padding:0 0px 20px 5px;background: transparent url("http://www.usu.edu/images/skin/quote2.jpg") no-repeat bottom right;}

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

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

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

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


.coltextl {width:250px;float:left;text-align:left;padding:5px 15px 10px 10px; font-size:1em; }
.coltextr {width:250px;float:right;text-align:left;padding:5px 20px 10px 5px; font-size:1em;}
/***
.coltext1 p {font-size:1.1em; }
.coltext2 p {font-size:1.1em;}
****/
#newscontent .twocolbox .coltext1 h2, #newscontent .twocolbox .coltext2 h2 {margin:0 0 5px 0; padding:0; text-align:left; color:#4A5EA2;}

/******* Component to create photo gallery on the page *******/
#covgallery {width:746px; height:312px; padding:0px; background: #003466; position:relative;}
#covgallery .default {position:absolute; left:0px; top:0px; width:541px; height:312px;}
#covgallery .default img {display:block; margin:0 auto 10px auto; }
#covgallery .default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:500px; text-align:center; margin:0 auto;}
#covgallery .icon {position:relative; float: right; left:0px; top:0px;padding: left 5px; width:205px; height:312px; background: #003466;}
#covgallery .pic {display:inline; border:1px solid; border-color:#003466 #003466 #003466 #ddd;}
#covgallery .pic :hover {display:inline; border-bottom:1px;border-left:0px solid;border-right:0px;border-color:#fff #555 #888 #777;}

/*sidebar photogallery*/
#gallerycontainer{
width:170px;	/* for ie5 */
float:left;
margin-left: 8px;
font: 1.1em  Arial, Helvetica, sans-serif;
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 160px;}

/*Add a height attribute and set to largest image's height to prevent overlaying*/

.thumbnail img{border: 0px; margin-right: 0px; }

.thumbnail:hover{background-color: transparent;}

.thumbnail:hover img{border-right: 5px #fff;/*push the full image 5px to the right*/}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #888;/*888 lightest gray, 777 darker gray*/
visibility: hidden;
color: #fff;
text-decoration: none;}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;padding: 0px 0px 8px 0px;}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: relative;
right: relative; /*position where enlarged image should offset horizontally */
border: 2px solid #003466;
z-index: 50;
}