/* CDROM Template Version 2.0 
Activity CSS*/

/* Body */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }

/* Container */
#container { margin: auto; margin-bottom: 10px; width: 100%; background-color: #ffffff; color: #ccc; }
	
/* Header */
#header{ text-align: left; color: #000; font-size: 1.3em; font-family: Times New Roman, Times, serif; height: 55px; width: auto; padding: 0px; background-color: #ccc; border-bottom: 1px solid #666; }
#falogo { float: left; display: block; padding:0px 0px 0px 0px ; text-decoration: none; }
#fhead { float: left; display:block; list-style-type: none; padding: 10px 10px 10px 10px; }
#csucrest { text-align: left; text-decoration: none;  margin-right: 10px; }
#header a:link { text-decoration: none; color: #fff; }	
#header a:hover { text-decoration: none; color: #000; }	
#header a:visited { text-decoration: none; color: #fff; }	

/* Main Content */
#content { margin-left: 25px; margin-top: 5px; padding: 1.2em; background: #fff; color:#666; text-align: left; font-size: 1em; }

/* Text Formatting */
h1 { font-size: 1.2em; padding-bottom: 0.4em; color: #780500; }
h2 { font-size: 1.1em; color: #666; padding-bottom: 0.4em; padding-top: 0.4em; }
h3 { font-size: 1em; padding-bottom: 0.4em; padding-top:0.4em; padding-left: 1em;  color: #780500; background-color: #E7E7E7; border: 1px solid #ccc; }
h4 { font-size: 0.9em; padding-bottom: 0.4em; color: #000; }
p { font-size: 0.8em; color: #000; }
p.top { text-align:right; padding-right: 15px; background: url(images/top_page.gif) no-repeat bottom right #fff; 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.tab1 { padding-left: 2em; text-indent: 0em; }
p.tab2 { padding-left: 6em; text-indent: 0em; }
p.tab3 { padding-left: 10em; text-indent: 0em; }

/* Lists */
.square { list-style-type: square; padding: 0px 0px 5px 0px; font-size: 0.8em; list-style-position: outside; color: #000; }
.arrow { list-style-image: url(images/arrow.gif); padding: 0px 0px 5px 0px; font-size: 0.8em; list-style-position: outside; color: #000; }
#content ul li { font-size: 0.8em; list-style-position: outside; color: #000; }
#content ol li { font-size: 0.8em; list-style-position: outside; color: #000; padding: 0px 0px 5px 0px; }

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

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