/**************************************************************/
/***** BASIC (STATIC) SITE STYLES 		  				  *****/
/**************************************************************/
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #6E5E63;
}

#oneCol #wrapper {
	text-align: center; /*Added to center the header & footer divs in IE6.0 */
	width: 920px;
	margin: 0px auto;
	padding: 0px 5px 0px 5px;
	background:  #643648 url(../images/wrapper-bg1.gif) repeat-y fixed center;
	font-family: arial, sans;
}

#twoCol #wrapper {
	text-align: center; /*Added to center the header & footer divs in IE6.0 */
	width: 940px;
	margin: 0px auto;
	padding: 0px 5px 0px 5px;
	background:  #643648 url(../images/wrapper-bg2.gif) repeat-y fixed center;
	font-family: arial, sans;
}

#threeCol #wrapper {
	text-align: center; /*Added to center the header & footer divs in IE6.0 */
	width: 920px;
	margin: 0px auto;
	padding: 0px 5px 0px 5px;
	background:  #643648 url(../images/wrapper-bg3.gif) repeat-y fixed center;
	font-family: arial, sans;
}

/**************************************************************/
/***** HIGHLIGHT ACTIVE PAGE STYLES 		  			  *****/
/**************************************************************/
body.home #nav #home {
	background: #549C80;
	color: #FFF;
	border: 1px solid #643648;
	border-left: 5px solid #643648;
	left-margin: -5px;
}

body.announcements #nav #announcements {
	background: #549C80;
	color: #FFF;
	border: 1px solid #643648;
	border-left: 5px solid #643648;
	left-margin: -5px;
}

body.classes #nav #classes{
	background: #549C80;
	color: #FFF;
	border: 1px solid #643648;
	border-left: 5px solid #643648;
	left-margin: -5px;
}

body.classes #nav #online{
	background: #549C80;
	color: #FFF;
	border: 1px solid #643648;
	border-left: 5px solid #643648;
	left-margin: -5px;
}

body.registration #nav #registration {
	background: #549C80;
	color: #FFF;
	border: 1px solid #643648;
	border-left: 5px solid #643648;
	left-margin: -5px;
}

body.instructors #nav #instructors {
	background: #549C80;
	color: #FFF;
	border: 1px solid #643648;
	border-left: 5px solid #643648;
	left-margin: -5px;
}

body.directions #nav #directions {
	background: #549C80;
	color: #FFF;
	border: 1px solid #643648;
	border-left: 5px solid #643648;
	left-margin: -5px;
}


body.contact #nav #contact{
	background: #549C80;
	color: #FFF;
	border: 1px solid #643648;
	border-left: 5px solid #643648;
	left-margin: -5px;
}

/**************************************************************/
/***** HEADER & COLUMN DISPLAY STYLES 		  			  *****/
/**************************************************************/
#header {
	width: 880px;
	height: 176px;
	background:  #643648 url(../images/headerbg.gif) no-repeat top right;
	margin: 0px auto;
	border-right: 2px solid #643648;
	border-left: 2px solid #643648;
}

#header img {
	float: left;
	margin: -90px 0px 0px 0px;
}

#oneCol {
	background: #FFF url(../images/main-bg2.gif) repeat-x fixed center;
}

#twoCol {
	background: #FFF url(../images/main-bg2.gif) repeat-x fixed;
}

#threeCol {
	background: #FFF url(../images/main-bg2.gif) repeat-x fixed;
}

#oneCol #primaryContent {
	display: inline; /* added to remove the possibility of the dual margin bug in IE6.0 */
	float: left;
	width: 880px;
	margin: 0px 0px 15px 50px !important; /* added !important to trick IE6.0 */
	margin: 0px 0px 15px 50px; /* IE6.0 positioning hack*/
}
	
#oneCol #secondaryContent {
	display: none;
}

#oneCol #sideContent {
	display: none;
}

#twoCol #primaryContent {
	display: inline; /* added to remove the possibility of the dual margin bug in IE6.0 */
	float: left;
	width: 590px;
	margin: 0px 0px 15px 295px !important; /* added !important to trick IE6.0 */
	margin: 0px 0px 15px 205px; /* IE6.0 positioning hack*/
}

#twoCol #secondaryContent {
	display: none;
}

#twoCol #sideContent{
	text-align: left;
	float: left;
	width: 177px;
	margin: 10px 0px 0px -857px;
}

#threeCol #primaryContent {
	display: inline; /* added to remove the possibility of the dual margin bug in IE6.0 */
	float: left;
	width: 480px;
	/* TOP-RIGHT-BOTTOM-LEFT */
	margin: 0px 0px 15px 205px !important; /* added !important to trick IE6.0 */
	margin: 0px 0px 15px 205px; /* IE6.0 positioning hack*/
}

#threeCol #secondaryContent {
	display: inline;
	float: left;
	width: 200px;
	margin: 10px 0px 15px 15px;
}

#threeCol #sideContent{
	text-align: left;
	display: inline;
	float: left;
	width: 100px;
	margin: 10px 0px 15px -892px;
}

/**************************************************************/
/***** HEADER STYLES INCL TOP NAVIGATION BAR 		  	  *****/
/**************************************************************/
h1 {
	margin: 0;
	padding: 30px;
	font-size: 150%;
	color: #FF0000;
	text-indent: -9000px;
}

/**************************************************************/
/***** LEFT NAVIGATION-SPECIFIC STYLES 		  			  *****/
/**************************************************************/
.navBox h2 {
	margin: 0px 7px 0px 10px;
	padding: 0 0 0 15px;
	font-size: 120%;
	color: #000;
	background: #FEE800 url(../images/side-content-header-bg.gif);
}

.sideMenu {
	font-family: Arial, Sans;
	font-size: 130%;
	font-style: italic;
	width:158px;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 5px 0px;
	/*background: #000;*/
}

.sideMenu a {
	padding: 0 0 0 10px;
}

.sideMenu p {
	margin: 0;
	padding: 0 5px 2px 5px;
	font-size: 90%;
	color: #FFFEEB;
}

.sideMenu ul { 
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/* NOTE BELOW: Not ordering things in the LoVeHAte order 
b/c we want the visited img to display in place of 
arrow once visited. */

.sideMenu li a:link {
	/*color:#F00;*/
	color:#FFF;
	line-height:150%;
	text-decoration:none;
	display:block;
	width:158px;
	margin-left: 5px;
	/*border-left: 5px solid #003164;*/
	/*background: url(../images/leftnav-bg.gif) 0 0px;*/

}

.sideMenu li a:active {
	color:#F00;
	line-height:150%;
	text-decoration:none;
	display:block;
	width:158px;
	border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;
	/*background: url(../images/leftnav-bg.gif);*/
}

.sideMenu li a:hover {
	display:block;
	width:158px;
	color:#FFF;
	text-decoration:none;
	font-weight: none;
	line-height:150%;
	border-top: 1px solid #643648;
	border-right: 1px solid #643648;
	border-bottom: 1px solid #643648;
	border-left: 5px solid #643648;
	/*background: url(../images/leftnav-bg.gif) 0px -52px;*/
}

.sideMenu li a:visited {
	color: #FFF;
	text-decoration:none;
	line-height:150%;
	display:block;
	width:158px;
	/*background: #000 url(../images/leftnav-bg.gif);*/
	background-position: 0 -26px;
}

.sideContent #navfooter {
	display: block;
	background:  #url(../images/house.gif);
}


/**************************************************************/
/***** ONLINE CLASSES AD-SPECIFIC STYLES 		  		  *****/
/**************************************************************/
#onlineclasses {
	text-align: left;
	font-family: Arial, sans;
	color: #FFF;
	width: 598px;
	height: 140px;
	background: url(../images/online-bg.gif) no-repeat left;
}

#onlineclasses .headline {
	margin: 10px 0px 0px 190px;
	font-size: 150%;
}

#onlineclasses p {
	font-size: 90%;
	margin: 10px 0px 0px 185px;
}

#onlineclasses a:hover {
	color: #6CF;
	text-decoration: underline;
}


/**************************************************************/
/***** PRIMARY CONTENT-SPECIFIC STYLES 		  			  *****/
/**************************************************************/
#primaryContent h2 {
	font-family: Arial, Sans;
	text-align: left;
	position: relative;
	color: #364863;
	padding: 5px 0px 0px 0px;
}

#primaryContent h3 {
	font-family: Arial, Sans;
	text-align: left;
	font-size: 90%;
	position: relative;
	color: #643648;
	padding: 10px 0px 5px 0px;
}

#primaryContent p {
	padding: 5px 5px 5px 5px;
	font-family: Arial, Sans;
	font-size: 90%;
	color: #000;
	text-align: justify;	
}

#primaryContent table p {
	padding: 10px 5px 0px 5px;
	font-family: Arial, Sans;
	font-size: 90%;
	color: #000;
	text-align: justify;	
}

#primaryContent img {
	border: #000 solid 1px;
}

#primaryContent table .leftcol {
	width: 20%;	
}

/*may not need the following class and it's non-semanti markeup*/
#primaryContent form .button {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 15px 10px 0px 0px;
	background: #900;
	color: #FEC500;
	border-top: 1px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
}

#primaryContent button {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 15px 10px 0px 0px;
	background: #549C80;
	color: #FFF;
	border-top: 1px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
}

#primaryContent button:hover {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 15px 1	0px 0px 0px;
	background: #643648;
	color: #FFF;
	border-top: 1px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
}

#primaryContent ul {
	list-style-type: bullet;
	list-style-image: url(../images/bullet4.gif);
	padding: 0px 0px 0px 0px;
}

#primaryContent li {
	text-align: left;
	font-family: arial, sans;
	font-size: 80%;
	color: #FFF;
	margin: 0px 0px 0px 25px;
	padding: 5px 0px 5px 0px;
}

#primaryContent li a:link {
	color: #FFF;
	text-decoration: underline;
} 

#primaryContent li a:visited {
	color: #FFF;
	text-decoration: underline;
} 

#primaryContent li a:hover {
	color: #FFF;
	text-decoration: underline;
} 

#primaryContent li a:active {
	color: #FFF;
	text-decoration: underline;
} 

#primaryContent li > p{
	font-family: arial, sans;
	color: #000;
	margin: -5px 0px 10px 0px;
}

#primaryContent .box1 {
	font-family: arial, sans;
	color: #FFF;
	text-align: left;
	display: block;
	float: right;
	min-height: 220px;
	height: auto;
	width: 175px;
	padding: 5px 5px 5px 5px;
	background: #003366;
	border: 2px solid black;
}

#primaryContent .box1 p a:link, #primaryContent .box2 p a:link, #primaryContent .box3 p a:link {
	color: #FFF;
	text-decoration: none;
}

#primaryContent .box1 p a:visited, #primaryContent .box2 p a:visited, #primaryContent .box3 p a:visited{
	color: #FFF;
	text-decoration: none;
}

#primaryContent .box1 p a:active, #primaryContent .box2 p a:active, #primaryContent .box3 p a:active {
	color: #FFF;
	text-decoration: none;
}

#primaryContent .box1 p a:hover, #primaryContent .box2 p a:hover, #primaryContent .box3 p a:hover{
	color: #6CF;
	text-decoration: underline;
}

#primaryContent .box1 p {
	font-family: arial, sans;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

#primaryContent .box1 h4 {
	font-family: arial, sans;
	color: #6CF;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}

#primaryContent .box2 {
	font-family: arial, sans;
	color: #FFF;
	text-align: left;
	display: block;
	float: right;
	min-height: 220px;
	height: auto;
	width: 175px;
	padding: 5px 5px 5px 5px;
	margin-right: 5px;
	background: #003366;
	border: 2px solid black;
}

#primaryContent .box2 p {
	font-family: arial, sans;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

#primaryContent .box2 h4 {
	font-family: arial, sans;
	color: #6CF;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}

#primaryContent .box3 {
	font-family: arial, sans;
	color: #FFF;
	text-align: left;
	display: block;
	float: right;
	min-height: 220px;
	height: auto;
	width: 175px;
	padding: 5px 5px 5px 5px;
	margin-right: 5px;
	background: #003366;
	border: 2px solid black;
}

#primaryContent .box3 p {
	font-family: arial, sans;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

#primaryContent .box3 h4 {
	font-family: arial, sans;
	color: #6CF;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}

#primaryContent fieldset {
	padding: 0px 10px 20px 10px ;
	margin-top: 10px;
	background: #E8E1E4;
	border: 2px solid #900;
	border-top: 2px solid #643648;
	border-bottom: 2px solid #643648;
}

#primaryContent fieldset ul {
	list-style-type: bullet;
	list-style-image: url(../images/bullet3.gif);
	padding: 0px 0px 0px 0px;
}

#primaryContent fieldset li {
	color: #000;
}

#primaryContent fieldset img {
	float: left;
	margin: 0px 10px 0px 0px;
}

#primaryContent fieldset a:link {
	color: #000;
}

#primaryContent fieldset a:visited {
	color: #3F6436;
}

#primaryContent fieldset a:hover {
	color: #900;
}

#primaryContent fieldset em {
	color: #900;
}

#primaryContent legend {
	color: #000;
	font-family: Arial, Sans;
	font-style: italic;
	font-size: 90%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	}

#primaryContent label {
	display: block;
}

#primaryContent textarea {
	width: 100%;
	height: 70%;
}

#primaryContent table {
	font-family: arial, sans;
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border: thin solid black; 
	margin: 10px 0px 0px 0px;
	background: #FFF;
}

#primaryContent caption {
	display: none;
	font-family: arial, sans;
	color: #900;
	font-weight: bold;
}

#primaryContent th a:link {
	color: #FFF;
	text-decoration: none;
}

#primaryContent th a:visited {
	color: #FFF;
	text-decoration: none;
}

#primaryContent th a:active {
	color: #FFF;
	text-decoration: underline;
}

#primaryContent th a:hover {
	color: #FFF;
	text-decoration: none;
}

#primaryContent a:link {
	color: #643648;
	text-decoration: underline;
}

#primaryContent a:visited {
	color: #364863;
	text-decoration: none;
}

#primaryContent a:active {
	color: #F90;
	text-decoration: underline;
}

#primaryContent a:hover {
	color: #3F6436;
	text-decoration: none;
}

#primaryContent table a:link {
	color: #643648;
	text-decoration: none;
}

#primaryContent table a:visited {
	color: #680202;
	text-decoration: none;
}

#primaryContent table a:active {
	color: #F90;
	text-decoration: underline;
}

#primaryContent table a:hover {
	color: #643648;
	text-decoration: none;
}

#primaryContent th {
	color: #FFF;
	background: #643648; 
	border-bottom: thin solid #000;
	padding: 0px;
	margin: 0px;
}

#primaryContent tbody {
	text-align: left;
}

#primaryContent td {
	border: 1px solid black;
	padding: 5px;
}

#primaryContent .rowhover {
	color: #000;
	background: #DFBAC8;
}

#primaryContent .rowhover a {
	color: #fff;
}

#primaryContent .rowoff{
	background: none;
}

/**************************************************************/
/***** SECONDARY CONTENT-SPECIFIC STYLES 		  		  *****/
/**************************************************************/
#secondaryContent h2 {
	text-align: left; /* Added to override the wrapper IE hack to center header/footer */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-family: Arial, Sans;
	font-size: 100%;
	color: #FEC500;
	background:  #900 url(none) no-repeat top left;
	border-top: 2px solid #F3C113;
	border-left: 2px solid #F3C113;
	border-right: 2px solid #F3C113;
}

#secondaryContent h3 {
	text-align: left; /* Added to override the wrapper IE hack to center header/footer */
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	font-family: Arial, Sans;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FEC500;
	background:  #900; 
	border-left: 2px solid #F3C113;
	border-right: 2px solid #F3C113;
}

#secondaryContent .box {
	text-align: left; /* Added to override the wrapper IE hack to center header/footer */
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background:  #900 url(none) repeat-y left;
	border-top: none;
	border-right: 2px solid #F3C113;
	border-bottom: none;
	border-left: 2px solid #F3C113;
}

#secondaryContent .boxbottom {
	background:  #900 url(../images/none) no-repeat bottom left;
	margin: 0px 0px 20px 0px;
	border-top: none;
	border-right: 2px solid #F3C113;
	border-bottom: 2px solid #F3C113;
	border-left: 2px solid #F3C113;
}

#secondaryContent .box ul {
	list-style-type: none;
	margin: 0px 0px 0px 10px;
}

#secondaryContent .box li {
	background:  #900 url(../images/bullet.gif) no-repeat 0 50%;
	padding-left: 10px;
}

#secondaryContent .box a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FEC500;
}

#secondaryContent .box a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FE9500;
}
#secondaryContent .box a:active {
	color: FE9500;
}

#secondaryContent .box2{
	background:  url(../images/3-box2-bg.gif) repeat-y;
}

#secondaryContent .box2tl {
	background:  url(../images/3-box2-tl.gif) no-repeat top left;
}

#secondaryContent p {
	font-family: Arial, Sans;
	font-size: 80%;
	clear: left;  /* Added so the text drops below floated ../images */
	text-align: left;
	color: #FFF;
	padding: 5px 5px 10px 5px;
}

/**************************************************************/
/***** IMAGE-SPECIFIC STYLES 		  		  			  *****/
/**************************************************************/
/*img {
	float: left;
	margin: 0px 0px 2px 5px;
	border: 2px solid #C5BDBD;
}*/

.default img {
	border: 0;
}

.mainImage {
	display: block;
	float: none;
	margin-top: 4px;
}

.img-wrapper {
	display: block;
	float: left;
	background: #D7D493 url(../images/3-small-img-bg2.gif) no-repeat bottom right;
	padding: 0px 0px 0px 0px;
	position: relative;
	left: auto;
	margin: 0px 0px 0px 0px;
	width: 144px;
	height: 104px;
}

.img-wrapper img {
	float: none;
	padding: 0px 5px 5px 0px;
	margin: 0px 0px 0px 0px;
}

/**************************************************************/
/***** FOOTER-SPECIFIC STYLES 		  		  			  *****/
/**************************************************************/
#footer{
	clear:both;
	width: 885px;
	height: 50px;
	background: #643648 url(../images/footer-bg.gif) no-repeat bottom right; 
	padding: 0px;
	margin: 0px auto;
	border-top: 1px solid #000;
	font-family: Arial, sans;
	font-size: 75%;
}

/*#footer{
	clear: both;
	width: 885px;
	height: 50px;
	background: #364863; 
	padding: 0px;
	margin: 0px 0px 0px 29px !important;
	margin: 0px 0px 0px 20px;
	font-family: Arial, sans;
	font-size: 75%;
}*/

.reea {
	font-family: arial, sans;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	margin: 0px 0px 0px 0px;
}

#footer a:link {
	color: #FEC500;
	text-decoration: none;
}

#footer a:visited {
	color: #F90;
	text-decoration: none;
}

#footer a:active {
	color: #F90;
	text-decoration: underline;
}

#footer a:hover {
	color: #FE6B00;
	text-decoration: none;
}

#footer p {
	font: arial;
	color: #FFF;
	padding: 0px 0px 0px 0px;
	margin:  5px 5px 0px 5px;
	text-align: right;
}