/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
	
}
h1 {font-size:large}
body{
	background:#000;
	text-align:center;
	padding-top:10px;
	}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:0.7em;
		line-height:1.667em;
		text-transform:uppercase;
		color:#fff;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#fff; text-decoration:none;}
a:hover{text-decoration:underline;}
p {padding-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* ============================= main layout ====================== */

ul#navmenu {margin-left:22px;}

ul#navmenu li {
 float: left; /*For Gecko*/
 display: inline;
 list-style: none;
 position: relative;
 height: 46px;
}

ul#navmenu ul {
 background: #000;
 width: 148px;
 display: none;
 position: absolute;
 left:0;
 top:-46px;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
 clear: both;
 display: block;
 font: 1px/0px serif;
 content: ".";
 height: 0;
 visibility: hidden;
}

ul#navmenu ul li {
 float: left; /*For IE 7 lack of compliance*/
 display: block !important;
 display: inline; /*For IE*/
 height:24px;
}

ul#navmenu li:hover .last a, ul#navmenu li.jshover .last a  {display:block; padding:0; background:url(images/menu_tail_bg.gif) left top repeat-x #000 !important; margin-top:18px; width:auto;}
ul#navmenu li:hover .last span,  ul#navmenu li.jshover .last span {display:block; background:url(images/menu_corner_right2.gif) bottom right no-repeat;}
ul#navmenu li:hover .last strong,  ul#navmenu li.jshover .last strong {display:block; background:url(images/menu_corner_left2.gif) bottom left no-repeat; font-weight:normal;padding:15px 0 14px 28px;}
ul#navmenu li:hover .last em, ul#navmenu li.jshover .last em { background:url(images/menu_arrow1.gif) top right no-repeat; padding-right:10px; font-style:normal;}
ul#navmenu li:hover .last a:hover, ul#navmenu li.jshover .last em {color:#808080;}

ul#navmenu li:hover .last a,
ul#navmenu li.jshover .last a {
 background:none
}
/* Root Menu */
ul#navmenu a {
 background:url(images/menu_tail_bg.gif) left top repeat-x #000;
 float: none !important; /*For Opera*/
 float: left; /*For IE*/
 display: block;
 text-decoration: none;
 height: auto !important;
 height: 1%; /*For IE*/
 width:148px;
 text-align:center;
 color:#5d6669;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.jshover a {
 color: #fff;
}

ul#navmenu li:hover .active, ul#navmenu li.jshover .active {color:#fff; background:url(images/menu_arrow3.gif) top right no-repeat !important;}

ul#navmenu a span {display:block; background:url(images/menu_corner_right.gif) bottom right no-repeat; color:#fff;}
ul#navmenu a strong {display:block; background:url(images/menu_corner_left.gif) bottom left no-repeat; padding:16px 0 15px 0; font-weight:normal;}
ul#navmenu a em { background:url(images/menu_arrow1.gif) top right no-repeat; padding-right:10px; font-style:normal;}

ul#navmenu ul { width:148px; background:#000; padding:79px 0 0 0;}

ul#navmenu li li { width:148px;}

ul#navmenu li li a {
font-weight: normal;
text-decoration: none;
padding:0 0 0 28px;
text-align:left;
width:auto;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.jshover li a {
 float: none;
 background:url(images/menu_arrow2.gif) top right no-repeat;
 color: #808080;
 line-height:17px;
 text-decoration:none;
 width:92px;
}


/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.jshover li a:hover,
ul#navmenu li.jshover li.jshover a {
 background:url(images/menu_arrow3.gif) top right no-repeat;
 color:#FFF;
 text-decoration:none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.jshover ul,
ul#navmenu ul li.jshover ul,
ul#navmenu ul ul li.jshover ul {
 display: block;
}

.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:23px;}
.title2 {margin-bottom:20px;}

/* ============================= content ====================== */

.menu {height:390px;}
.logo {margin-left:22px;}
.enter {margin:28px 0 0 76px;}

.link {background:url(images/arrow2.gif) top right no-repeat; padding-right:10px;}

.navigation {background:url(images/navigation_bg.jpg) top left no-repeat; margin:80px 0 0 23px; padding:12px 40px 12px 12px;}

.prev {background:url(images/arrow1.gif) no-repeat 0 0; padding-left:10px; color:#fff;}
.next {background:url(images/arrow2.gif) no-repeat right top; padding-right:10px; float:right; color:#fff;}

.line {border-bottom:1px solid #5c5650; padding-bottom:5px; margin-bottom:15px;}
.line2 {border-bottom:none; padding-bottom:13px; margin-bottom:15px;}
.padding1 {padding-right:20px;}

#page5 p, #page6 p {padding-top:15px;}

/* ============================= forms ============================= */

form {padding:32px 0 0 0;}
form .col1 {width:73px !important; padding-right:0 !important;}
form .col2 {width:243px !important; padding-left:0 !important;}

form .rowi {height:30px;}
form .link {float:right; margin-left:30px;}

.input {width:236px; height:15px; border:1px solid #51575b; background:#848483; padding:0 0 0 5px; font-size:1em; color:#fff;}
textarea {width:236px; height:151px; border:1px solid #51575b; background:#848483; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-bottom:10px; color:#fff;}