/* CSS Document */

/* ------------------------------- formatting ----------------------------- */

body {
	margin: 0;
	padding: 0;
	}

h1 {
	font: bold large "Trebuchet MS", sans-serif;
	color: #684750;
	margin-top: 0px;
	}

h2 {
	font: bold 0.9em "Trebuchet MS", sans-serif;
	color: #684750;
	}

p {
	font: 0.7em "Trebuchet MS", sans-serif;
	}

.sponsorbold {
	font: bold 0.7em "Trebuchet MS", sans-serif;
	color: #684750;
	}

.sponsor {
	font: 0.7em "Trebuchet MS", sans-serif;
	color: #684750;
	}

.sponsor2 {
	font: 0.7em "Trebuchet MS", sans-serif;
	font-style: italic;
	color: #684750;
	}

.winipod {
	margin: 0 5 0 0;
	font: bold 0.9em "Trebuchet MS", sans-serif;
	color: #684750;
	}

.winipod2 {
	margin: 0 5 0 0;
	font: bold 0.9em "Trebuchet MS", sans-serif;
	color: #FFFFFF;
	}

.winipod2 a:link {
	color: #FFFFFF;
	}

.winipod2 a:visited {
color: #FFFFFF;
}

.winipod2 a:hover {
color: #684750;
}

.winipod2 a:active {
color: #FF9933;
}

.winipod3 {
	margin: 0 5 0 0;
	font: bold 0.9em "Trebuchet MS", sans-serif;
	color: #FC8F01;
	}

.phone {
	margin: 0 5 0 0;
	font: bold 1em "Trebuchet MS", sans-serif;
	color: #684750;
	}

#center p {
	font: 0.8em "Trebuchet MS", sans-serif;
	color: #684750;
	}

.mailing {
	font: 1 em "Trebuchet MS", sans-serif;
	color: #684750;
	}

.mailing a:link {
	color: #FF9933;
	}

.mailing a:visited {
color: #684750;
}

.mailing a:hover {
color: #684750;
}

.mailing a:active {
color: #FF9933;
}

.ved {
	font: 1 em "Trebuchet MS", sans-serif;
	color: #FF9933;
	}

.ved a:link {
	color: #FF9933;
	}

.ved a:visited {
color: #684750;
}

.ved a:hover {
color: #684750;
}

.ved a:active {
color: #FF9933;
}

.copyright {
	font: 1 em "Trebuchet MS", sans-serif;
	color: #FF9933;
	}

.quote {
	margin: 5px;
	padding: 4px 4%;
	font: 1.2em "Trebuchet MS", sans-serif;
	color: #FF9933;
	}

.quote2 {
	margin: 5px;
	padding: 4px 4%;
	font: 1.2em "Trebuchet MS", sans-serif;
	color: #684750;
	}

h5 {
	margin: 6px;
	text-align: left;
	font: bold 0.5em "Trebuchet MS", sans-serif;
	color: #684750;
	}

a {
	color: #FF9933;		
	}

a:hover {
	color: #684750;	
	}

hr {
	color: #FFFFFF;
	height: 1px;
	}
	
/*
------------------------------- layout ----------------------------- 

Notes:

Do not mix px widths with % widths for margins, borders or padding because 
the total box width = set width + padding + border.  (It helps if you can add them together)

The box model hack is used to fix an bug in IE5-Win ...for an explanation from the guy that
wrote it go to http://www.tantek.com/CSS/Examples/boxmodelhack.html

IE6-Win will behave like IE5-Win  if you include <?xml version="1.0"?>  It is apparently
unneccessary so leave it out!

Left Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |   0    |          25%         |   0    |	
 
Center Margins:
 |  marg  |         width        |  marg  | 
 ------------------------------------------
 |   25%  |        (auto)        |   20%  |

Right Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |  1.5%  |          22%         |  1.5%  |				total width= 25%
 

*/

#top {
background-image: url(images/index-image-02.jpg); 
background-repeat: no-repeat;
background-position: 100%; 
background-color: #97B8AF;
height: 216px;
}

#top02 {
background-image: url(images/courses-image.jpg); 
background-repeat: no-repeat;
background-position: 100%; 
background-color: #97B8AF;
height: 216px;
}

#top03 {
background-image: url(images/about-image.jpg); 
background-repeat: no-repeat;
background-position: 100%; 
background-color: #97B8AF;
height: 216px;
}

#top04 {
background-image: url(images/contact-image.jpg); 
background-repeat: no-repeat;
background-position: 100%; 
background-color: #97B8AF;
height: 216px;
}

#top05 {
background-image: url(images/links-image.jpg); 
background-repeat: no-repeat;
background-position: 100%; 
background-color: #97B8AF;
height: 216px;
}

#top06 {
background-image: url(images/terms-image-02.jpg); 
background-repeat: no-repeat;
background-position: 100%; 
background-color: #97B8AF;
height: 216px;
}
	
#top07 {
background-image: url(images/sitemap-image-02.jpg); 
background-repeat: no-repeat;
background-position: 100%; 
background-color: #97B8AF;
height: 216px;
}

#clear {
	clear: both;
}

#left {
	position: absolute;
	padding: 0px;
	top: 230px;
	width: 20%;
	color: #FFFFFF;
	}

#center {
	margin-left: 21%;
 margin-right: 24%;
	padding-right: 10px;
	padding: 20px;
	}

#sponsor {
	position: absolute;
	right: 10px;
	top: 230px;
	width: 18%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	text-align: left;
	background: #B9D1CB;
	}

#footer {
	clear: both;
	padding-left: 10px;
	border-top: 1px solid #5C6F90;
	}

/* 
-------------------------------- Navigation ------------------------------ 

List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/
*/

ul#plist li {
	font: 0.8em "Trebuchet MS", sans-serif;
	color: #684750;
	padding: 3px;
	}

ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #97B8AF;
	}
		
ul#mainnav li {
	display: block;
	border-top: 1px solid #FFFFFF;
	}

ul#mainnav li a {
	display: block;
	margin: 0px;
	padding: 6px 6%;
	background-color: #97B8AF;
	font: bold 0.8em /1.5 "Trebuchet MS", sans-serif;		
							/* If you get an unwanted gap after your a block (IE-Win) try 
							increasing the line height		*/
	color: #fff;
	text-decoration: none;
	width: 88%;				
					/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#mainnav li#active a {
	background-color: #FF9933;
	color: #eee;
	}

ul#mainnav li a:hover {
	background-color: #FF9933;
	color: #eee;
	}
	
ul#mainnav ul.subnav {
	margin: 0px;
	list-style: none;
	padding-left: 10px;
	background-color: #B6A6AA;
	}

ul#mainnav ul.subnav li {
	display: block;
	border-top: 0 none;
	padding-left: 10px;
	border-bottom: 1px solid #FFFFFF;
	}

ul#mainnav ul.subnav li a {
	padding: 1%;
	margin: 0px;
	font: 0.7em /1.5 verdana, sans-serif;
	color: #684750;
	background-color: transparent;
	}

ul#mainnav ul.subnav li a:hover {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	}
	
ul#mainnav ul.subnav2 {
	margin: 0px;
	list-style: none;
	padding-left: 10px;
	background-color: #B6A6AA;
	}

ul#mainnav ul.subnav2 li {
	display: block;
	border-top: 0 none;
	padding-left: 10px;
	border-bottom: 0px solid #FFFFFF;
	}

ul#mainnav ul.subnav2 li a {
	padding: 1%;
	margin: 0px;
	font: 0.7em /1.5 verdana, sans-serif;
	color: #684750;
	background-color: transparent;
	}

ul#mainnav ul.subnav2 li a:hover {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	}