@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #000000;
}
h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #2D5078;
	background-image: url(images/slices/h1-icon.jpg);
	background-repeat: no-repeat;
	text-indent: 26px;
	font-size: 18px;
	font-weight: lighter;
	line-height: 28px;
}

h5 {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #2D5078;
	background-image: url(images/slices/h1-icon.jpg);
	background-repeat: no-repeat;
	text-indent: 26px;
	font-size: 14px;
	font-weight: lighter;
	line-height: 28px;
}

#wrapper {
	height: auto;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	background: url(images/wrapper_bg.jpg);
}
#wrapper #header {
	height: 0px;
}
#wrapper #lower-header {
	background: url(images/slices/header_lower.jpg);
	height: 122px;
}
#wrapper #navigation {
	height: 53px;
}
#wrapper #navigation #left-nav {
	height: 53px;
	float: left;
	width: 181px;
}
#wrapper #navigation #about {
	height: 53px;
	width: 103px;
	float: left;
}
#wrapper #navigation #sponsors {
	float: left;
	height: 53px;
	width: 103px;
}
#wrapper #navigation #links {
	float: left;
	height: 53px;
	width: 67px;
}
#wrapper #navigation #benefits {
	float: left;
	height: 53px;
	width: 137px;
}
#wrapper #navigation #faq {
	float: left;
	height: 53px;
	width: 67px;
}
#wrapper #navigation #home {
	height: 53px;
	width: 120px;
	float: left;
}
#wrapper #navigation #courses {
	float: left;
	height: 53px;
	width: 119px;
}
#wrapper #content {
}
.box {
	height: auto;
	background: url(images/box_bg.jpg) repeat-x center bottom;
	margin-right: 4px;
	padding-bottom: 12px;
}
#wrapper #content #middle-box .box img {
	float: left;
}
#wrapper #content #middle-box .box p {
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#wrapper #content #middle-box .box ul {
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 24px;
}
.boxr {
	background: url(images/box_bg.jpg) repeat-x left bottom;
	height: auto;
	padding-bottom: 12px;
	text-decoration: none;
}
.more {
	font-size: x-small;
	color: #03C;
}
.boxc {
	background: url(images/box_bg.jpg) repeat-x left bottom;
	height: auto;
	padding-bottom: 12px;
	font: 62.5% "Trebuchet MS", sans-serif;	
	padding-left:25px;
}
.smallTxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.smallTxtBlue
{
	color: #2D5078;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.req
{
	color:#F00
}
/*demo page css*/
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
#wrapper #content #left-box {
	float: left;
	height: 350px;
	width: 224px;
	padding: 0px;
}
#wrapper #content #middle-box {
	float: left;
	height: auto;
	width: 317px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
#wrapper #content #right-box {
	float: left;
	width: 289px;
}
#wrapper #content #right-box .boxr h2 {
	font-size: 1.2em;
	color: #FF9821;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
}
.cal {
	padding-left: 40px;
}
#wrapper #content #right-box .boxr p {
	padding-left: 8px;
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .90em;
	padding-bottom: 12px;
}
#wrapper #footer {
	background: url(images/slices/footer_bg.jpg) no-repeat;
	height: 27px;
	clear: both;
	padding-top: 25px;
	text-align:center;
	color:#FFF;
}
#wrapper #footer a {
	color:#FFF;
}
#wrapper #footer a:visited {
	color:#FFF;
}
#wrapper .clear {
	clear: both;
}
#wrapper #content #right-box .boxr li {
	padding: 5px;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
}
#wrapper #content #right-box .boxr label {
	display: inline-block;
	line-height: 1.4;
	vertical-align: top;
	padding-right: 12px;
}
.submitbut {
	border: 1px solid #333333;
	background: #FB9A32;
	float: right;
	margin-right: 70px;
}
#wrapper #content #right-box .boxr fieldset {
	border: 1px dotted #FF9630;
	margin: 4px;
	padding-bottom: 8px;
}
#wrapper #content #right-box .boxr #name {
	margin-left: 22px;
	width: 120px;
}
#wrapper #content #right-box .boxr #password {
	width: 120px;
}
#wrapper #content #right-box .boxr ol {
	margin: 0px;
	padding: 0px;
}
#wrapper #navigation #nav-list {
	width: 830px;
	height: 53px;
	padding: 0;
	margin: 0px;
	float: left;
	position: relative;
}
#wrapper #navigation #nav-list #about {
	position: relative;
}
#wrapper #navigation #nav-list #about a {
	background: url(images/slices/about.jpg) left top;
	width: 81px;
	float: left;
	position: relative;
	height: 53px;
}
#wrapper #navigation #nav-list #about a:hover {
	background: url(images/slices/about.jpg) left -53px;
}

#wrapper #navigation #nav-list li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 53px;
	float: left;
	width: auto;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#wrapper #navigation img {
	float: left;
	right: 0px;
	position: relative;
}
#wrapper #navigation #nav-list #member {
	position: relative;
}
#wrapper #navigation #nav-list #member a {
	background: url(images/slices/member.jpg);
	float: left;
	height: 53px;
	width: 136px;
}
#wrapper #navigation #nav-list #member a:hover {
	background: url(images/slices/member.jpg) left -53px;
	position: relative;
}
#wrapper #navigation #nav-list #home {
	position: relative;
}
#wrapper #navigation #nav-list #home a {
	width: 120px;
	height: 53px;
	background: url(images/slices/home.jpg) no-repeat left top;
	float: left;
	position: relative;
}
#wrapper #navigation #nav-list #home a:hover {
	background: url(images/slices/home.jpg) left -53px;
}
#wrapper #navigation #nav-list #sponsors {
	float: left;
	position: relative;
}
#wrapper #navigation #nav-list #sponsors a {
	background: url(images/slices/sponsors.jpg) left top;
	float: left;
	height: 53px;
	width: 91px;
}
#wrapper #navigation #nav-list #sponsors a:hover {
	background: url(images/slices/sponsors.jpg) left -53px;
	position: relative;
}
#wrapper #navigation #nav-list #courses {
	float: left;
	position: relative;
}
#wrapper #navigation #nav-list #courses a {
	background: url(images/slices/courses.jpg) no-repeat left top;
	float: left;
	height: 53px;
	width: 119px;
}
#wrapper #navigation #nav-list #courses a:hover {
	background: url(images/slices/courses.jpg) left -53px;
}
#wrapper #navigation #nav-list #left {
	height: 53px;
	width: 165px;
	float: left;
	position: relative;
	overflow:hidden;
}
#wrapper #navigation #nav-list #faq {
	float: left;
	position: relative;
}
#wrapper #navigation #nav-list #faq a {
	background: url(images/slices/faq.jpg) no-repeat left top;
	height: 53px;
	width: 67px;
	float: left;
}
#wrapper #navigation #nav-list #faq a:hover {
	background: url(images/slices/faq.jpg) left -53px;
	float: left;
}
#wrapper #navigation #nav-list #home h4 {
	position: absolute;
	top: 6666px;
	right: 6666px;
	left: 0px;
	bottom: 0px;
}


/* New Nav */

#wrapper #navigation #nav-list #links {
	float: left;
	position: relative;
}
#wrapper #navigation #nav-list #links a {
	background: url(images/slices/links.jpg) left top;
	float: left;
	height: 53px;
	width: 67px;
}
#wrapper #navigation #nav-list #links a:hover {
	background: url(images/slices/links.jpg) left -53px;
	position: relative;
}


#wrapper #navigation #nav-list #resources {
	float: left;
	position: relative;
}
#wrapper #navigation #nav-list #resources a {
	background: url(images/slices/resources.jpg) left top;
	float: left;
	height: 53px;
	width: 103px;
}
#wrapper #navigation #nav-list #resources a:hover {
	background: url(images/slices/resources.jpg) left -53px;
	position: relative;
}

#dialog{
	font: 62.5% "Trebuchet MS", sans-serif;	
}