/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin-top: 0;
  background: url(images/bg_page.gif) top left repeat-x #000000;
  color: #CCCCCC;
  FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
  min-width: 940px;
  text-align: center;
}

a:link {text-decoration: underline; color: #B7D934; background-color: transparent;}
a:visited {text-decoration: underline; color: #B7D934; background-color: transparent;}
a:hover {text-decoration: none; color: #B7D934; background-color: transparent;}

/*-- GENERAL BITS --------------*/
.container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: relative; text-align: left;}


/*-- HEADER---------------------*/

.headerContainer {position: relative; float: left; display: inline; width: 940px; height: 135px; margin: 0; padding: 0;}

.headerNavBar {position: absolute; top: 35px; right: 0; height: 90px;}
	.headerNavBar ul {display: inline; float: left; list-style: none; margin: 0; padding: 0;}
	.headerNavBar li {display: inline; float: left; margin: 0 25px 0 0;}
	.headerNavBar li a {display: inline; float: left; height: 18px;}
	.headerNavBar li span {display: none;}
	.headerNavBar p{color:#FFFFFF; font-size:18px; font-style:italic; text-align:center; margin:15px 25px 10px 5px;}
	.headerNavBar a:link {text-decoration: none; color:#B7D934; background-color: transparent; font-weight:bold;}
	.headerNavBar a:visited {text-decoration: none; color:#B7D934; background-color: transparent; font-weight:bold;}
	.headerNavBar a:hover {text-decoration: none; color: #333333; background-color: #B7D934; font-weight:bold;}
	
.headerLogo {position: absolute; top: 15px; left: 0; width: 400px; height: 120px;}

/*-- FOOTER --------------------*/
.footerArea {position: relative; float: left; display: inline; width: 940px; margin: 20px 0 10px 0; border-top: 1px solid #616C73; padding: 20px 0 10px 0;}
	.footerArea p {font-size: 11px; color: #CCCCCC; display: inline; margin: 0; padding: 0;}

/*-- INFO PAGES --*/
.mainAreaInfo {position: relative; float: left; display: inline; width: 940px; margin: 20px 0 20px 0; padding: 0;}
	.mainAreaInfo h1 {margin: 10px 0 0 0; padding: 0; line-height: 1em; font-size: 24px; font-weight:bold; color:#B7D934;}

.infoLeftColumn {position: relative; float: left; display: inline; width: 518px; margin: 0 20px 0 0; padding: 0;}
	.infoLeftColumn h2 {font-size: 16px; color: #CCCCCC; line-height: 1.2em; font-weight: bold;}
	.infoLeftColumn p {line-height: 1.7em; font-size: 14px; color: #CCCCCC;}
	.infoLeftColumn ul {margin: 5px 0 5px -10px; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #CCCCCC;}
	.infoLeftColumn li  {position: relative; background-image: url(images/bullet.gif); background-position: 0px 9px; background-repeat: no-repeat; padding: 3px 0 3px 12px;}
	.infoLeftColumn hr{height:1px; border-bottom:1px dashed #DDDDDD;}

.infoRightColumn {position: relative; float: left; display: inline; width: 400px; margin:10px 0 0 0; padding: 0;}

.infoRightBoxout {position: relative; float: left; display: inline; width: 358px; padding: 20px; margin: 0; background-color:#000000; border:1px solid #616C73;}
	.infoRightBoxout h2 {font-size: 16px; color: #CCCCCC; line-height: 1.2em; font-weight: bold; margin: 0 0 1em 0; padding: 0;}
	.infoRightBoxout p {line-height: 1.7em; font-size: 14px; color: #CCCCCC;}
	.infoRightBoxout ul {font-size: 14px; color: #CCCCCC;}
	.infoRightBoxout li {line-height: 1.8em; margin: 0 0 0 20px;}
	.infoRightBoxout img{border:0; margin:10px 10px 10px 10px;}

/*-- FORM PAGES --*/
.mainAreaForm {position: relative; float: left; display: inline; width: 940px; margin: 20px 0 20px 0; padding: 0;}
	.mainAreaForm h1 {margin: 10px 0 20px 0; padding: 0; text-indent: -9000px; line-height: 1em; font-size: 10px;}

.formLeftColumn {position: relative; float: left; display: inline; width: 518px; margin: 0 20px 0 0; padding: 0;}
	.formLeftColumn h2 {font-size: 16px; color: #CCCCCC; line-height: 1.2em; font-weight: bold;}
	.formLeftColumn h3 {font-size: 16px; color: #CCCCCC; line-height: 1.5em; font-weight: normal; margin: 0;}
	.formLeftColumn p {line-height: 1.7em; font-size: 14px; color: #CCCCCC;}
	.formLeftColumn ul {font-size: 14px; color: #CCCCCC;}
	.formLeftColumn li {line-height: 1.8em; margin: 0 0 0 20px;}
	.formLeftColumn form {padding: 0; margin: 10px 0 0 0;}
	.formLeftColumn label {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: normal; color: #FFFFFF; width: 110px; margin: 0 20px 0 0; display: inline; float: left; padding: 5px 0 0 0;}
	.formLeftColumn fieldset {margin: 0; padding: 0; border: 0;}
	.formLeftColumn hr{height:1px; border-bottom:1px dashed #DDDDDD;}

.formContactText {width: 378px; border: 1px solid #AAAAAA; background-color: #999999; font-size: 13px; padding: 4px; margin: 0; color:#333333;}
.formContactSelect {width: 378px; background-color: #999999; font-size: 13px; height: 26px; margin: 0; color:#333333;}
.formContactTextArea {width: 378px; border: 1px solid #AAAAAA; background-color: #999999; font-size: 13px; padding: 4px; margin: 0; color:#333333;}

.contactFormButtons {position: relative; float: right; display: inline; width: 456px; margin: 10px 0 0 0;}
.formButton {padding: 4px 5px 4px 5px; margin: 10px 0 0 0; background-color: #D8DFE3; border: 1px solid #FFFFFF; color: #31383D; font-size: 14px; font-weight: bold;}


.formRightColumn {position: relative; float: left; display: inline; width: 220px; margin: 20px 0 0 0; padding: 0;}
	.formRightColumn h2 {font-size: 16px; color: #CCCCCC; line-height: 1.2em; font-weight: bold; margin: 0 0 1em 0; padding: 0;}
	.formRightColumn p {line-height: 1.7em; font-size: 14px; color: #CCCCCC;}
	.formRightColumn ul {font-size: 14px; color: #CCCCCC;}
	.formRightColumn li {line-height: 1.8em; margin: 0 0 0 20px;}