/*
	This is the style sheet for the EDMS website.
	Created by John Chandler
*/

* 							{ margin: 0; padding: 0; }
	
body 						{ font-family: Verdana, Arial, Helvetica, sans-serif;
							  font-size: 62.5%; 
							  background: #FFFFFF; }
	
img							{ border: none; }

ul							{ list-style: none; }
a 							{ text-decoration: none; }
p							{ padding-bottom: 10px; }

	
.floatleft 					{ float: left; }
.floatright 				{ float:right; }
.clear 						{ clear: both; }



#page-wrap					{ width: 860px;
							  margin: 0px auto;
							  background: url(../images/wrap-bg.png) center top repeat-y; 
							  border-right: 1px solid #BAB3AB; }
							  
							  
#header						{ height: 100px;
							  padding-left: 20px; 
							  border-bottom: 1px solid #BAB3AB;
							  position: relative; }
							  
							 
#header #logo				{ padding-top: 10px;
							  float: left; }
							  
#header #nav				{ position: absolute;
							  bottom: 20px;
							  right: 30px; 
							  z-index: 1000;
							  font-size: 1.3em; }


							  
/* 
	LEVEL ONE
*/
ul.dropdown                 { position: relative; }
ul.dropdown li              { font-weight: bold; float: left; zoom: 1; }
ul.dropdown a:hover		    { color: #6C000A; }
ul.dropdown a:active        { color: #6C000A; }
ul.dropdown li a            { display: block; padding: 2px 30px; color: #6C000A; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover        { background: #6C000A; color: #FFFFFF; position: relative; }
ul.dropdown li.hover a      { color: #FFFFFF; }
							  
/* 
	LEVEL TWO
*/
ul.dropdown ul 				{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 			{ font-weight: normal; background: #BAB3AB; color: #000; 
							  border-bottom: 1px solid #ccc; float: none; }
									  

								  /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a			{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 			{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 	{ visibility: visible; }							  



#slider						{ height: 300px; 
							  margin-left: 5px;
							  border-bottom: 5px solid #BAB3AB;
							  position: relative; 
							  z-index: 1; }


#sidebar					{ width: 300px;
							  min-height: 380px;
							  float: right;
							  background: #EAEAE5;
							  border-left: 1px solid #BAB3AB; }
							  
#sidebar-content			{ padding: 20px;
							  font-size: 1.3em; } 
							  
							  
#sidebar-content p			{ padding-bottom: 5px;
							  color: #555555; }
							  
#sidebar-content a			{ color: #6C000A;
							  text-decoration: underline; }
							  
#sidebar-content a:hover	{ color: #DF0024; }
							  
							  
							  
.content-box				{ width: 520px;
							  height: 160px;
							  float: left; 
							  margin: 15px 0px 5px 20px;
							  border: 1px solid #BAB3AB; 
							  background: #FCFCF4; }
							  
.content-box .content 		{ padding: 5px 15px 0px 10px;
							  overflow: hidden; }

.content-box .content p     { font: 1.4em Arial, sans-serif; }

.content-box .content p#quote
							{ font-style: italic;
							  letter-spacing: .8px; }
							
.content-box .content p#author
							{ color: #6C000A;
							  font-weight: normal;
							  float: right; }

.content-box .content a 	{ color: #6C000A;
							  text-decoration: underline;
							  font-size: 1.3em; }
							  
.content-box .content a:hover { color: #DF0024; }

.content-box .content #question
							{ float: left; }

							

.content-box .content h2	{ font: 1.8em Arial, sans-serif; 					  
							  color: #6C000A; 
							  padding-bottom: 10px;
							  padding-top: 5px; 
							  font-variant: small-caps; 
							  font-weight: bold; 
							  letter-spacing: 2px; } 						
							
#testimonial				{ background: url(../images/quotation.png) center top no-repeat; }

#footer						{ height: 60px;
							  background: #BAB3AB;
							  margin-left: 5px; }

#footer #footer-content     { padding: 20px;
							  color: #FFFFFF; 
							  text-align: center;
							  font-weight: normal; }
							  
							  
#left-sidebar				{ float: left;
							  width: 250px;
							  background: #EAEAE5;
							  margin-left: 5px; 
							  border-right: 1px solid #BAB3AB;
							  min-height: 650px; }
							  
#links						{ padding: 40px 15px;
							  font-size: 1.1em;
							  font-weight: bold; 
							  text-transform: uppercase; }
							  

#links a					{ color: #6C000A; }
#links a:hover				{ color: #DF0024;
							  text-decoration: underline; }
							  
#links li 					{ padding-top: 5px; }

							  
ul.sub-link					{ text-indent: 25px; }							

							  
#main-content				{ float:right;
							  width: 600px;
							  background: #FFFFFF;
							  min-height: 600px; }
							  
#right-content				{ padding: 30px; 
							  font-family: Arial, sans-serif;
							  color: #333333; }
							  
#right-content h1			{ font-size: 2.4em;
							  font-weight: normal; 
							  color: #6C000A;
							  padding-bottom: 10px;
							  text-transform: uppercase; }

#right-content h2			{ font-size: 1.7em;
							  font-weight: normal;
							  color:#6C000A;
							  font-family: Georgia, serif;
							  font-style: italic;
							  padding-bottom: 20px; }
							  
#right-content p			{ font: 1.5em Arial, sans-serif; 
							  line-height: 1.3em; }

#right-content p.author		{ font: 1.5em Georgia, serif;
							  color: #6C000A;
							  font-weight: bold;
							  float: right;
							  text-align: right; }
							  
#right-content a			{ color: #6C000A; }							  
#right-content a:hover		{ color: #DF0024; }


#right-content ul			{ font: 1.5em Arial, sans-serif;
							  padding-left: 35px;
							  padding-bottom: 10px;
							  list-style: circle; }
					
#right-content ul li		{ padding-bottom: 5px; }				

#right-content table		{ font: 1.5em Arial, sans-serif; }
#right-content table td		{ padding: 3px; }


#main						{ min-height: 650px; }

#banner						{ margin-left: 5px;
							  border-bottom: 1px solid #6C000A; 
							  height: 80px; }