/*
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
INIT
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
*/

html div {
	margin: 0 -3px; margin: 0;
}

body {
	margin: 0;
	border-collapse: collapse;
    background-color: #9d9e9f;
}


/*
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
TYPOGRAPHY RULES
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
*/
/*
===============================================
Main Type
===============================================
*/
body, div {
color: #333333;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}


/*
===============================================
Heading Tags
===============================================
*/
h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 5px;
	color: #666666;
	color: #293E45;
	clear: both;
}

/*
===============================================
Heading Font Sizes
===============================================
*/
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.0em;
}
h5 {
	font-size: 1.0em;
}
h6 {
	font-size: 1.0em;
}
/*
===============================================
Heading 1 Override
===============================================
*/
h1 {
    font-size: 26px;
	font-weight: normal;
	padding-bottom: 20px;
    line-height: 1.1em;
	color: #10215A;
}

/*
===============================================
List, Paragraph, Anchor
===============================================
*/

ul {
	list-style-position: outside;
	margin-top: 0em;
	padding-left: 2em;
}

P {
	margin: 0px;
}


/*
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
LAYOUT RULES
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
*/

/*
===============================================
Main Boxes
===============================================
*/

#mainContainer {
	width: 830px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border: 1px solid #281D15;
}

#mainContent {
	width: 500px;
    margin-left: 110px;
	float: left;
}

#logo {
	margin-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #081323;
	background-color: #0E233E;
}

#logo a, #logo a img  {
	border: 0px;
}

/*
===============================================
Misc Content Rules
===============================================
*/
table, td {
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*
===============================================
Float Control
===============================================
*/

.clearfloat {
	clear: both;
	height: 0px;
	width: 0px;
	overflow: visible;
	font-size: 4px;
	line-height: 4px;
}

/*
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
FOOTER
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
*/

#footerContainer {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 9px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #323130;
    font-size: 0.95em;
    clear: both;
	color: #666666;
    width: 100%;
    background-color: #FFFFFF;
}

#footerRow1 {
    height:3px;
    background-color:#313D51;
    width:100%;
    position:float;
    float:top;
}

#footerRow2 {
    height:8px;
    background-color:#0E233E;
    width:100%;
    position:float;
    float:top;
}

#copyright {
    margin-top: 10px;
	margin-left: 10px;
}

/*
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
NAVIGATION
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
*/
#navbar {
	background-color: #0E233E;
	float: left;
	width: 830px;
	margin-left: 0px;
	padding-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #313D51;
	border-top-width: 0px;
	padding-top: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

#navspace {
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 0px;
	clear: both;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #313D51;
}


#navhome a, #navnews a, #navcontact a{
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
	display: block;
	padding-top: 4px;
    padding-left: 10px;
	height: 20px;
	margin-left: 0px;
	text-align: center;
	padding-right: 10px;
	overflow: hidden;
	padding-bottom: 0px;
	line-height: 13px;
}

#home #navhome a, #contact #navcontact a {
	background-color: #343e4b;
	cursor: default;
	background-repeat: repeat-x;
}

#navbar div + div {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #414E5E;
	float: left;
}

.navitem{
    width: 50%;
    height: 24px;
    float: left;
	border-collapse: collapse;
}

.navItemFixIE {
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #414E5E;
}

.navitem a:hover{
	color: #FFFFFF;
	background-color: #11161E;
}

/*
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
FORMS RULES
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
*/

label {
	color: #3F4953;
	display: block;
	margin-left: 40px;
	font-size: 1.2em;
}

label.error {
    color: red;
}

label span.error {
    font-weight: normal;
    color: red;
}

label.required {
    font-weight: bold;
}

span.required {
    font-weight: bold;
}

input[type=text] {
	margin-left: 40px;
    width: 320px;
    border: 1px solid #BFC3BF;
}

input[type=submit] {
    margin-left: 10px;
    text-align:center;
}

textarea {
    margin-left: 40px;
	font-size: 1em;
	display: block;
    width: 320px;
	border: 1px solid #BFC3BF;
}

form {
	background-color: #FEFEFE;
	padding-right: 10px;
	padding-bottom: 10px;
	margin: 0;
}

form div {
    margin-bottom: 15px;
}

form div span.error {
    padding-left: 10px;
    color: #ff0000;
}

form div.info {
    text-align:right;
}

form div.submit {
    text-align:center;
    margin-bottom: 0px;
}

.formarea {
    width: 400px;
	border: 1px solid #CCCCCC;
    padding: 20px;
    margin-bottom: 40px;
    margin-left:auto;
    margin-right:auto;
}

.thanksarea {
    text-align:center;
    width:100%;
    margin-left: auto;
    margin-right: auto;
}

/*
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
Home Page
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
*/

#outerContent {
    padding-left: 30px;
    height: 470px;
}

#homepageContent {
	float: left;
	width: 520px;
	display: inline;
    font-size: 15px;
}

#homepageBucketsContainer {
	float: right;
	width: 200px;
	font-size: 14px;
	line-height: 1.3em;
	margin-right: 30px;
	display: inline;
}

#homepageBucketsContainer div + div {
	margin-top: 17px;
	border-top: 1px dotted #666666;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding-top: 12px;
}


#homepageBucketsContainer h1 {
	font-size: 16px;
	line-height: 16px;
	margin: 0px 0px .5em;
	padding: 0px;
	font-weight: bold;
	color: #4B5164;
}

.homepageBucket {
	font-size: 1.1em;
	line-height: 1.2em;
	margin-top: 0px;
}

/*
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
404/500 Page
ħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħħ
*/

.message404, .message500 {
    text-align:center;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 200px;
    padding-bottom: 200px;
}

