@charset "utf-8";
/* CSS Document */

/*_______________________________________*/
/*   Template for the Slide Rule course	 */
/*   Created by Julio C. castro 	     */
/*   GLGT                       		 */
/*   Updated 1.02.2013 v1.0  		     */
/*_______________________________________*/

/*_________________________________________________________________________________________________________*/
/*                                                                                                         */
/*     PLEASE READ:                                                                                        */
/*                                                                                                         */
/*     All the styles below can be overridden by using inline styles or using specificity.                 */
/*     Read about specificity at http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html      */
/*                                                                                         			       */
/*_________________________________________________________________________________________________________*/


/*_________________________________________________________________________________________________________*/
/*                                    RESET                                                                         */
/*  These styles remove and neutralize the default styling of HTML elements for better cross-browser compatibility. */
/*_________________________________________________________________________________________________________*/	
		
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,
img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
table,td,th{vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
/*__________________________________________________________________________________________________________________*/
/*                                    END RESET                                                                     */
/*__________________________________________________________________________________________________________________*/

/*___________________________________________________________________________________________________________________*/
/*                                       GLOBAL PAGE STYLES                                                                                     
/*___________________________________________________________________________________________________________________*/
html {
	background-color: #CCC; /*html background color */	  
} 



body {
	font-family: Arial, Helvetica, sans-serif; /*Body font in order of priority. The one chosen depends on the available fonts on the user system*/
	font-size:100%; /*Body font size. This should be set in a percentage to help consistency across browsers when using zoom*/
	color: #000000; /*Body font color*/
	line-height:1.2em; /*Body line-height*/
	text-align: left; /*Centers all text in body*/
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: #CCC; /*html background color */
}

/*___________________________________________________________________________*/
/*    The background color, height and width of the header is set here      */
/*__________________________________________________________________________*/		
#header {
	height: 100px; /*header height*/
	background-color: #343079; /* the background color. This will probably not show unless an image is missing */ 
	border-bottom: 1px solid #FFFFFF;
}

#header .header_image {
	margin: 0 0 0 200px;
}

#header_title {
	width: 850px;
	height: 25px;
	color: #000000;
	background-color: #cfc34d;/*#939191;*/
	position: relative;  /* declaring a relative position will move it relative to the spot it would have been in by the amount declared in the next 2 lines of code*/
	margin: 0 0 0 200px;
	padding: 0px 0px 5px 0px;
}

#header_title h2 {
	font-size: 15px;
	font-style: italic;
	padding: 5px 0px 0px 50px;
	margin: 0px 0px 0px 0px;
}

#header_title h4 {
	font-size: 15px;
	font-style: italic;
	padding: 0px 0px 0px 50px;
	margin: -28px 0px 0px 0px;
}

#header_title img {
	margin: 0px 0px 0px 10px;
}

#header_title a {
	color: #000000;
	text-decoration: none;
	border: none;
}

#header_title a:hover {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#header_modnav {
	width: 450px; 
	height: 25px;
	float: right;
	text-align: center;
	padding: 5px 10px 0px 0px; 
	margin: 0px 200px 0px 0px;
	vertical-align: middle; 
	background-color: #cfc34d;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#header_modnav ul li {
	font-size: 16px;
	display: inline;
	border-right: 1px solid #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 0px;
}

#header_modnav ul li:first-child {
	display: inline;
	border-right: none;
	padding: 0px 4px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#header_modnav ul li:last-child {
	display: inline;
	border-right: none;
	padding: 0px 14px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#modnav_title {
	display: inline;
	border-right: none;
	padding: 0px 0px 0px 2px;
	margin: 0px -6px 0px 0px;
}

.lesson_selected {
	font-weight: bold;
	text-decoration: underline;
	color: #343079;
}

/*___________________________________________________________________________*/
/*     This houses all the sections of text between the header and footer    */
/*___________________________________________________________________________*/	
#content {
	margin: 0 0 0 200px; /* sets the margins. The first figure declares the top and bottom, the second figure declares the left and right*/
	text-align: left; /*aligns all text within the content div on the left*/
	width: 850px; /*as with other containing elements on this page the 750px width is defined here*/
}

/*Content for reading pages*/
#reading {
	border:1px #999 solid;
	margin: 5px 0 0 200px;
	width: 850px;
	overflow:auto;
	height:450px;
	background-color: #FFFFFF;
}

/*________________________________________________________________________*/
/*   Adds background color to the footer and color to the footer text    */
/*________________________________________________________________________*/
#footer {
	background-color: #343079; /* Declares the footer background color*/
	color: #FFFFFF; /* Makes the footer text white and is inherited by the footer content*/ 	
	clear: both;/* This will clear the footer in the case of any floated elements above it*/
	font-size: 16px;
	height: 50px;
	border-top: 1px solid #FFFFFF;
}

#footer .copyright {
	width: 350px;
	float: left;
	text-align: left;
	margin: 10px 0px 0px 220px;
}

#footer a {
	text-decoration: none;
	border: none;
}

#footer .copyright a {
	text-decoration: none; 
	color: #FFFFFF; 
	border: none;
}

#footer .copyright a:hover {
	color: #000000; 
	border-bottom: 1px solid #000000; 
}

/*_________________________________________________________________________________________________________________________*/
/*                                                    END OF GLOBAL PAGE STYLES                                                                  */
/*__________________________________________________________________________________________________________________________*/

/*____________________________________*/
/*        TEXT STYLES                 */
/*____________________________________*/
h1, h2, h3, h4, h5 {
	font-weight: bold;
	margin: 5px 10px 0px 10px;
	padding: 5px 0px 2px 0px;
}

h1 {
	font-size: 18px;
	margin: 0px 10px 3px 10px;
	border-bottom: 1px solid #999999;			
}

h2 {
	font-size: 17px;
}

h3 {
	font-size: 16px;
	margin: 0px 10px 3px 10px;
	border-bottom: 1px solid #999999;			
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 14px;
}

p {
	font-size: 12pt;
	margin: 0px 0px 7px 0px;
	padding: 0px 10px 0px 10px;
}

cite {
	padding: 0 35px; /* All cite tags will have 0 padding for top and bottom and 35px on the left and right */
	display: block; /* Will ensure the cite is displayed as block as opposed to inline. This will make your cite reference appear on a new line of its own. */
}

code {
	font-family: 'Courier New',Courier,monospace; /* Declares the font family in order of preference depending on the users system. */
	border: 1px solid #6CC; /* Adds a 1px wide solid border with a color declared */
	border-left-width: 8px; /* Makes the left side border width 8px instead of 1px */
	padding: 6px; /* Adds 6px of padding all around the code block */
	margin: 10px; /* adds 10px of margin around the code block */
	background-color: #D9FFFF; /* Declares the background color */
	display: block; /* ill ensure the code is displayed as block as opposed to inline. This will make your code block will appear on a new line of its own. */
	font-weight: bold; /* Makes code font bold */
}

/*____________________________________*/
/*          LIST STYLES               */
/*____________________________________*/
ul, ol {
	font-size: 12pt;
	margin: 0px 0px 10px 25px;
	padding: 0px 10px 0px 0px;
}

ul ul, ol ol {
	padding-top: 10px; /* Adds 10px padding to the top of all nested lists */
	margin-left: 15px; /* Adds a 15px margin to the left of all nested lists*/
}

li {
	margin: 0px 0px 5px 15px;
	padding: 0px 0px 0px 0px;
}

ul li {
	/* list-style-image: url(../images/bullet.gif); Uses an image on all bulleted lists */
	list-style-type: disc; /* This is a fall back in case the image does not display for some reason */
}

ul ul li {
	list-style-image: none;
	list-style-type: disc; /* This is a fall back in case the image does not display for some reason */
	margin: 0px 0px 3px 10px;
	padding: 0px 0px 0px 0px;
}

ul ul ul li {
	list-style-image: none;
	list-style-type: circle; /* This is a fall back in case the image does not display for some reason */
}

ol li {
	list-style-type: decimal; /* This is a fall back in case the image does not display for some reason */
}

ol li ol {
	margin: 0px 0px 3px 10px;
	padding: 0px 0px 0px 0px;
}

ol ol li {
	list-style-type: lower-alpha;
}

ul ol li {
	list-style-image: none;
}

ol ul li {
	list-style-image: none;
	list-style-type: disc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*____________________________________*/
/*           LINK STYLES              */
/*____________________________________*/
a {
	color: #794715;
}

a:hover {
	text-decoration: none;
	border-bottom: none;
}
		
		
/*____________________________________*/
/*          TABLE STYLES              */
/*_____________________________________*/
table {
	width: 97%;
	border: 1px solid #CCCCCC;
	padding: 0px 0px 0px 0px;
	margin: 5px 10px 5px 10px;
	font-size: 12px;
	border-collapse: collapse;
}

tr {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

td {
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
}

th {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
}

/*---------- Automatic File-Type Icon Placement ----------*/
a[href $='.pdf'] { 
	padding: 0px 17px 2px 0px;
	margin: 0px 2px 0px 0px;
	background: transparent url("../imgs/icons/pdf_icon.gif") no-repeat center right; /* PDF files */
}

#footer a[href $='.pdf'] { 
	padding-right: 0px;
	background: none; /* remove Word document icon in footer */
}

a[href $='.doc'] { 
	padding: 0px 18px 2px 0px;
	margin: 0px 2px 0px 0px;
	background: transparent url("../imgs/icons/doc_icon.gif") no-repeat center right; /* Word documents */
}

#header a[href $='.doc'] { 
	padding-right: 0px;
	background: none; /* remove Word document icon in header */
}

#header_adanav a[href $='.doc'] { 
	padding-right: 0px;
	background: none; /* remove Word document icon in header_adanav */
}

#footer a[href $='.doc'] { 
	padding-right: 0px;
	background: none; /* remove Word document icon in footer */
}

a[href $=".ppt"], a[href $=".pptx"] {
	padding: 0px 18px 2px 0px;
	margin: 0px 2px 0px 0px;
	background: transparent url("../imgs/icons/ppt_icon.gif") no-repeat center right; /* PowerPoint files */
}

a[href $=".wmv"] {
	padding: 0px 20px 0px 0px;
	margin: 0px 2px 0px 0px;
	background: transparent url("../imgs/icons/wmv_icon.gif") no-repeat center right; /* Windows Media Video files */
}

a[href $=".xls"] {
	padding: 0px 20px 0px 0px;
	margin: 0px 2px 0px 0px;
	background: transparent url("../imgs/icons/xls_icon.gif") no-repeat center right; /* Excel files */
}

.slider {
	width: 800px;
	margin: 10px auto;
}