/* 

Prelude to Performance -- NS style

Jed Arnold, Web Manager 
Emory & Henry College
jarnold@ehc.edu,  276.944.6155

*/




/*
=universals
*/

* {
padding:0;
margin:0;
}

h1, h2, h3, h4, h5, h6 {
font-size:1.4em;
}


ul {
list-style:none;
}



/*
=layout
*/

body {
font-size:62.5%;
text-align:center;
background: #000 url(images/layout/body-bg-2.jpg) center top fixed no-repeat;
}

#wrapper {
text-align:left;
margin:0 auto;
width:767px;
}


#branding {
width:767px;
height:150px;
background: url(images/layout/branding-bg.jpg);
position:relative;
}


#content {
float:left;
width:767px;
background:url(images/layout/topMainContent-bg-3.jpg) repeat-y;

}

#mainNav {
width:235px;
float:left;
margin-top:1em;
}

#mainContent {
width:523px;
float:right;
}

#latestNews {
width:523px;
border-bottom:2px solid #fff;
padding-bottom:1em;
}



#arts {
width:521px;
background:#393847;
border-bottom:2px solid #fff;
padding-bottom:1em;
}

#athletics {
width:521px;
background:#d5ad28;

padding-bottom:1em;
}






#infoRemind {
clear:both;
width:767px;
background:url(images/layout/topMainContent-bg-3.jpg) repeat-y;
height:80em;
}

#footer {
clear:both;
width:767px;
height:1px;
background:url(images/layout/topMainContent-bg-3.jpg) repeat-y;
border-bottom:2px solid #fff;
}

#credits {
margin:0 auto;
width:767px;
height:18px;
background:url(images/layout/credits-bg.gif) repeat-y;
padding-top:.5em;
}


/*
=branding
*/

#branding h1 {
text-indent:-99999px;
width:46em;
height:11.5em;
background:url(images/layout/branding-h1-bg.gif) no-repeat;
}


#branding ul {
width:16.5em;
text-align:left;
position:absolute;
left:605px;
margin-top:-115px;
}


#branding li {
width:165px;
padding: 0 0 7px 10px;
font-size:1.1em;
color:#fff;
background:url(images/layout/branding-ul-bullet.jpg) no-repeat 0% 25%;
}

#branding li a:link, #branding li a:visited {
color:#fff;
text-decoration:none;
}

#branding li a:hover, #branding li a:active {
color:#fff;
text-decoration:underline;
}


/*
=mainContnet ul li
*/

#mainContent ul {
float:left;
width:50em;
margin-left:20px;
margin-top:20px;
}

#mainContent li {
float:left;
width:16.5em;
}


#mainContent li a:link, #mainContnet li a:visited {
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
text-decoration:none;
}

#mainContent li a:hover, #mainContent li a:active {
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
text-decoration:underline;
}





/*
=mainNav ul, li
*/
#mainNav ul {
margin-left:1.5em;
}


#mainNav li {
width:20em;
padding: 0 0 7px 14px;
font-size:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background:url(images/layout/main-li-button.gif) no-repeat 0 25%;
}


#mainNav li a:link, #mainNav li a:visited {
color:#fff;
text-decoration:none;
}

#mainNav li a:hover, #mainNav li a:active {
color:#fff;
text-decoration:underline;
}




/*
=latestNews
*/

#latestNews h3 {
width:523px;
height:25px;
background:#b7af89 url(images/layout/latestNews-h3-bg.gif) no-repeat;
padding-bottom:.1em;
text-indent:-99999px;
}

#latestNews p {
margin-left:2em;
margin-right:1em;
padding:.5em 0 1em 1em;
font-size:1.2em;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(images/layout/latestNews-p-bullet.jpg) no-repeat 0 15%;
}

#latestNews p.archive {
font-size:.9em;
background:none;
margin-left:400px;
}

#latestNews a:link, #latestNews a:visited {
color:#1b3d75;
text-decoration:none;
}

#latestNews a:hover, #latestNews a:active {
color:#1b3d75;
text-decoration:underline;
}




/*
=arts
*/


#arts h3 {
color:#d5ad28;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
padding-bottom:1em;
text-indent:-9999px;
background: url(images/layout/arts-h2-type-bg.gif) no-repeat;
}



#arts p {
margin-left:2em;
color:#fff;
font-size:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-right:.5em;
}



#arts p.moreArts {
margin-left:2em;
color:#d5ad28;
font-size:1.1em;
padding-top:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}



#arts a:link, #arts a:visited {
color:#d5ad28;
text-decoration:none;
}

#arts a:hover, #arts a:active {
color:#d5ad28;
text-decoration:underline;
}

 

br.clear {
clear:both;
}



#athletics h3 {
color:#1b3d75;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
padding-bottom:1em;
text-indent:-99999px;
background:url(images/layout/athletics-h2-type-bg.gif) no-repeat;
}



#athletics p {
margin-left:2em;
color:#fff;
font-size:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-right:.5em;
} 


#athletics p.moreAthletics {
margin-left:2em;
color:#1b3d75;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:1em;
}



#athletics a:link, #athletics a:visited {
color:#1b3d76;
text-decoration:none;
}

#athletics a:hover, #athletics a:active {
color:#1b3d75;
text-decoration:underline;
}




img.render {
padding: 0 1em 0 0;
float:left;
margin-left:1em;
}



/*
=footer
*/

#footer {
clear:both;
margin:0 auto;
width:767px;
height:1px;
background:url(images/layout/topMainContent-bg-3.jpg) repeat-y;
border-bottom:2px solid #fff;
}



/*
=credits p, ir span
*/

#credits p {
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
text-align:center;
}

#credits a:link, #credits a:visited, #credits a:hover, #credits a:active {
color:#fff;
text-decoration:none;
}





/*

=lightbox

*/



#lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }



#lightbox img{ border: none; } 

#overlay img{ border: none; }



#overlay{ background-image: url(../development/projects/byars/images/layout/overlay.png); }



* html #overlay{

	background-color: #000;

	back\ground-color: transparent;

	background-image: url(http://www.huddletogether.com/projects/lightbox/close.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../development/projects/byars/images/layout/overlay.png", sizingMethod="scale");

	}