body 
{
	background:darkgray url(../img/bg_gray.gif);
	margin:0;
	padding:0;
	font:small Verdana,Sans-serif;
}

/* Following fixes font size and centers page in IE/Win. */
	* html body
	{
		font:x-small Verdana,Sans-serif;
		text-align:center;
	}

.container 
{
	width:750px;
	margin:0 auto;
	border:solid;
	border-width:0 1px;
	text-align:left;
	position:relative;
	background:#fff url(../img/bg_rightcol_tint.gif) repeat-y 0 0;
}

/* Header
----------------------------------------------- */
#header 
{
	background-repeat:no-repeat;
	float:left;
	width:100%;
	margin-top:0;
	background-color:#000;
	background-image:url(../img/bg_header.jpg);
	height:107px;
	text-indent:-100000px;
}

/* MainNav
----------------------------------------------- */
#nav 
{
	background-repeat:no-repeat;
	background-position:0 -70px;
	float:left;
	width:100%;
	border:solid #135;
	border-width:1px 0;
	background-color:#000;
	background-image:url(../img/bg_nav.jpg);
}

#nav ul 
{
	margin:0;
	padding:0 20px;
	list-style:none;
	font-size:85%;
	text-transform:lowercase;
}

#nav li 
{
	float:left;
	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
}

#nav a, #nav strong 
{
	display:block;
	padding: 5px 7.5px 6px;
	border:solid #135;
	border-width:0 1px 0 0;
	text-decoration:none;
	white-space:nowrap;
	color:lightsteelblue;
}

/*	Following makes entire region of link clickable in IE/Win. 
	Holly Hack explained here: http://www.positioniseverything.net/explorer/escape-floats.html */
	* html #nav a 
	{
		width:1%;	
	}

#nav #current strong, #nav #current a 
{
	background-repeat:no-repeat;
	background-color:#246;
}

#nav a:hover, #nav #current a:hover strong, #nav #current strong 
{
	color:#fff;
}

#nav a:hover 
{
	background-repeat:no-repeat;
	background-color:#123;
}

#nav a strong, #nav #current a strong 
{
	background:none;
	padding:0;
	border:none;
}
#nav #h 
{
	border-left-width:1px;
}

/* Top Navigation
----------------------------------------------- */
#topnav 
{
	background-repeat:repeat-x;
	width:100%;
	padding:0;
	height:3em;
	background-color:#8B0000;
	background-image:url(../img/bg_topbar_red.gif);
}

#topnav img
{
	border:0px;
}
  
#topnav a
{
	float:right;
	display:block;
	margin-top:13px;
	margin-right:5px;
	padding:.25em 8px;
	border: 0;
	font-size:85%;
	color:BurlyWood;
	text-decoration:none
}

#topnav a:hover 
{
	color:OldLace;
}

/* Page Structure
----------------------------------------------- */
#content, #c2, #c3
{
	float:left;
	width:750px;
}

#c2 
{
  padding-bottom:20px;
}

#maincol 
{
  float:left;
  width:485px;
  line-height:1.5em;
  font-size:90%;
}

.lblCourseListHeader
{
	margin:1.25em 0 .25em;
	font:150%/1.5em Georgia,Serif;
}

#rtcol 
{
  float:right;
  width:244px;
  color:#777;
  font-size:90%;
  line-height:1.5em;
}

#rtc2
{
  padding: 25px 20px;
}

#mc2
{
  padding: 0 20px;
  padding-right:0;
}

#maincol, #rtcol
{
  margin-top:-8px;
}

/* Following fixes IE/Win 3px margin bug in floats, disapearing topnav, random text and wrappers pushed too wide.
   ala http://www.positioniseverything.net/explorer/threepxtest.html */
	* html #content, * html #c2, * html #c3 
	{
		margin-right:-3px;
    }
    

/* Headings
----------------------------------------------- */

#content h1 
{
	margin:0;
	padding:20px 20px 8px;
	font:135%/1.4em Georgia,Serif;
	color:#776;
	background-image:url(../img/bg_h1_gray.gif);
	background-color:gray;
}

h2 
{
	margin:1.25em 0 .25em;
	font:150%/1.5em Georgia,Serif;
}

/* Faculty
----------------------------------------------- */
#faculty img
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	
}

#faculty strong
{
	color:Maroon;
}

#faculty p
{
	padding-bottom:10px;
}

#faculty p em
{
	font-size:smaller;
}

/* Locations
----------------------------------------------- */

.locationsTable
{
	width:96%;
	font-size:x-small;
	border:solid 1px black;
	text-align:left;
	background-color: WhiteSmoke;
}

.locationsTable th
{
	border:solid 1px black;
	padding: 5px;
	background-color:Black;
	color:White;
}

.locationsTable td
{
	border:solid 1px black;
	padding: 5px;
}

#locations img
{
	border:double 4px silver;
}

#rprHotels
{
	font-size: 12px;	
}

/* Mailbox
----------------------------------------------- */

.mailbox 
{
	border-top:solid 1px darkgray;
}
  
.mailbox .textbox
{
	border: solid 1px darkgray; 
	background-color: ghostWhite;
	width:90%;
	font-weight:bold;
	color:DarkSlateBlue;
}

.mailbox .button
{
	background:#666;
	color:#fff;
	border-width:1px;
	border-color:#999 #333 #333 #999;
	font-family:Verdana;
	font-size:xx-small;
	font-weight:bold;
	margin-top:5px;
}

.mailbox h2 
{
}

 /* Misc
----------------------------------------------- */

hr 
{
	display:none;
}

#maincol ul li
{
	padding:7px;
	list-style-type:square;
}

.imgrt
{
	float:right;
}

.imglft
{
	float:left;
}

.classroom
{
	border:double 4px silver;
	width:400px;
	height:179px;
}

.cdtapes
{
	width:368px;
	height:225px;
}

/* Registration
----------------------------------------------- */
.panel
{
	border:solid 1px silver;
	border-top:solid 6px silver;
	padding:5px 10px 5px 10px;
	background-image:url(../img/bg_regBoxes_top.gif);
	background-repeat:no-repeat;
	font-size:small;
}

.panel #finalTally
{
	border:solid 1px silver;
	padding:5px;
	background-image:url(../img/bg_regBoxes_top.gif);
	background-repeat:no-repeat;
}


* html .panel
{
	font-size:x-small;
}

.panel .textbox
{
	margin-bottom:10px;
}

.panel .title
{
	font-family:Verdana;
	font-size:small;
	font-weight:bold;
	padding:5px;
}

#shippingPanel
{
	border:dashed 1px silver;
	padding:15px;
}

.panel .regData
{
	font-size:small;
}

.panel .notes
{
	font-size:small;
	color:Maroon;
}

#registrationInfoBox strong
{
	font-size:small;
}

#pricingGrid
{
	border:solid 1px silver;
	border-top:solid 6px silver;
	padding:5px 10px 5px 10px;
	font-size:small;
	background-image:url(../img/bg_regBoxes_top.gif);
	background-repeat:no-repeat;
}

* html #pricingGrid
{
	font-size:x-small;
}

#instructionPanel
{
	font-size:small;
}

* html #instructionPanel
{
	font-size:x-small;
}

#pricingGrid .row
{
	padding:2px;
}

#pricingGrid .title, .panel .title
{
	color:White;
	padding:5px;
	font-weight:bold;
}

.right 
{
	float:right;
}

.left 
{
	float:left;
}

* html #registrationInfoBox strong, * html .panel .notes, * html .panel .regData, * html .panel .title
{
	font-size:x-small;
}

* html .panel .clear
{
	font-size:x-small;
}

#registrationInfoBox .tableCDs
{
	margin-left:25px;
	width:368px;
	height:225px;
}

/* Footer
----------------------------------------------- */
#footer 
{
	clear:both;
	padding-top:0;
	border-bottom:2px solid #000;
	font-size:85%;
}

#footer p 
{
	margin:0;
	padding:10px 20px;
	border-top:1px solid #124;
	color:#fff;
	text-align:center;
	line-height:1.6em;
	background-color:#000;
	background-image:url(../img/bg_footer.jpg);
}
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */