/*-------- Basic styling ----------*/

body, p,h1,h2,h3,h4,h5,input,img,ul,ol,li, a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
body {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.1em; /* 16x1.125=18px */
	text-decoration: none;
	font-weight: normal;
	background-color: #E9E9E9;
	background-image: url(../images/headBkgd.gif) repeat-x  0px 0px;
	behavior:url("/styles/csshover3.htc");
}

#container {
	width: 920px;
	margin: 0px auto;
	background-color: #FFF;
	background-image: url(../images/wrapperBkgd.gif);
	background-position: 0px 0px;
}
.clear {
	clear: both;
}
.clr {
	clear: both;
}
.orange {
	color: #EB8416;
}
.blk {
	color: #373737;
}
.time {
	background-color: #e4e4e4;
	padding: 8px;
	margin: 10px 0;
	color: #333;
	text-align: center;
}
.top {
	font-size: 0.7em;
	border-top: 1px solid #0C5072;
	margin-bottom: 30px;
}
hr {
	color: #ffffff;
	background-color: #ffffff;
	border-top: 0.1em dotted #CCC;
	margin-bottom: 5px;
}
.title {
	color: #EB8416;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.asterix  {
	background-color: #eee;
	padding: 5px;
	border-top-width: 0.1em solid #CCC;
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	color: #666;
}
.odd {
	padding: 4px 0;
	background:#F9E0C7;
}

/*-------- Bodycopy styling ----------*/
#bodycopy ul {
	margin-left:25px;
	list-style:none;
	font-size:13px;
	color:#474747;
}
#bodycopy ul li{
	margin:3px 0;
	padding:2px 4px;
}
#bodycopy {
	width: 550px;
	padding: 10px 15px 0 0;
	float: left;
	margin-bottom: 50px;
}

/*-------- Header styling ----------*/
#header {
	height: 162px;
	background: #ABD8F4;
	margin: 0px auto;
}



/*-------- Sidebar styling ----------*/

#sidebar {
	width: 230px;
	padding: 5px;
	float: left;
	margin:10px 20px;
	color: #000;
	border:1px solid #d4d4d4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#sidebar a, #bodycopy a {
	text-decoration: underline;
	color: #39C;
}
#sidebar a:hover, #bodycopy a:hover {
	color: #444444;
	text-decoration: none;
}
#sidebar ul {
	list-style-type: none;
	margin-bottom: 20px;
	padding: 0;
}
#sidebar li {
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0;
	display: inline;
}
#sidebar li a  {
	font-size:0.73em;
	text-decoration: none;
	color: #EB8416;
	background-color: #f7f7f7;
	display: block;
	padding: 4px 12px;
	text-transform: uppercase;
	border-bottom:1px solid #c9c9c9;
}
#sidebar li a:hover {
	background-color: #F7BA7E;
	text-decoration: none;
}


/*-------- Registration styling ----------*/
#regNotes {
	float: left;
}
#regPro {
	float: left;
	width: 250px;
}
.regInstr {
	margin: 0 25px;
	font-size: 14px;
}
.regInstr li {
	padding:0 0 6px 0;
}

/*-------- Footer styling ----------*/
#footer {
	font-size: 0.6em;
	text-transform: uppercase;
	text-align: center;
	width: 900px;
	background-color: #777;
	color: #FFF;
	padding-top: 8px;
	margin: 50px auto 0 auto;
}
#footer img {
	vertical-align: middle;
}
#footer p {
	color: #FFF;
	margin-right: 8px;
	font-size: 1em;
	line-height: 2.6em;
}
#footer a {
	color: #FFF;
	margin-right: 8px;
}
#footer a: hover {
	color: #000;
	margin-right: 8px;
}

/*-------- Column styling ----------*/
.col3 {
	width: 168px;
	float:left;
	margin-right:15px;
}
.col2 {
	width: 260px;
	float:left;
	margin-right:15px;
}

/*-------- Typographic styling ----------*/
.titlenote {
	font-size: 12px;
	font-style: italic;
	font-weight: 600;
	color: #474747;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1, h2, h3 {
	font-weight:normal;	
}
h1,h2,h3,h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 8px;
	color: #EB8416;
}

h1 {
	font-size:28px;
}

h2 {
	font-size:20px;;
}
h3 {
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h4 {
	font-size:14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
p {
	font-size: 14px;
	margin-bottom: 15px;
}


/*-------- Table styling ----------*/
/* rather than give the table a font size, use contextual selectors to target the th and td elements within */

table {
	border-collapse: collapse;
	clear: left;
	width: 550px;
	text-transform: uppercase;
	font-weight: bold;
}

th, td {
	text-align: left;
	vertical-align: top;
	padding: 0;
}
th {
	width:20%;
	font-weight: bold;
	font-size: 0.875em; /* 16x0.875=14px */
	padding:0 0.643em 0.571em 0.643em; /* 14x0.643=9px 14x0.571=8px */
	border-bottom:0.071em solid #ccc; /* 14x0.071=1px */
	color: #EB8416;
}

td {
	font-size: 0.75em; /* 16x0.75=12px */
	padding:0.333em 0.75em 0.417em 0.75em; /* 12*0.333=4px 12*0.75=9px 12x0.417=5px */
	border-bottom:0.083em solid #ccc; /* 12x0.083=1px */
	line-height: 1em; /* 12x1=12px */ 
}

/*-------- Navigation ----------*/
#nav ul .first {margin-left: 20px;}

#navi{ z-index:1; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:7px; text-align:center; 
	background: #f7ba7e; /* Old browsers */
background: -moz-linear-gradient(top, #f7ba7e 0%, #ea9a4b 51%, #eb8416 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7ba7e), color-stop(51%,#ea9a4b), color-stop(100%,#eb8416)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7ba7e 0%,#ea9a4b 51%,#eb8416 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7ba7e 0%,#ea9a4b 51%,#eb8416 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f7ba7e 0%,#ea9a4b 51%,#eb8416 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ba7e', endColorstr='#eb8416',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f7ba7e 0%,#ea9a4b 51%,#eb8416 100%); /* W3C */
}

#navi a{color:#fff; display:inline-block; padding:8px 36px 8px 35px; text-decoration:none; color:#ffffff; text-transform:uppercase; background:url(../images/naviBkgd.png) no-repeat center right}

#navi a.last{background:none;}

#navi a:hover{color:#000000;}

#navi ul{padding-top:7px;}

#navi ul a:hover{color:#d4d4d4;}

.dropMenu{display:inline-block; text-align:left;}

.dropMenu ul{display:none; position:absolute; list-style:none;margin: 0;padding: 0;list-style: none;width: 190px;}

.dropMenu:hover ul{display:block;z-index:1;}

.dropMenu ul li{margin:0; background:#000000;}

.dropMenu ul li a .lowercase{text-transform:lowercase;}

.dropMenu ul li:hover{background: #0e0e0e; /* Old browsers */
background: -moz-linear-gradient(top, #0e0e0e 0%, #494949 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e0e0e), color-stop(100%,#494949)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0e0e0e 0%,#494949 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0e0e0e 0%,#494949 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #0e0e0e 0%,#494949 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#494949',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #0e0e0e 0%,#494949 100%); /* W3C */}

.dropMenu ul li a{width:120px; font-size:10px; border-top:1px solid #474747;}

#navi .dropMenu ul li a{background-image:none;padding-right:35px;}

.dropMenu ul li a:hover{background: #0a0809; /* Old browsers */
background: -moz-linear-gradient(top, #0a0809 29%, #778182 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,#0a0809), color-stop(100%,#778182)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0a0809 29%,#778182 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0a0809 29%,#778182 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #0a0809 29%,#778182 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0809', endColorstr='#778182',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #0a0809 29%,#778182 100%); /* W3C */}