/*
Layout Features

Grid : 12 x 55px columns with 15px gutters
Type : 12px/18px
Colors :

Text color: #333333
Link color: #

Structure :
	* Container
		- Header
			` logo
			` supnav
			` nav
		- Main
			` grid[2-12]
		- Footer
			` footernav
			` copyright
			

Standard Sizes
Fonts:  12/18 - Body
		11/14 - Small

*/

/* @group Reset */

/* CSS Reset
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */
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,
dd, dl, dt, li, ol, ul, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style:  inherit;
	line-height: inherit;
	font-family: inherit;
	text-align:  left;
}
a img, :link img, :visited img {border: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

h1, h2, h3, h4, h5, h6, p {
  position: relative;
} 

/* @end */

/* @group Layout */

/* IE PNG Fix
http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ 

NOTE: Make sure to add .htc to Apache's mime types or won't work:
in .htaccess add the following line:

AddType text/x-component .htc

*/ 
img, input { behavior: url(/includes_css/iepngfix.htc);}

/* Content Alignment */
.left {float: left;	margin-bottom: 15px;margin-right: 15px;}
.right { float: right;margin-bottom: 15px;margin-left: 15px;}
.righttight {float: right; margin-left: 15px; }
.across {margin-bottom: 15px;}

/* Text Alignment */
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter {text-align: center;}

/* Vertical Spacing */
.snug {margin-top: -15px !important;}
.snugloose {margin-top: -7px !important;}
.pad {margin-top: 15px !important;}
.padtight {margin-top: 7px !important;}
.padsuper { margin-top: 30px !important;}
.nomargins {margin: 0px !important;}
.snug_nomargins {margin: -15px 0 0 !important;}
.flatbottom {margin-bottom: 0;}

/* Horizontal Spacing */
.flushleft {margin-left: 0px !important;}

/* Float Clearers */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* Hiding Class */
.hide, .hideme {
	display:  none;
}

/* Bug Finders */
.bugborder {border: 1px solid red;}
/* @end */

/* @group Form Elements */

div.fieldgroup {
	margin-bottom: 15px;
}

label {
	font-weight: bold;
	margin-bottom: 3px;
}

input[type="radio"] {
	margin: 0;
}

input[type="text"], input[type="password"], textarea {
	padding-bottom: 3px;
	padding-top: 3px;
	border: 1px solid #999;
}
select {
	padding: 0px;
	margin-bottom: 3px;
}


/* @end */

/* @group Alerts */

#alert_error {
	background-color: #ffb2b2;
	padding: 5px;
	border: 1px solid #ff5d5d;
	margin-bottom: 15px;
}
#alert_success {
	background-color: #bfffb2;
	padding: 5px;
	border: 1px solid #79ff5d;
	margin-bottom: 15px;
}
.alert p {
	margin: 0;
	padding: 0;
}

/* @end */



/* @group Typography */

body {
	font: 12px Lucida Grande, Arial, Verdana, sans-serif;
	background-color: #fff;
	color: #333;
	line-height: 18px;
}

a {
	/*color: #ff6600;*/
		color: #3090c0;

	text-decoration: none;
}

a:link {
	
}

a:visited {
	
}

a:hover {
	
}

a:active {
	
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

sup {
	padding-left: 1px;
	font-size: 10px !important;
	font-weight: normal !important;
	vertical-align: baseline;
	position: relative;
	bottom: 0.33em;
	color: #76797c;
	_position: static !important;
}

ul{
	list-style-position: outside;
	margin-bottom: 15px;
}

ul li {
	background: url(../images/list_bullet.gif) no-repeat left 5px;
	padding-left: 8px;
	margin-left: 15px;
}

p {
	margin-bottom: 15px;
}

table {
		margin-bottom: 15px;

}




h1 {
	font-size: 32px;
	line-height: 36px;
	color: #666;
		margin-bottom: 15px;

}

h2 {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	margin-bottom: 15px;

}

h3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 26px;
}

h4 {
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
}

.fineprint {
	font-size: 9px;
	color: #76797c;
	line-height: 11px;
}

.small {
	font-size: 11px;
	line-height: 14px;
}
.tiny {
	font-size: 10px;
	line-height: 12px;
}

.caption {
	font-size: 10px;
	line-height: 12px;
}

/* @end */

/* @group Grid */

/* Grid Instructions

   <div class="grid2 firstcolumn">
   
   12 column grid
   
   grid2 {}
       ^ number of columns wide the unit is
   string the columns together to form a whole
   
   firstcolumn {}
     ^ removes the margin so that it is flush left

   A horizontal "group" of twelve columns should be enclosed in a
   <div class=".section"> so that we avoid float issues.

*/

.section {margin-bottom: 15px;}

/* column widths... */
.width1  {width: 55px;}
.width2  {width: 125px;}
.width3  {width: 195px;}
.width4  {width: 265px;}
.width5  {width: 335px;}
.width6  {width: 405px;}
.width7  {width: 475px;}
.width8  {width: 545px;}
.width9  {width: 615px;}
.width10 {width: 685px;}
.width11 {width: 755px;}
.width12 {width: 825px;}

/* form input widths are 6px less */
.input_width1  {width: 49px;}
.input_width2  {width: 119px;}
.input_width3  {width: 189px;}
.input_width4  {width: 259px;}
.input_width5  {width: 329px;}
.input_width6  {width: 399px;}
.input_width7  {width: 469px;}
.input_width8  {width: 539px;}
.input_width9  {width: 609px;}
.input_width10 {width: 679px;}
.input_width11 {width: 749px;}
.input_width12 {width: 819px;}

.grid2,.grid3,.grid4,.grid5,.grid6,
.grid7,.grid8,.grid9,.grid10,.grid11,
.grid9_2col {
	margin-left: 15px;
	float: left;
	display: inline;
	overflow: hidden;
}

.grid2{width: 125px;}
.grid3{width: 195px;}
.grid4{width: 265px;}
.grid5{width: 335px;}
.grid6{width: 405px;}
.grid7{width: 475px;}
.grid8{width: 545px;}
.grid9{width: 615px;}
	.grid9_2col{width: 300px;}
.grid10{width: 685px;}
.grid11{width: 755px;}
.grid12{width: 825px;
		overflow: hidden;}


.firstcolumn,.firstcol {margin-left: 0;}



.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.section {*zoom: 1;}





/* @end */

@media print {

	body, #main, #content {
		background: #fff !important;
		color: #000 !important;
	}
	
	a, a:link, a:visited {
		color: #000 !important;
		text-decoration: none;
	}
}