/* CDROM Template Version 2.0 
Layout CSS*/

/* Body */
body { background-color: #333; text-align: center; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background-position: bottom; }

/* Container */
#container { margin-left: auto; margin-right: auto; margin-bottom: 10px; margin-top: 15px; width: 90%; min-width: 777px; 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: 25px; width: auto; padding: 0; background-color: #ccc; border-top: 1px solid #666; border-bottom: 1px solid #666; }
#falogo { float: left; display: block; padding:0 0 0 10px ; text-decoration: none; }
#fhead { float: left; display:block; list-style-type: none; margin: 0 0 0 10px; padding: 0; 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: 94px; width: auto; background-color: #000; background-image: url(grey_header.jpg); background-position:  left 50%; background-repeat: no-repeat; border-bottom: 1px solid #ff66ee; border-top: 1px solid #ff6633; }
#masthead p { text-align: right; font-weight: 500; color: #fff; padding: 20px; font-size: 1.2em; text-decoration: none;}  

/* 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: #333; color: #fff; }
#topnav li .current { background-color: #333; color: #fff; }

/* Side Navigation - Right Aligned */
#sidenav { float: right; display: block; margin-left: 0; padding-left: 0; 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: 10px 0 0 25px; }
#sidenav ul { margin: 0; padding: 0; list-style-type: none; font-family: verdana, arial, Helvetica, sans-serif; }
#sidenav li { margin: 1px 1px 1px 0; 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: 0 1px 1px 0; 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: #333; text-decoration: none; }
#sidenav li .current { color: #fff; text-decoration: none; background: #333 url(images/arrow_dash_left.gif) no-repeat 5% 55%; }
#sidenav a:hover { color: #fff; text-decoration: none; background: #333 url(images/arrow_dash_left.gif) no-repeat 5% 55%; }

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

/* Text Formatting */
h1 { font-size: 1.2em; padding-bottom: 0.4em; padding-left: 15px; color: #333; }
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: #333; 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: #333; }
p { font-size: 0.8em; padding-left: 15px; color: #000; }
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: #666; }
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 */
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 */
#content ul li, #subcontent ul li { font-size:0.8em; color: #000; list-style-image:url(images/arrow.gif); 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}

/* 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 center right; padding-left:0; padding-right:20px; padding-top:5px; padding-bottom:5px }
a[href$='.doc'] { background: url(images/icon_doc.gif) no-repeat center right; padding-left:0; padding-right:20px; padding-top:5px; padding-bottom:5px }
a[href$='.ppt'] { background: url(images/icon_ppt.gif) no-repeat center right; padding-left:0; padding-right:20px; padding-top:5px; padding-bottom:5px }
a[href$='.xls'] { background: url(images/icon_xls.gif) no-repeat center right; padding-left:0; padding-right:20px; padding-top:5px; padding-bottom:5px }
a[href$='.zip'] { background: url(images/icon_zip.gif) no-repeat center right; padding-left:0; padding-right:20px; padding-top:5px; padding-bottom:5px }
a[href ^='mailto:'] { background: url(images/icon_email.gif) no-repeat center right; padding-left:0; padding-right:20px; padding-top:5px; padding-bottom:5px }

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

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

/* 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: 0; left: 0; height: auto; width: auto; text-decoration: none; color: #327B8E; text-transform: capitalize; }

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