@charset "utf-8";
/* CSS Document */

body {
	background-color: #65003A;
	background-repeat: repeat-y;
	background-position:center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                 Layout

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#wrapper {
	background-image:url(../images/bg_wrapper.jpg);
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 840px;
}

#logo {
	width: 245px;
	height:195px;
}

#logo a {
	display:block;
	text-decoration:none;
	text-align:left;
	width: 245px;
	height:195px;
	margin:0;
}

.hide {
	visibility:hidden;
	display:none;
	text-indent:-8520px;
}

#header {
	background-image:url(../images/header.jpg);
	height: 130px;
}

#nav {
	padding-left: 20px;
	background-image:url(../images/bg_nav.jpg);
	height: 40px;
}

#side-a {
	float: left;
	width: 420px;
}

#side-b { 
	margin: 0px 0px 0px 0px;;
	float: left;
	width: 420px;
	/*height: 1%  Holly hack for Peekaboo Bug */
}

#side-c { /* Need one column instead of two? Use this... */
	float: left;
	width: 800px;
	padding: 0px 0px 0px 0px;
}

#feature_bar {
	clear: both;
	background-image:url(../images/bg_feature_bar.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 176px;
}

#calendar_box {
	float:left;
	width: 260px;
	padding: 14px 0px 0px 136px;
}

#faq_box {
	float:left;
	width: 260px;
	padding: 14px 0px 0px 124px;
}

#footer {
	clear: both;
	background-image:url(../images/bg_footer.jpg);
	background-position:center;
	background-repeat: no-repeat;
	height: 46px;
}

#footerlogos {
	clear: both;
}

#footer2 {
	clear: both;
	background-image:url(../images/bg_footer2.jpg);
	background-position:center;
	background-repeat: no-repeat;
	height: 26px;
}

.faqcell {
	background-color:#CCCCCC;
	margin: 2px 0px 2px 0px;
	padding: 5px 5px 5px 5px;
}

.faqcell2 {
	background-color: #E4E4E4;
	margin: 2px 0px 2px 0px;
	padding: 5px 5px 5px 5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                Pic Styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.pic_01 {
	border: solid 1px;
	border-color: #999999;
	margin: 13px 32px 0px 0px;
	padding: 4px 4px 4px 4px;
	text-align: center;
}

.pic_R {
	border: solid 1px;
	border-color: #999999;
	margin: 0px 0px 10px 10px;
	padding: 4px 4px 4px 4px;
}

.pic_L {
	border: solid 1px;
	border-color: #999999;
	margin: 0px 10px 10px 0px;
	padding: 4px 4px 4px 4px;
}

.pic_tom {
	border: 0px;
	margin: 10px 0px 10px 28px;
	float:left;
}

.pic_elyk {
	border: 0px;
	margin: 10px 28px 0px 0px;
	float: right;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                              Main Navigation

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#mainnav {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	white-space : nowrap;
	float : left;
	width : 100%;
	padding-top:8px;
}

#mainnav ul{
	padding : 0;
	margin : 0;
}

#mainnav ul li{
   display : inline;
   text-align:center;
}

#mainnav ul li a:link {
	padding-left : 15px;
	padding-right : 1px;
	color:#fff;
	text-decoration:none;
}

#mainnav ul li a:hover {
	padding-left : 15px;
	padding-right : 1px;
	color: #CCDADF;
	text-decoration:none;
}

#mainnav ul li a:visited {
	padding-left : 15px;
	padding-right : 1px;
	color:#fff;
	text-decoration:none;
}

#mainnav ul li a:visited:hover {
	padding-left : 15px;
	padding-right : 1px;
	color: #CCDADF;
	text-decoration:none;
}


.dropdown {
	position:absolute;
	visibility: hidden;
	border:1px solid #517283;
	border-bottom-width: 0;
	line-height: 18px;
	z-index: 100;
	background-color:#B7B7B7;
	width: 185px;
	text-align:left;
	font-size:12px;
	text-transform:uppercase;
	left: 126px;
	top: 161px;
}

.dropdown a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #517283;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 5px;
	color:#333;
	font-weight:bold;
}

.dropdown a:hover { /*hover background color*/
	background-color: #FFFFFF;
	color:#517283;
	font-weight:bold;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                              Title Text

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.titletext {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color: #999999;
text-decoration:none;
padding:0px 0px 0px 0px;
margin:15px 0px 0px 0px;
font-weight:bold;
}

.titletext A:link {
color: #999999;
text-decoration:underline;
font-weight:bold;
}

.titletext A:visited {
color: #999999;
text-decoration:underline;
font-weight:bold;
}

.titletext A:active {
color: #999999;
text-decoration:underline;
font-weight:bold;
}

.titletext A:hover {
color: #65003A;
text-decoration:none;
font-weight:bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                              Feature Text

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.feature_title {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
color: #000;
text-decoration:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:bold;
}

.feature_title A:link {
color: #000;
text-decoration:underline;
font-weight:bold;
}

.feature_title A:visited {
color: #000;
text-decoration:underline;
font-weight:bold;
}

.feature_title A:active {
color: #000;
text-decoration:underline;
font-weight:bold;
}

.feature_title A:hover {
color: #000;
text-decoration:none;
font-weight:bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                              Feature Sub Text

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.feature_subtitle {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
color: #65003A;
text-decoration:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:bold;
}

.feature_subtitle A:link {
color: #65003A;
text-decoration:underline;
font-weight:bold;
}

.feature_subtitle A:visited {
color: #65003A;
text-decoration:underline;
font-weight:bold;
}

.feature_subtitle A:active {
color: #65003A;
text-decoration:underline;
font-weight:bold;
}

.feature_subtitle A:hover {
color: #65003A;
text-decoration:none;
font-weight:bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                              Feature Main Text

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.feature_text {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color: #000;
text-decoration:none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-weight:bold;
}

.feature_text A:link {
color: #000;
text-decoration:underline;
font-weight:bold;
}

.feature_text A:visited {
color: #000;
text-decoration:underline;
font-weight:bold;
}

.feature_text A:active {
color: #000;
text-decoration:underline;
font-weight:bold;
}

.feature_text A:hover {
color: #000;
text-decoration:none;
font-weight:bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                           Feature Main Text (Right)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.feature_textr {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color: #65003A;
text-decoration:none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-weight:bold;
text-align: right;
}

.feature_textr A:link {
color: #65003A;
text-decoration:none;
font-weight:bold;
}

.feature_textr A:visited {
color: #65003A;
text-decoration:none;
font-weight:bold;
}

.feature_textr A:active {
color: #65003A;
text-decoration:none;
font-weight:bold;
}

.feature_textr A:hover {
color: #65003A;
text-decoration:underline;
font-weight:bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                              Main Text

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#maintext {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color: #000;
text-decoration:none;
padding:0px 0px 0px 32px;
}

#maintext A:link {
color: #65003A;
text-decoration:underline;
font-weight:bold;
}

#maintext A:visited {
color: #65003A;
text-decoration:underline;
font-weight:bold;
}

#maintext A:active {
color: #65003A;
text-decoration:underline;
font-weight:bold;
}

#maintext A:hover {
color: #999999;
text-decoration:none;
font-weight:bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                 Homepage Feature Box

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#hp_feature a {
	display:block;
	background-image:url(../images/button_register.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:left;
	width: 160px;
	height:66px;
	margin: 18px 145px 0px 0px;
	float:right;
}

#hp_feature a:hover {
	display:block;
	background-image:url(../images/button_register_hover.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:left;
	width: 160px;
	height:66px;
	margin: 18px 145px 0px 0px;
	float:right;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                              Footer Text

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footertext {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color: #fff;
text-decoration:none;
padding: 13px 0 0 0;
text-align:center;
font-weight: bold;
}

#footertext A:link {
text-decoration:underline;
}

#footertext A:visited {
text-decoration:underline;
}

#footertext A:active {
text-decoration:underline;
}

#footertext A:hover {
text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                   Form

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.cssform p{
width: 246px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 240px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}