/* CDROM Template Version 2.0 
Layout CSS*/

/* Body */
body { background-image: url(images/bg2_side.gif); background-repeat: repeat-x; text-align: center; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; background-position: bottom; }

/* Container */
#container { margin-left: 45px; margin-right: auto; margin-bottom: 10px; width: 90%; min-width: 997px; background-color: #E7E7E7; color: #ccc; border-left: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; }
	
/* Header */
#facultyhead { text-align: left; color: #000; font-size: 1.2em; height: 55px; width: auto; padding: 0px; background-color: #ccc; border-bottom: 1px solid #666; }
#falogo { float: left; display: block; padding:0px 0px 0px 10px ; text-decoration: none; }
#fhead { float: left; display:block; list-style-type: none; margin: 0 0 0 10px; padding: 15px 0px 15px 0px; font-weight: 600; }
#fcrest { text-align: right; text-decoration: none;  margin-right: 10px; }
#facultyhead a:link { text-decoration: none; color: #000; }	
#facultyhead a:hover {text-decoration: none; color: #000; }	
#facultyhead a:visited { text-decoration: none; color: #000; }	

/* Header Image */
#masthead { height: 100px; width: auto; background-color: #780500; background-image: url(arts_header.jpg); background-position:  left 50%; background-repeat: no-repeat; border-bottom: 1px solid #666; text-align: center }

/* Top Navigation */
#topnav ul { padding: 5px 0 5px 0; margin: 0; list-style-type: none; background-color: #999; color: #fff; width: 100%; font-size: 0.75em; text-align: left; border-bottom: 1px solid #666; border-top: 1px solid #fff; }
#topnav li { display: inline; }
#topnav li a { text-decoration: none; background-color: #666; color: #fff; padding: 5px 10px 5px 10px; margin: 0; border-right: 1px solid #fff; border-left: 1px solid #fff; border-top: 1px solid #fff; }
#topnav li a:hover { background-color: #780500; color: #fff; }
#topnav li .current { background-color: #780500; color: #fff; }

/* Side Navigation - Right Aligned */
#sidenav { float: right; display: block; margin-left: 0px; padding-left: 0px; padding-top: 10px; border-left: 1px solid #666; border-bottom: 1px solid #666; text-align: left; font-size: 0.8em; width: 183px; }
#sidenav h1 { font-size: 1.2em; padding: 15px 0 0 30px; }
#sidenav ul { margin: 0px; padding: 0px; list-style-type: none; font-family: verdana, arial, Helvetica, sans-serif; }
#sidenav li { margin: 1px 1px 1px 0px; border-left: 1px solid #fff; }
#sidenav a { display: block; padding: 5px 10px 5px 30px; width: 142px; color: #fff; text-decoration: none; background-color: #666; }
#sidenav li.sub { margin: 0px 1px 1px 0px; border-left: 1px solid #fff; }
#sidenav li.sub a { display: block; padding: 5px 10px 5px 30px; width: 142px; color: #fff; background-color: #999; text-decoration: none; font-size: 0.8em; }
#sidenav li.sub a:hover { color: #fff; background-color: #780500; text-decoration: none; }
#sidenav li .current { color: #fff; text-decoration: none; background: #780500 url(images/arrow_dash_left.gif) no-repeat 5% 55%; }
#sidenav a:hover { color: #fff; text-decoration: none; background: #780500 url(images/arrow_dash_left.gif) no-repeat 5% 55%; }

/* Main Content */
#content { margin-right: 184px; margin-top: 0px; padding: 15px; background: #fff; color:#666; text-align: left; font-size: 1em; }

/* Text Formatting */
h1 { font-size: 1.2em; padding-bottom: 0.4em; padding-left: 15px; color: #780500; }
h2 { font-size: 1.1em; color: #666; padding-bottom: 0.4em; padding-left: 15px; }
h3 { font-size: 1em; padding-bottom: 0.4em; padding-top:0.4em; padding-left: 15px;  color: #780500; background-color: #E7E7E7; border: 1px solid #ccc; }
h4 { font-size: 1em; padding-bottom: 0.4em; padding-left: 15px; color: #000; }
h.nav { font-size: 1.2em; padding-left: 15px; color: #780500; }
p {
	font-size: 0.8em;
	padding-left: 15px;
	color: #000;
	text-align: left;
}
p.top { text-align:right; padding-right: 15px; background: #fff url(images/top_page.gif) no-repeat bottom right; font-size: 0.7em }
p.quote { font-size: 0.75em; padding: 0.2em 40px 0.2em 40px; font-style: italic; }
p.caption { font-size: 0.75em;  padding: 2px 15px 2px 15px;  color: #000; }
p.caption strong { color: #035fe7; }
p.source { font-size: 0.65em; font-style: italic;  padding: 2px 15px 2px 15px;  color: #000; }
p.back { text-align: left; color:#333; background-color:#fff; }
p.tab1 { padding-left: 2em; text-indent: 0em; }
p.tab2 { padding-left: 4em; text-indent: 0em; }
p.tab3 { padding-left: 6em; text-indent: 0em; }
p.tab4 { padding-left: 8em; text-indent: 0em; }
p.tab5 { padding-left: 10em; text-indent: 0em; }

/* Bottom Navigation - place in table */
p.back { text-align: left; margin-left: 15px; padding-left: 15px; background: url(images/back_page.gif) no-repeat bottom left #fff; font-size: 0.7em; }
p.next { text-align: right; margin-right: 15px; padding-right: 15px; background: url(images/next_page.gif) no-repeat bottom right #fff; font-size: 0.7em; }

/* Lists   image style: list-style-image:url(images/arrow.gif);*/
#content ul li, #subcontent ul li { font-size:0.8em; color: #000;  padding-bottom: 0.5em}
#content ul li.square, #subcontent ul li.square { list-style-image:url(images/square.gif); padding-bottom: 0.2em}
#content ol li, #subcontent ol li { font-size:0.8em; color: #000; padding-bottom: 0.5em}

td ul { margin-left: 1.5em; padding-left: 0.5em;}
td ul li { padding-left: 0em; }

/* Links */
#content a:link { text-decoration: none; color: #B60203; }
#content a:hover { text-decoration: underline; color:#A25350; }
#content a:visited { text-decoration: underline; color:#5D5D5D; }

/* File Type Links, will load thumb image automatically */
a[href$='.pdf'] { background: url(images/icon_pdf.gif) no-repeat top left; padding-left:18px; padding-right:20px; padding-top:0px; padding-bottom:5px }
a[href$='.doc'] { background: url(images/icon_doc.gif) no-repeat top left; padding-left:18px; padding-right:20px; padding-top:0px; padding-bottom:5px }
a[href$='.ppt'] { background: url(images/icon_ppt.gif) no-repeat top left; padding-left:18px; padding-right:20px; padding-top:0px; padding-bottom:5px }
a[href$='.xls'] { background: url(images/icon_xls.gif) no-repeat top left; padding-left:18px; padding-right:20px; padding-top:0px; padding-bottom:5px }
a[href$='.zip'] { background: url(images/icon_zip.gif) no-repeat top left; padding-left:18px; padding-right:20px; padding-top:0px; padding-bottom:5px }
a[href ^='mailto:'] { background: url(images/icon_email.gif) no-repeat top left; padding-left:18px; padding-right:20px; padding-top:0px; padding-bottom:5px }
a img { border: 0; }

/* Images */
.image_right { float: right; margin: 0px 10px 5px 15px; padding: 5px; }
.image_left { float: left; margin: 0px 15px 5px 10px; padding: 5px; }
.image_thumbnail_l { float: left; margin: 0px 15px 15px 15px; padding: 5px; }
.image_thumbnail_r { float: right; margin: 0px 15px 15px 15px; padding: 5px; }
/* border: #999 1px solid; */
.clearboth { clear: both;}

/* Forms */
.rightform {float: right; margin: 0px 10px 5px 15px; padding: 5px; text-align: right;}

/* Alignment */
.center { margin: 0 auto; }
.text-center { text-align: center; }

/* Print Activity */
#print {margin-left: 25px;}

/* Classes for invisible elements in the basic layout */
.skip, .hide, .print { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }
    
/* Skip-links for making the tab navigation visible */
.skip:focus, .skip:active { position: static; top: 0px; left: 0px; height: auto; width: auto; text-decoration: none; color: #327B8E; text-transform: capitalize; }

.homecaption {
	font-size: 0.95em;
    color: #FEFEFE;
	min-width: 997px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #000;
    opacity: .7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #555;
}

.homecaption a { 
    color: #FEFEFE;
}

/* Footer */
#footer { clear:both; padding: 5px 5px 5px 5px; text-align: center; color: #333333; font-size: 0.6em; border-top: 1px solid #666; background-color: #fff; }