/* CSS Document */
/* custom styles */
.fix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0pt;
	visibility: hidden;
}
* html .fix {
	height: 1%;
}
a img {
	border: none;
}
tr {
	vertical-align: top;
}
.bodyStyle {
	text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
	background: url(../images/template/pagebg.jpg) top left repeat-x;
}
div.yuimenu .bd {
	zoom: normal;
}
#calendarcontainer {
	padding: 10px;
}
#calendarmenu {
	position: absolute;
}
#calendarpicker button {
	background: url(../Forms/PreRegistration/files/calendar_icon.gif) center center no-repeat;
	text-align: left;
	text-indent: -10em;
	overflow: hidden; *;
	margin-left: 10em; /* For IE */ *;
	padding: 0 3em;
/* For IE */	white-space: nowrap;
}
#month-field, #day-field {
	width: 2em;
}
#year-field {
	width: 3em;
}
input, select, password {
/*	background-color: #dee4e7;
	border: 1px solid #039dd7; */
	color: #4c4958;
	font-size: 11px;
}
textarea {
	background-color: #dee4e7;
	border: 1px solid #039dd7;
	color: #4c4958;
	font-size: 11px;
	width: 300px;
	height: 100px;
}
.inputwidth {
	width: 120px;
	margin-top: 5px;
}
hr {
	display: block;
	width: 100%;
	margin: 1em auto;
	padding: 10px 0;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	border: none;
	border-bottom: 1px dotted #0094d5;
	background: none;
}
#wrapper {
	position: relative;
	width: 938px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}
#left {
	position: relative;
	width: 260px;
	margin: 0 auto;
	padding: 0px;
	float: left;
}
#logo {
	width: 206px;
	height: 83px;
	margin: 80px 0 0 20px;
	padding: 0px;
	background: url(../images/template/CRCCCLogo.gif);
}
#shadow {
	width: 6px;
	height: 166px;
	margin: 38px 0px 0px 0px;
	padding: 0px;
	float: right;
	background: url(../images/template/imageshadow.png);
}
#menutop {
	width: 260px;
	height: 12px;
	margin: 41px 0 0 0px;
	padding: 0px;
	background: url(../images/template/menutop.png);
}
#menuslicemain {
	width: 260px;
	margin: 0px;
	padding: 0 17px;
	background: url(../images/template/menuslicemain.png) repeat-y;
}
#menuslice {
	width: 260px;
	margin: 0px;
	padding: 0 17px;
	background: url(../images/template/menuslice.png) repeat-y;
}
#menuseparator {
	width: 260px;
	height: 32px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/template/menudivider.png);
}
#menubottom {
	width: 260px;
	height: 12px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/template/menubottom.png);
}
#referfriend {
	background-color: #2d75bf;
	padding: 6px 3px 3px 20px;
	width: 218px;
	height: 20px;
}
#referfriend:hover {
	background-color: #13497f;
	padding: 6px 3px 3px 20px;
	width: 218px;
	height: 20px;
}
#referfriend a {
	width: 218px;
	height: 20px;
	color: #ffffff;
	text-decoration: none;
}
#referfriend a:hover {
	width: 218px;
	height: 20px;
	color: #ccc;
	text-decoration: none;
}
#contactus {
	background-color: #1e5fa1;
	padding: 6px 3px 3px 20px;
	width: 218px;
	height: 20px;
	margin-top: 1px;
}
#contactus:hover {
	background-color: #13497f;
	padding: 6px 3px 3px 20px;
	width: 218px;
	height: 20px;
}
#contactus a {
	width: 218px;
	height: 20px;
	color: #ffffff;
	text-decoration: none;
}
#contactus a:hover {
	width: 218px;
	height: 20px;
	color: #ccc;
	text-decoration: none;
}
#right {
	position: relative;
	width: 678px;
	margin: 0 auto;
	padding: 0px;
	float: right;
}
#search {
	float: right;
	width: 321px;
	height: 34px;
	padding-top: 5px;
}
#header {
	position: relative;
	height: 268px;
	margin: 40px 0px 0px 0px;
	padding: 0px;
	background: url(../images/template/imagebg.png) top left no-repeat;
}
#topimage {
	position: relative;
	height: 236px;
	margin: 0px;
	padding: 15px 0px 0px 10px;
}
#cont {
	width: 683px;
	margin: -5px 0px 0px -6px;
	padding: 0px;
	background: url(../images/template/contentbg.png) repeat-y;
}
#contpad {
	width: 673px;
	margin: 0px 0px 0px 6px;
	padding: 0px;
	background: #ffffff url(../images/template/contenttopslice.gif) top repeat-x;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
#content {
	padding: 25px 20px;
}
#footer {
	height: 79px;
	width: 673px;
	margin: 0;
	padding: 0px;
	background: #1c65af;
	clear: both;
	text-align: center;
}
#footerpadding {
	padding: 10px;
	margin: 0px;
	color: #fff;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #1C65AF;
}
#footerpadding a {
	color: #fff;
	font: normal 11px Arial, Helvetica, sans-serif;
}
#footerpadding p {
	color: #fff;
	font: normal 11px Arial, Helvetica, sans-serif;
}
#footerpadding a:hover {
	text-decoration: underline;
}
#pad {
	padding: 8px;
}
#loginpad {
	padding: 15px 5px 10px 0px;
}
p {
	top-margin: 0px;
}
/* All Navigations */
#menu {
	width: 100%;
}
#menu ul li {
	list-style-type: none;
	border-bottom: 0px solid #ff0000;
	margin: 0px;
	width: 200px;
	margin-top: 0px;
	_margin-top: 0px;
}
#menu ul li a {
	padding-left: 10px;
}
#menu ul {
	margin: 0px;
	padding: 0;
}
#menu ul li:hover {
	list-style-type: none;
	border-bottom: 0px solid #ff0000;
	width: 200px;
}
.Nav_Side_Level1, .Nav_Side_Level2, .Nav_Side_Leveln, .Nav_Side_Level_Selected, .Nav_Top {
	text-decoration: none;
}
.Nav_Side_Level1 {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	padding-left: 0px;
	line-height: 30px;
	background-repeat: no-repeat;
	width: 220px;
	_width: 220px;
	height: 30px;
	background-image: url(../images/template/menubg.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	margin: 0px 0px 0px 0px;
}
.Nav_Side_Level1:hover {
	background-image: url(../images/template/menubg1.gif);
	color: #000000;
	text-decoration: none;
}
.Nav_Side_Level2 {
	width: 196px;
	height: 24px;
	background-color: #dbe1e7;
	display: block;
	padding-left: 55px;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	position: relative;
	left: 2px;
}
.Nav_Side_Level2:hover {
	color: #3b80c6;
	text-decoration: none;
}
.Nav_Side_Leveln {
	width: 196px;
	height: 24px;
	background-color: #dbe1e7;
	display: block;
	padding-left: 65px;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	position: relative;
	left: 12px;
}
.Nav_Side_Level_Selected {
}
/* text styles */
.hr {
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	border: none;
	border-bottom: 1px dashed #94b1d3;
	background: none;
}
/* --------- Clearfloat --------- */
.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfloat {
	display: inline-block;
}
* html .clearfloat {
	height: 1%;
}
.clearfloat {
	display: block;
}