/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:1em;
	background-color:#FFFFFF;
	background-image:url(images/header_background.gif);
	background-position:top;
	background-repeat:repeat-x;
	}
	
.sitecontainer {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}
	
.clear {
	clear:both;
	height:0;
	}
	
p {
	font-size:.9em;
	color:#666666;
	padding:10px 0 0 0;
	}
	
h1 {
	font-size:1.1em;
	color:#53a646;
	font-weight:bold;
	padding:5px 0 5px 0;
	}
	
h2 {
	font-size:1.1em;
	color:#333333;
	font-weight:bold;
	}
h3 {
	color:#999999;
	font-size:1.0em;
	}

	
h5 {
	font-size:.9em;
	color:#999999;
	font-weight:bold;
	}
	
ul {
	font-size:.9em;
	color:#666666;
	}
	
img {display:block;}
	

	
	
	
/*---------------------------------------------------------- DIV 1 ----------------------------------------------------------*/

.div1 {
	clear:both;
	height:0;
	}
	
.logo {
	float:left;
	}
/*	
.quote {
	float:right;
	color:#FFFFFF;
	font-size:.8em;
	text-align:right;
	padding:20px 0 0 0;
	width:350px;
	}*/


/*---------------------------------------------------------- DIV 2 ----------------------------------------------------------*/

.div2 {
	clear:both;
	margin:0px;
	padding:0px;
	}
	

/*---------------------------------------------------------- DIV 3 ----------------------------------------------------------*/

.div3 {
	clear:both;
	}
	
.headerimage {
	float:left;
	border:1px #CCCCCC solid;
	}

/*---------------------------------------------------------- DIV 4 ----------------------------------------------------------*/

.div4 {
	clear:both;
	width:900px;
	margin-top:10px;
	}
	
.div4 a {color:#53a646; text-decoration:underline;}
.div4 a:visited {color:#53a646; text-decoration:underline;}
.div4 a:hover {color:#AEDC85; text-decoration:none;}
	
.leftmain {
	float:left;
	width:590px;
	padding-right:10px;
	}
	
.centermain {
	float:left;
	width:280px;
/*	height:275px;*/
	padding:0 10px 0 10px;
	border-left:#333333 solid 1px;
	border-right:#333333 solid 1px;
	}
	
.centermain img {padding-left:5px;}
	
.rightmain {
	float:right;
	width:280px;
	padding:0 0 0 10px;
	border-left: #666666 dotted 1px;
	}
	
.rightmain img {
	padding-top:5px;
	}
	
.content {
	float:left;
	width:900px;
	}
	
	.content li {
		font-size:.8em;
		color:#666666;
		padding-left:10px;
		}
		
.oppcontent {
	float:left;
	width:900px;
	}
		
.oppleftbox {
	float:left;
	width:415px
	}
	
.opprightbox {
	float:left;
	width:415px;
	padding-left:50px;
	}
	
.highlightsbox {
	float:right;
	background-color:#999999;
	color:#FFFFFF;
	width:860px;
	margin:25px 0 0 0;
	padding: 20px;
	}
	
	.highlightsbox li {
		color:#FFFFFF;
		font-size:.9em;
		}
		
	.highlightsbox p {
		color:#FFFFFF;
		padding:0;
		}
		
	.highlightsboxtop {
		float:left;
		width:400px;
		margin-left:30px;
		}
	
	.highlightsboxbottom {
		float:right;
		width:500px;
		margin-right:370px;
		}
	
.content1 {
	float:left;
	width:700px;
	}
	
	.content1 li {
		font-size:.8em;
		color:#666666;
		margin-left:40px;
		}
	
.seminarbox {
	clear:both;
	margin:20px 0 0 0;
	}
	
.signupbutton {
	float:left
	}
	
.seminarevent {
	float:left;
	padding:27px 20px 0 20px;
	}

/*---------------------------------------------------------- DIV 5 ----------------------------------------------------------*/

.div5 {
	clear:both;
	background-color:#666666;
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-top:15px;
	}

.footer {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}	
	
.footer p {
	color:#FFFFFF;
	font-size:.7em;
	}
	
.footer h3 {
	color:#FFFFFF;
	font-size:.5em;
	}
	
.footer a {color:#FFFFFF; text-decoration:none;}
.footer a:visited {color:#FFFFFF; text-decoration:none;}
.footer a:hover {color:#CCCCCC; text-decoration:underline;}
	
.footerleft {
	float:left;
	}
	
.footerright {
	float:right;
	text-align:right;
	width:650px;
	}
	
.h5footer {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0 0 0;
	text-align:right;
	}

.icons {
	float:left;
	width:250px;
	}
	
	.lefticon {
		float:left;
		}
	
	.righticon {
		float:left;
		padding:0 0 0 20px;
		}
	
	.icons p {color:#FFFFFF; font-weight:bold}
	.icons a {color:#FFFFFF; text-decoration:underline;}
	.icons a:visited {color:#FFFFFF; text-decoration:underline;}
	.icons a:hover {color:#CCCCCC; text-decoration:underline;}
	
/*-------------------------------------------------CONTACT FORM-------------------------------------------------*/

.formContainer {
	color:#666666;
	}

.formLabel {
	text-align:right;
	padding:0px 10px 0px 10px;
	color:#666666;
	}

.requiredLabel {
	padding:0px 0px 0px 10px;
	font-size:.7em;
	color:#666666;
	}

.formField {
	padding:5px 0px 5px 0px;
	font-size:.9em;
	color:#666666;
	}

fieldset {
	border:solid 1px #666666;
	font-size:.9em;
	}

.errorField {
	background-color:#DDD4AF;
	font-size:.9em;
	color:#666666;
	}

.requireNote {
	color:#666666;
	font-size:.9em;
	}
	
label {
	width: 100px;
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: top;
	margin-left:20px;
	padding-right:20px;
	}
/*-----------------------------------Audio Clips-----------------------------------*/

.audiocontainer2{
	float:left;
	padding-left:20px;
	width:175px;
	}

.audiocontainer{
	width:700px;
	}
	
.audioclips{
	}

.audioDiv {

	}

.audioDiv img {
	float:left;
	margin:10px 10px 10px 0px;

	}

/*-----------------------------------Image Gallery-----------------------------------*/

.gallery {


	}

.gallery img {
	margin:10px 10px 10px 0px;
	}
	
	
	
	
/*--------------------------------Menu----------------------------------*/

@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

#nav {
	float:left;
	width:900px;
	}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 background-color:#6DB33F;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */

@import "helper.css";


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown {
 	font-weight: bold;
	}

	ul.dropdown li {
	 padding: 3px 25px 5px 25px;
	 border-style: solid;
	 color:#FFFFFF;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #eee;
	 color:#FFFFFF;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color:#FFFFFF; text-decoration: none; }
	ul.dropdown a:hover		{ color:#666666; }
	ul.dropdown a:active	{ color:#FFFFFF; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}
	
	.dir ul {
		background-color:#6DB33F;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-position: 100% 50%;
}

ul.dropdown-upward *.dir {
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-position: 0 50%;
}