/* Import Yahoo! Reset CSS */
@import'http://yui.yahooapis.com/2.2.2/build/reset/reset-min.css';

/* Provide wrapping for float containers. */ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Image Replacement <span>s */ 
#nav-small li a span, #nav-large li a span { display: block; width: 0; height: 0; overflow: hidden; }

body {
	font: normal normal normal 62.5%/1 Tahoma, Helvetica, Verdana, sans-serif;
	background-color: #EBEBEB;
	color: #666666;
	text-align: center;
}

a:link, a:visited {
	color: #084A8E;
	text-decoration: underline;
}

a:hover, a:active {
	color: #333;
	text-decoration: none;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

address, blockquote, p, pre, dl, ol, ul {
	padding: 0;
	margin:  0 0 1.5em 0;
	line-height: 1.6em;
}

address { font-style: normal; }

b, strong { font-weight: bold; }

i, em { font-style: italic; }

blockquote {
	padding: 0px 25px;
	font-style: italic;
	background: url(../images/predefined/blockquote-open.gif) no-repeat top left;
	color: #999;
}

	blockquote cite {
		display: block;
		padding: 0 0 15px 15px;
		font-weight: bold;
		background: url(../images/predefined/blockquote-close.gif) no-repeat top right;
	}

cite { font-style: italic; }

code, kbd, pre, samp, tt {
	font-size: 1.1em;
	font-family: Consolas, Courier New, Courier, monospace;
}

	code { color: #538B1E; }

pre {
	padding: 10px;
	border: 1px solid #BFBFBF;
	overflow: auto;
	background-color: #EBEBEB;
}

del { text-decoration: line-through; }

img { border: 0; }

	img.left {
		float: left;
		margin: 5px 10px 10px 0;
	}

	img.right {
		float: right;
		margin: 5px 0 10px 10px;
	}

p.callout {
	font-size: 1.2em;
	margin-bottom: 1em;
}

sub, sup { font-size: .8em; }

	sub { vertical-align: sub; }
	sup { vertical-align: super; }

/* Headings 
   -------- */
   
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 1em;
	font-weight: normal;
	letter-spacing: 1px;
	color: #084A8E;
}

h1 { font-size: 1.5em; } 
h2 { font-size: 1.4em; } 
h3 { font-size: 1.2em; }
h4 { font-size: 1em; } 
h5 { font-size: 1em; }
h6 { font-size: 1em; }

/* Tables
   ------ */

table {
	width: 100%;
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
}

caption {
	padding: 5px 0 10px 0;
	font-size: 1.1em;
	color: #084A8E;
}

th, td {
	padding: 5px 10px;
	border: 1px solid #999;
}

thead th {
	border-top: 5px solid #BFBFBF;
	background-color: #999;
	color: #FFF;
}

tfoot td { background-color: #DADADA; }

/* Lists 
   ----- */
   
dl { margin: 0; }

	dt {
		display: inline;
		padding: 0 15px 0 0;
		margin: 0;
		font-weight: bold;
		background: url(../images/predefined/arrow-grey.gif) no-repeat center right;
	}
  
	dd {
		display: block;
		padding: 0 0 10px 0;
	}

ol { list-style: decimal; }

ol, ul { margin:  0 0 1.5em 20px; }

ul { list-style-image: url(../images/predefined/bullet.gif); }

ul ul {
	margin: 0 0 0 18px;
	list-style-image: url(../images/predefined/sub-ul-bullet.gif);
}

/* Forms
   -----*/

form { margin: 0 0 1.5em 0; }

form p {
	clear: both;
	margin: 0 0 10px 0;
}

form p.warning {
	font-weight: bold;
	color: #B73425;
}

form fieldset {
	padding: 10px;
	border: 1px solid #C8C8C8;
	margin: 0 0 1.5em 0;
}

form legend {
	padding: 5px 10px;
	border: 1px solid #C8C8C8;
	border-bottom-color: #999;
	border-right-color: #999;
}

form div { padding: 0 0 15px 0; }
	 
form .text label, form .select label, form .select-multiple label {
	float: left;
	width: 125px;
	padding: 3px 0 0 0;
	margin: 0 10px 0 0;
	text-align: right;
}

form .text input, form .text textarea, form .select select, form .select-multiple select {
	float: left;
	width: 250px;
	padding: 1px;
	border: 1px solid #999;
	background-color: #FFF;
}

form .text textarea, form .select-multiple select { height: 125px; }
form .select select, form .select-multiple select { width: 254px; }

form .checkboxes label, form .radios label { padding: 0 0 0 10px; }

form .checkboxes input, form .radios input { margin: 0 0 0 135px; }
	form .radios input { vertical-align: middle; }

form .buttons { margin: 0 0 0 135px; }

form .buttons input {
	padding: 1px 2px;
	border: 1px solid #C8C8C8;
	border-bottom-color: #666;
	border-right-color: #666;
	margin: 0 10px 10px 0;
	background-color: #DEDEDE;
	text-transform: capitalize;
}

/* Predefined Styles & Elements
   ============================ 

   Green Box and Blue Box */

div.content div.green-box, div.content div.blue-box {
	color: #FFF;
	padding: 0;
	margin: 0 0 1.5em 0;
}

	div.content div.green-box h3, div.content div.blue-box h3 {
		padding: 5px 12px;
		margin: 0;
		text-transform: uppercase;
		font-size: 1.1em;
		font-weight: bold;
		color: #FFF;
	}

	div.content div.green-box p, div.content div.blue-box p {
		padding: 5px 12px 10px 12px;
		margin: 0;
	}

	div.content div.green-box a, div.content div.blue-box a {
		background: url(../images/predefined/arrow-white.gif) no-repeat center right;
		padding: 0 18px 0 0;
		margin: 0;
		color: #FFF;
		font-weight: bold;
	}

div.content div.green-box { background: url(../images/predefined/green-box-bg.gif) repeat-x bottom left #6BA90E; }

div.content div.green-box h3 {
	background-color: #9FC821;
	border-top: 12px solid #6BA90E;
}

div.content div.blue-box { background: url(../images/predefined/blue-box-bg.gif) repeat-x bottom left #456363; }

div.content div.blue-box h3 {
	background-color: #5F7D7D;
	border-top: 12px solid #456363;
}

/* Left Column, Sub-Navigation Lists */

#small ul.left-links, #left ul.left-links { display: none; }

/* Big Right Thumb Box */

div.big-right-thumb {
	padding: 5px 0 0 0;
	border-top:
	1px solid #C8C8C8;
	margin: 0 0 1.5em 0;
}

	div.big-right-thumb img {
		float: right;
		width: 75px;
		padding: 1px;
		border: 1px solid #9A9A9A;
		margin: 0;
	}

	div.big-right-thumb p, div.big-right-thumb ul, div.big-right-thumb ol, div.big-right-thumb dl {
		padding: 0;
		margin: 0 90px 1.5em 0;
	}

	div.big-right-thumb ul, div.big-right-thumb ol { margin: 0 90px 1.5em 20px; }

/* Little Left Thumb Box */

div.little-left-thumb {
	padding: 0;
	margin: 0 0 1.5em 0;
}

	div.little-left-thumb img {
		float: left;
		width: 50px;
		padding: 1px;
		border: 1px solid #9A9A9A;
		margin: 0;
	}

	div.little-left-thumb p, div.little-left-thumb h4 {
		padding: 0;
		margin: 0 0 .5em 60px;
	}

	div.little-left-thumb a {
		padding: 0 15px 0 0;
		background: url(../images/predefined/greyarrow.gif) no-repeat center right transparent;
		font-weight: bold;
	}

/* Phone and Fax Spans */

span.phone {
	display: block;
	padding: 0 0 0 18px;
	background: url(../images/predefined/phone.gif) no-repeat center left #FFF;
}

span.fax {
	display: block;
	padding: 0 0 0 18px;
	background: url(../images/predefined/fax.gif) no-repeat center left #FFF;
}

/* Page Wrapper
   ============ */

#page { text-align: left; }

	#page-top { display: none; }

	#page-bottom { display: none; }

/* Masthead
   ======== */

#masthead {
	position: relative;
	width: 100%;
	height: 100px;
	padding: 0 0 1px 0;
	border-top: 10px solid #084A8E;
	border-bottom: 1px solid #C8C8C8;
	margin: 0 0 1em 0;
}

	#masthead #logo {
		position: absolute;
		top: -10px;
		left: 0;
	    width: 316px;
    	height: 110px;
	}

	#nav { display: none; }
		
/* Branding Block
   ============== */

#branding { display: none; }

/* Content Areas & Columns
   ======================= */

	#small, #left, #main, #center, #right, #column1, #column2, #column3 {
		border-bottom: 1px solid #C8C8C8;
		margin: 0 0 1em 0;
	}

/* Subcolumns
   ---------- */

.sub-col-1 {
	float: left;
	width: 45%;
}

.sub-col-2 {
	float: right;
	width: 45%;
}

/* Footer
   ======*/

#footer {
	padding: 1em 0;
	border-top: 1px solid #999;
	color: #999;
}

	#footer ul {
		list-style-type: none;
		padding: 0;
		margin: 0 0 10px 0;
	}

	#footer ul li { display: inline; }
	
	#footer a:link, #footer a:visited {
		color: #999;
		text-decoration: underline;
	}
	
		#footer ul a:link, #footer ul a:visited { text-decoration: none; }

	#footer a:hover, #footer a:active {
		color: #666;
		text-decoration: none;
	}

	#footer p {
		padding: 0;
		margin: 0;
	}

	#footer p.print { display: none; }