/*

-----------------------------------------------------

Copyright 2007 Eggplant Studios All Rights Reserved.

Author: Eggplant Studios Team

-----------------------------------------------------
			--- TOC ---  

	1. HTML and BODY
	
	2. Frame work 
	
	3. Basic Classes
	
	4. Basic HTML
	
	5. Navigation
	
	6. Typography

bg color: #e5e5e5

*/


/* --- 1. HTML and BODY --- */
body, html { font-size:100%; color:#333; background-color:#eeebdc; font-family: arial, sans-serif; margin:0; padding:0;}

/* --- 2. Frame work --- */
#frame {
	font-size: 0.75em; /* 12px at default font size*/
	line-height: 1.5; /* 18px at default font size i.e. 18/12 = 1.5 */
	margin:auto;
	width:100%;
	position:relative;
}

#footer { border-top:6px solid #336c98; clear:both; margin:0 12px 0 12px;}

#header { border-top:solid 1px #140766; border-bottom:solid 1px #140766; background:#140766 repeat-x bottom url(../images/topNav_grad.gif); height:2.3em;  margin:0 auto auto auto;}

h1 {border-bottom:4px solid #000; margin:0 12px 0 12px;}

#masterHeader ul { border-bottom:6px solid #336c98;}

#mainBody { /*padding-left:193px;*/ clear:left; margin:4px 12px 0 12px; padding:0; background: url(../images/main_bg.gif) repeat-y top left;}
#mainColLeft { position: absolute; left: 12px; top: 6.0625em; width:150px;  margin:0; padding:0; background-color:#eeebdc;}
#mainColHolder {margin:0 0 0 150px;}
#mainText { padding:20px 20px 0 10px; margin-left:0; width:60%; background: #fff url(../images/right-bg.gif) right repeat-y;}
#mainTextNoCol { float:left; margin-right:20px; width:95%; background-color:#fff; }
#mainCol { width:222px; margin:0 0 0 10px;}


/* --- 3. Basic Classes --- */
.accessibility {height: 1px !important ; left: 0px; overflow:hidden; position:absolute; left:-9999px; width:1px; line-height:1px !important ;}

.address { padding-bottom:0; margin-bottom:0; padding-top:0; margin-top:0; background-color: #F9F9F9;}

.catList { margin:auto auto; padding:.5em;}
.catList li {display:inline; padding: 0 23px 0 0;  /*Spacing between each link*/  background: url(../images/nav_list.gif) 100% 66% no-repeat;}
.cBoth {clear:both;}

.dateList {color:#aebb70;}
.deadLink {color:#999;}
.directions {border-top:#F4F4F4 1px solid; padding-top:0; margin-top:.75em;}
.directions a { color:#CC0000; font-size: .916em;}
.downloads li { list-style:url(../images/pdf_icon.gif); margin:0 0 1em 12px;}
ul.downloads { margin:0 0 0 6px;}

.firstNews { border-top:none;}

.fRight {float:right;}
.fLeft {float:left;}

#slideshowHolder { margin: 0 0 0 0; padding:6px; background-color:#eeeeee; min-height:156px;}
#flashHolder { margin:0 12px 0 0; padding:6px; background-color:#fff;}
object {margin:0; padding:0;}
embed {margin:0; padding:0;}
#flashText {margin:0; padding:12px 0 0 0;}

/*#faefc6*/
.hightLight {background-color:#e4f4ac; color:#333;}

.img { margin-bottom:1em; padding-left:1em;}
.imgHeader { border:none; margin-top:0;}
h2.introText { color:#140766; margin:-20px -12px 0 -20px; padding:20px 20px 20px 20px; background-color:#edf3fe; border:#E6FDFF solid 1px;}
.introText span {float: left; margin: 0; padding: .25em .08em 0 0; font-size: 2.4em; line-height: .5em; text-transform: capitalize; color:#140766;}
* html .introText span {
	padding-right: 0;
	height: .7em;
	}
*+html .introText span  {
	padding-top: .1em;
	line-height: .7em;
	}

.label {font-size: .83em; color: #666; font-weight: normal;	}
.labelTag { padding-top:0; margin-top:0; padding-bottom:0; margin-bottom:0; background-color: #F9F9F9;}
.leftA { padding-left:0; margin-left:0; }
.location {color:#000;}

.noBullets li { list-style:none;}
#mainCol .noBullets { padding-left:0; margin-left:6px; }

.noFilter{color: #990000; font-weight:bold;}
.noFilter span {color: #000; font-weight:bold;}
.numList { padding-right:3em; padding-bottom:7em; color: #666666; text-align: right; font-size:.916em;}

.nShadow { margin:-1px -20px 0 -10px; width:100%; padding:0 30px 0 0; background: #eeebdc url(../images/bottom-bg.gif) top right no-repeat;}

.pageNav {font-weight: normal; border-top: 1px dotted; margin-bottom: 0; padding-bottom: .6em; padding-top:.6em; font-size:1em; background-color:#edf3fe; margin-left:0; padding-left:0; padding-right:0; margin-right:0;}
.pageNav a { padding: .5em .5em .5em .5em; text-decoration:none; color:#003399;}
.pageNav a:visited { color:#003399;} 
.pageNav a:hover { color:#fff;}
.price {color:#488000;}


.registerClass { text-align:left; border-top:none; padding-bottom:.5em; margin-top:0; padding-top:0;}
.registerClass a { color:#488000; font-weight:bold;}
.registerClass a:visited { color:#488000;}
.registerClass a:hover { color:#fff; background-color:#488000;}
.registerImg { text-align:center;}

p.seperator{	position:absolute; top:10px; right:12px; margin-top:0; padding-top:0;}
.seperator {  border-left:1px solid #d2d2d2; line-height:1.5; padding-left:1em;}
.seperator a { text-decoration:none; }
.seperator a:visited { color:#333;}
.seperator a:hover { color:#333; background: none; text-decoration:underline;}

/*.sideBox {border:#140766 1px solid; padding:9px; margin-bottom:1.5em; clear:both;} */
.sideBox {border:none; padding:0; margin-bottom:1.5em; clear:both;} 
.sideBox h3 {margin-top:0; padding-top:0;}
.slideShow {/*padding-top:1em; margin-top:1em;*/}

/*.top {margin-top: 1em;}*/
.top {margin-top: 0;}

.tellUs { background-color:#140766; padding:0; margin:0 0 1em 0; height:46px;}


.asBody {background-color:#eaecf5; padding:0 5px 0 10px}
.asBody select, .asBody input {margin:5px 0px 7px 0px; clear:left;}
.asBody input#ASbutton {margin:5px 10px 10px 0px; clear:left;}
.asBody label {display:block; padding:0px; font-weight:bold;}

/* --- 4. Basic HTML  --- */
a {color:#003399; /*text-decoration:none;*/}
a:active{background-color:#071b68; color:#FFF; text-decoration:none;}
a:visited { color: #996633; } 
a:hover {background-color:#071b68; color:#FFF; /*text-decoration:underline;*/}

#breadCrumb {color:#b4b796; padding:0 20px 0 10px; margin:0; width:60%; background: #fff url(../images/right-bg.gif) right repeat-y;}
#breadCrumb a, #shopBasket a {color:#003399; font-weight:bold; text-decoration:none;}
#breadCrumb a:active, #shopBasket a:active {background-color:#071b68; color:#FFF; text-decoration:none;}
#breadCrumb a:visited, #shopBasket a:visited { color: #003399; font-weight:bold;} 
#breadCrumb a:hover, #shopBasket a:hover {background-color:#071b68; color:#fff; text-decoration:underline;}

#courseList { margin-left:0; padding-left:0; padding-top:0; margin-top:0;}
#courseList li { border-top: 1px dotted; padding-top:1em}
#courseList li a {text-decoration:none; font-weight:bold;}
#courseList li p {}

#mainCol ul { margin:0 0 0 6px;}

#mainColLeft ul { /*background:#404040 url(../images/nav_bg.gif) bottom no-repeat;*/ font-size:.75em; padding:0 0 12px 0; margin:0 0 0 0;}
#mainColLeft ul li {padding:0; margin:0 0 0 6px;}
#mainColLeft ul li a {color:#003399;}
#mainColLeft ul li a:active{background-color:#071b68; color:#FFF; text-decoration:none;}
#mainColLeft ul li a:visited { color: #996633; } 
#mainColLeft ul li a:hover {background-color:#071b68; color:#FFF; /*text-decoration:underline;*/}


h1 {  font-family:Georgia, serif; font-weight:normal; color:#140766; /*font-size: .9em;  SIZE AND LINE-HEIGHT NEED TO BE CHANGED  font-weight:100; color:#917933; text-align:center; width:156px; background-color:#d9cea7; border-left:#140766 solid 3px; border-right:#140766 solid 3px; border-bottom:#140766 solid 3px; padding:9px 0 0 0; margin:0 auto 0 0; position:absolute; top:6px; left:10px;*/}

/*h1 #logo { border-left:#616067 1px solid; border-right:#616067 1px solid; background:#efecdd no-repeat url(../images/h1_bg.gif) top; margin:-9px 0 0 0; padding:40px 4px;}
h1 span { background-color:#efecdd; border-left:#616067 1px solid; border-right:#616067 1px solid; margin:0 4px; display:block; }*/

#logo { /*text-align:center; background:url(../images/nav_bg.gif) bottom no-repeat;*/ padding:0 0 18px 0; margin:0 0 6px 0;}
#logo a { margin:0; padding:0;}
#logo img { margin:0 auto; padding:0;}

h1 #logo { border-left:#616067 1px solid; border-right:#616067 1px solid; background-color:#efecdd; margin:-9px 0 0 0; padding:15px 4px 15px 4px;}
h1 span { /*background-color:#efecdd; border-left:#616067 1px solid; border-right:#616067 1px solid; margin:0 4px 4px 4px; padding-bottom:4px; display:block; */}

h1 #logoBot {border-left:#616067 1px solid; border-right:#616067 1px solid; border-bottom:#616067 1px solid; margin-bottom:6px;}

fieldset { margin-top: 1em; border-top: solid #140766 6px; border-bottom: solid #ccc 1px; border-left: solid #ccc 1px; border-right:  solid #ccc 1px; margin-right:1em; margin-bottom:1em; padding:0 1em;}
legend { font-size:1.16em; color:#140766;}

#footer p { margin-left:0;}

img {border:none;}

#mainText p { /*margin-right: 12px;*/}



#whatsNew { padding-left:0; margin-left:0;}
#whatsNew li { list-style:none;}
#whatsNew p { margin-top:0; padding-top:0;}

/* --- 5. Navigation  --- */
#headNav { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 12px; line-height:2.5; height:2.5em; font-size:1.5em; padding:0 0 4px 0; border-bottom:4px solid #336c98; clear:both;}
#headNav li { 
	float:left;
	text-align:left;
	width:155px;
	list-style:none; 
	padding: 0; /* Spacing between each link */
	background-color:#eeebdc;
	border-left:1px solid #c6c6c6;
	}
#headNav li.last { 	border-right:1px solid #c6c6c6;}
#headNav li a { display: block; text-transform: capitalize; text-decoration:none; color:#333333; padding-left:9px;}
#headNav li a:visited { color:#333;}
#headNav li a:hover {background-color:#ffe348/*#071b68*/; color:#333; text-decoration:none;}


body#home #headNav li#home_page {background-color:#ffe348;} 
body#courses #headNav li#courses_page {background-color:#ffe348;} 
body#about #headNav li#about_page {background-color:#ffe348;}  
body#staff #headNav li#staff_page {background-color:#ffe348;} 
body#contact #headNav li#contact_page {background-color:#ffe348;} 

#viewCart { text-decoration:none; font-family: Georgia, serif; font-weight:normal; color:#333333; font-size:1.16em;}



/* --- 5. Typography  --- */
h1 { font-size:2em;}
h1,h2, #courseSubTitle, #courseSupTitle {font-family: Georgia, serif;}
h2 {font-weight: normal; border-top: 1px dotted; margin-bottom: 0; margin-right: 0;}
h3 { background-color:#edf3fe; line-height:2em; border:#E6FDFF solid 1px; margin:0 0 6px 0; padding:0 0 0 6px;}
h4 {border-top: 1px dotted; margin: 0; padding:0; }
h3,h4 {font-family: arial, sans-serif; color:#140766;}

/*h1 {font-size: 2em; font-weight: normal; line-height: 1.2; padding-top:0;}*/
h2 {font-size:1.5em; line-height:1.15;}
h3,h4 {font-size:1em;}

h2 span { color:#999999;}
#filters { margin-top:0; padding-top:1em;}

#courseSupTitle {font-size:1.333em; line-height:1.3; font-weight: normal; margin:0; padding:0;}
#courseTitle {border-top: none; padding-top:0; margin-top:0;}
#courseSubTitle {font-size:1.333em; line-height:1.3; font-weight:400; margin: 0; padding:0; }

#mainText h3 {margin-top:1em;}
#mainColLeft h3 { font-size:.75em; margin:0 12px 6px 0;}

#mainCol .sideBox p { padding:0 0 0 6px;}

#mainText p.address { padding:0 0 0 6px;}
#mainText p.labelTag { padding:0 0 0 6px;}
#mainText p.directions { padding:0 0 0 6px;}

#whoweare { font-family: Georgia, serif; color:#336c98; font-size:1.16em; padding-top:0; margin-top:0;}

/* --- 6. Console  --- */
#consoleHolder { margin:0 0 0 0;}

#console {
/*width:319px;*/
/*margin:0 auto;*/
}

#networks1 { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; line-height:2.5; height:2.5em; font-size:1em; padding:0 0 0 0; clear:both;}
#networks1 li { 
	float:left;
	text-align:left;
	width:100px;
	list-style:none; 
	padding: 0; /* Spacing between each link */
	background:#eeebdc url(../images/tab_bg.gif) bottom;
	border-left:1px solid #c6c6c6;
	}

#networks1 li#studentsTab { background-color:#83a62e;}
#networks1 li#downloadsTab { background-color:#d3021d;}
#networks1 li#onlineTab { background-color:#eb690a;}
#networks1 li#directionsTab { background-color:#336c98;}

#networks1 li.last { border-right:1px solid #c6c6c6;}
#networks1 li a { display: block; text-transform: capitalize; text-decoration:none; color:#333333; padding-left:9px;}
#networks1 li a:visited { color:#333;}
#networks1 li a:hover {background-color:#ffe348/*#071b68*/; color:#333; text-decoration:none;}

#networks1 li#studentsTab a:hover  { background-color:#1E1E1E; color:#fff;}
#networks1 li#downloadsTab a:hover  { background-color:#d3021d; color:#fff;}
#networks1 li#onlineTab a:hover  { background-color:#eb690a; color:#fff;}
#networks1 li#directionsTab a:hover  { background-color:#336c98; color:#fff;}

#networks1 li a#firstTab {background-color:#1E1E1E; color:#fff;}
#networks1 li#studentsTab {border-left:1px solid #1e1e1e;}

/*ul#networks1 {
height:75px; 
margin:0 0 0 0; 
padding:0; 
}

ul#networks2 {
width:120px; 
height:75px; 
margin:0; 
position: relative; 
top: -75px; 
left: 355px; 
padding:0;  
}

ul#networks1, ul#networks2 {
list-style:none;
padding:0;
}
#console #networks1 li img, #console #networks2 img{
display:block;
}

#console #networks1 li, #console #networks2 li{
	float:left;
	list-style:none; 
	padding: 0 3px 0 2px; /* Spacing between each link */
	/*margin-bottom:5px;
}*/
/*#console #networks1 li.last-link, #console #networks2 li.last-link {
margin-bottom:0;
}
#console #networks1 li a, #console #networks2 li a{
	display: block;
}

#console #networks1 li.first-link {
	padding: 0 3px 0 0; /* Spacing between each link */
	/*margin:0; 
}*/
/*#console #networks1 li.first-link a {
	padding: 0 0 0 0; /* Spacing between each link */
	/*margin:0; 
}*/

.panel {
clear:both;
width:100%; 
min-height:152px; 
margin:0 0 0 0; 
padding: 0 0 0 0;
}

* html .panel {
height:152px;
}

.panel .panelcont {
margin: 0 0 0 0;
padding: 5px 0 5px 0;
}

.panel .panelcont .listenagain {
background: #fff;
margin:0 5px;
}
.panel .panelcont .desc {
color:#fff;
min-height:25px
}

* html .panel .panelcont .desc  {
height:25px;
}



.panel .panelcont .listenagain {
margin-bottom:5px;
padding:5px;
min-height:25px
}
* html .panel .panelcont .listenagain  {
height:25px;
}


.panel .panelcont .desc .links { float:left; width:165px; padding-top:0; margin-top:0;}

.panel .panelcont .desc .links h3 { font-family:Georgia, serif; font-weight:normal; font-size:1.16em; color:#fff; background:none; border:none; padding-bottom:0; margin-bottom:0; padding-top:0; margin-top:0; border-bottom:1px solid #fff; width:85%; margin:0 0 0 6px; text-indent:-6px; }
.panel .panelcont .desc .links p { font-weight:normal; font-size:.916em; color:#666; margin-left:15px; padding-left:0; padding-top:0; margin-top:0;text-indent: -9px; padding-bottom:0; margin-bottom:0; color:#fff;}
.panel .panelcont .desc .links p span { }
.panel .panelcont .desc .links p a { font-weight:normal; color:#fff; text-decoration:none;
	 }
	 
.panel .panelcont .listenagain .links { float:left; width:155px; padding-top:0; margin-top:0;}

.panel .panelcont .listenagain .links h3 { font-family:Georgia, serif; font-weight:normal; font-size:1.16em; color:#666; background:none; border:none; padding-bottom:0; margin-bottom:0; padding-top:0; margin-top:0; border-bottom:1px solid #333; width:85%; margin:0 0 0 6px; text-indent:-6px; }
.panel .panelcont .listenagain .links p { font-weight:normal; font-size:.916em; color:#666; margin-left:15px; padding-left:0; padding-top:0; margin-top:0;text-indent: -9px; padding-bottom:0; margin-bottom:0;}
.panel .panelcont .listenagain .links p span { }
.panel .panelcont .listenagain .links p a { font-weight:normal; text-decoration:none;
	 }




#online {
/*background: url("../imas/btn_1strip.gif") no-repeat;*/
}
#online .panelcont {
background:#EB690A;
}
#students {
/*background: url("../images/btn_2strip.gif") no-repeat;*/
}
#students .panelcont {
background:#1E1E1E;
}
#downloads {
/*background: url("../images/btn_3strip.gif") no-repeat;*/
}
#downloads .panelcont {
background:#D3021D;
}
#directions {
/*background: url("../images/btn_4strip.gif") no-repeat;*/
}
#directions .panelcont {
background:#336c98;
}

.hide {
display:none;
}

.clearme:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearme {
	display: inline-table;
}
/*  \*/
* html .clearme {
	height: 1%;
}
.clearme {
	display: block;
}
.border {
border-right: 1px #fff solid;
border-left: 1px #fff solid;
background:#fff;
}
* html .border {height:1%;}