/* ------------
   general
------------ */
body,h1,h2,h3,h4,h5,h6,dt,dd,dl,ol,p,form,fieldset,a,img{
	margin:0; 
	padding:0; 
	border:0; 
	list-style:none;
}
body{ margin-bottom:20px; font:100 14px verdana;}

.wide { width:1000px; }

a { text-decoration:none; color:#548bff; }
a:hover { text-decoration:underline; }

#all {
	margin:10px auto;
	font:100 14px verdana;
	color: #333;
}

/* ------------
   header
------------ */
#header, #logo, #slogan, #contact { height:90px; }
#header { margin-bottom:20px; position:relative; float:left; }
#logo, #slogan { float:left; }
#logo img { margin-top:0; }

#homebuttons{
	margin:100px auto;
	width: 450px;
	text-align:center;
	}
	
#homebuttons a {text-decoration:underline;}
	
.frontbutton{
	margin: 30px 0;
	}

#logo h2{margin:3px 0 0 0;padding:0;font-size:13px;font-weight:normal;font-style: italic}
#contact { float:right; text-align:right; }
#contact h2{margin:5px 0 0 0;padding:0;font-size:18px;}

#menu { background:url(images/menu-backgrd2.gif) top left repeat-x; height:30px; position:relative; float:left; }
#menu div { padding:5px 0 0 20px; }
#menu span.menuItem { margin:20px 0 20px 0; color: #afc9ff; font-weight:bold}
#menu span.menuItem a { color:#fff; font-weight:bold; }
#menu span.menuItem a:hover { color:#afc9ff; text-decoration:none;}
#menu span.divider { color:#fff; }

#slideshow { background:url(images/slide01.jpg) top left no-repeat; height:400px; position:relative; float:left; }

#slideshowB { background:url(images/piper-slide.jpg) top left no-repeat; height:387px; position:relative; float:left; }

#mainContent { height:400px; position:relative; float:left; }
#mainContent h1 {margin: 20px 0 15px 0; padding: 0 0 0 0; font-size: 18px;}

#copyArea {width: 600px; float:left;padding-right:20px}
#photoArea {border-left: dotted 1px; float:left;margin-top:20px;padding-left: 20px;}
#photoArea p {font-size: 10px; margin: 3px 0 20px 0;}

#slideInfo { float:left; padding:20px; color:#FFF; width:600px; }
#slideInfo h1 { font-size:17px; font-weight:bold; margin-bottom:10px; }
#slideInfo p { margin:0 0 5px 0; }

#slideModulesContainer { float:right; width:250px; }
.slideModule {
	width:210px;
	margin:20px 20px 0 0;
	background:#FFF;
	padding:5px;
	font-size:10px;
}

.noHover {
	opacity:.75;
	filter:alpha(opacity=75);
}
.hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.slideModule img { float:left; margin:0 10px 0 0; }
.slideModule p { margin:0 0 2px 0; }
.slideModule p.learnMore { text-align:right; padding-right:20px; }
.slideModule h1 { font-weight:bold; margin:0 0 5px 0; font-size:10px; }
.slideModule#top { margin-top:20px; }

#bottomContent { margin-top:20px; position:relative; float:left; padding-bottom: 20px; margin-bottom: 40px;}
#bottomContent .module { width:320px; float:left; padding-right:20px; }
#bottomContent .module h1 { color:#670468; font-size:14px; }
#bottomContent .module hr { color:#670468; }
#bottomContent .module a.learnMore { float:right; margin-top:5px; }
#bottomContent .moduleLast { width:320px; float:left; }
#bottomContent .moduleLast h1 { color:#670468; font-size:14px; }
#bottomContent .moduleLast hr { color:#670468; }
#bottomContent .moduleLast a.learnMore { float:right; margin-top:5px; }
#bottomContent ul { padding:0 0 0 25px; margin:0; }
#bottomContent li { padding-bottom: 10px;}

#footer { height:30px; margin-top:20px; position:relative; float:left; border-bottom:dotted 3px;}


#supportPage { position:relative; float:left; }

#supportPageInfo { float:left; padding:20px; color:#000; width:600px; }
#supportPageInfo h1 { font-size:17px; font-weight:bold; margin-bottom:10px; }
#supportPageInfo p { margin:0 0 5px 0; }

#supportPageImgContainer { float:right; }
#supportPageImgContainer img { margin:20px; border:solid 1px; }

.faq {margin-top: 20px;font-style: italic; font-size: 14px;font-weight:bold;}

.alert{color: #548bff; margin:5px 0 15px 0; font-size: 18px;}

.course{background:#f0f0f0; border:dotted 1px; padding: 0 15px 15px 15px; margin: 0 0 40px 0;}

.course h1{margin:0;padding:0;}

th{text-align:left;}

.smallprint {margin: 20px 0; font-size: 12px}

fieldset{
	width: 450px;
	padding: 20px;
	border: 2px dotted #ccc;
	}
	
label{
	margin-right: 20px;
	display: block;
	}
	
.textField{
	font-size: 18px;
	color: #333;
	background: #efefef;
	}

.alert{
	color: #bd2027;
	font-weight: bold;
	}