﻿/* reset.css */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** end reset.css **/

/* typography.css */
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #fff;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

/* forms.css */
label {font-weight:normal; display: block;}
label.inline { display: inline; }
fieldset {padding: 0 1.4em 1.4em;margin:0 0 1.5em 0;}
legend { font-weight:normal; font-size:1.2em; }
input.text, input.title, textarea, select {
	margin: 0.5em 0; border: 1px solid #bbb;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
input[type="text"] { width: 200px; }
input[type="password"] { width: 200px; }
textarea {width:500px;padding:5px;}


body {
  background: url(../images/page_bg.png);
  background-color: #000;
  font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
  font-size: 14px;
  color: #fff;
  line-height: 1.5em;
}

p {
	font-size: 14px;
	margin-bottom: 18px;
}

h1 {
  font-size: 42px;
  font-weight: normal;
  color: #fff;
  letter-spacing: 3px;
  line-height: 1;
}

h2 {
  font-size: 24px;
  font-weight: normal;
  color: #fc0;
  margin-bottom: 10px;
}

h3 {
  font-size: 21px;
  font-weight: normal;
  color: #fc0;
  margin-bottom: 10px;
}

h4 {
  font-size: 18px;
  font-weight: normal;
  color: #fc0;
  margin-bottom: 10px;
}

h5 {
  font-size: 12px;
  font-weight: bold;
  color: #fc0;
  margin-bottom: 10px;
}

html, body {
	height: 100%;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -110px; /* the bottom margin is the negative value of the footer's height */
}

#footer, .push {
	height: 110px;
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/


.push { clear: both; }


	#content {
		margin: 0 auto;
		width: 940px;
	}
	
		.sidebar {
			margin: 5px 2% 0 2%;
			overflow: hidden;
		}
		
		#main {
			float: left;
			width: 74%;
			margin-left: 0;
			margin-right: 2%;
			overflow: hidden;
		}
		
		#side {
			float: left;
			width: 19%;
		}
		
		#side ul {
		  list-style-type: none;
		}
		
		#side ul.sideMenu a, #side ul.sideMenu a:focus {
      color: #fff;
		}
		
		#side ul.sideMenu a:hover {
		  color: #ff0;
		}
		
		#side ul.sideMenu {
		  margin: 0 0 1.5em;
		}

	#footer {
 	   padding: 7px 0 3px 0; clear: both; 
	}
  
	#footer-nav { display: block; width: 940px; margin: 0 0 3px; padding: 0; float: left; }
	#footer-nav li { float: left; margin: 0 0 10px 0; display: block; padding: 0; width: 188px; }
	#footer-nav li { font-size: 1.05em; font-weight: bold; }
	#footer-nav li a { text-decoration: none; color: #fc0; }
	#footer-nav li a:hover { color: #ff0; }

	#footer-nav li.selected a { text-decoration: none; color: #000; }
	#footer-nav li.selected li a { text-decoration: none; color: #0060BF; }
	#footer-nav li.selected li a:link { text-decoration: none; color: #0060BF; }
	#footer-nav li.selected li a:visited { text-decoration: none; color: #0060BF; }
	#footer-nav li.selected li a:active { text-decoration: none; color: #0060BF; }
	#footer-nav li.selected li a:hover { text-decoration: underline; }

	#footer-nav li li a { text-decoration: none; color: #fff; padding-right: 5px; }
	#footer-nav li ul { margin-top: 5px !important; }
	#footer-nav li li { font-size: 0.98em; line-height: 1.05em; font-weight: normal; }
	#footer-nav li ul { margin: 0; padding: 0; }
	#footer-nav li li { float: none; display: block; margin: 0 0 4px 0; padding: 0; }
	
	#footer-content { margin: 0em auto; width: 940px; padding: 5px 0px; }

	#header {
		width: 940px;
		margin: 0em auto;
 	}	
	
		#logo {
		}
		
			#logo a {
				color: #fff;
			}
			
			#logo a:hover {
				color: #ff0;
			}
			
			#logo acronym {
				border: none;
			}
		
		ul.menu {
			padding: 6px 0;
			margin: 0 0 0 3px;
			list-style-type: none;
			text-align: left;
		}
		
		ul.menu li {
			display: inline;
		}
		
		ul.menu li a {
			color: #fc0;
			padding: 0.2em 1.5em 0.2em 0;
		}
		
		ul.menu li a.active {
			color: #fff;
			font-weight: bold;
		}

		ul.menu li a:hover, ul#menu li a.active:hover {
			color: #ff0;
		}					
		
p img {
	margin: 5px 10px 5px 0;
	padding: 0;
	border: 1px solid #000;
}

img.banner {
  border: solid 1px #040506;
}

a, a:focus {
  color: #fc0;
	text-decoration: none;
}

a:hover {
	color: #ff0;
}

.quiet      { color: #666; }
.loud       { color: #f00; }
.highlight  { background:#020304; color: #fa4; border: 1px solid #040506; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.error, .notice, .success {padding:.2em;margin-bottom:1em;border:1px solid #040506;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#020304;color:#fa4;border-color:#040506;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.field-validation-error { color: #ff0000; }
.validation-summary-errors { color: #ff0000; }
