/*MASTER CSS FILE FOR ALL PROJECTS - project specific styles are imported 
in an aditional file named after the specific project*/

/*------------------------------------------------------------------------
CSS RESET STYLES VIA ERIC MEYER
------------------------------------------------------------------------*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body{line-height:1em; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*------------------------------------------------------------------------
TYPOGRAPHY includes YUI fonts.css
------------------------------------------------------------------------*/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}



/*----------------------------------------------------------------------
FORMS
----------------------------------------------------------------------*/
form{}
input, textarea, select {font-family:sans-serif; font-size:.75em;}
form fieldset{border:1px solid #ccc; padding:10px;}
form p{clear:both;}
form p label{font-weight:bold; float:left; margin: 0 10px 0 0;}
form p input{float:left;}

/*----------------------------------------------------------------------
IMAGES
----------------------------------------------------------------------*/
img {}
a img { border: none; }
.img-left {float: left; clear: both; margin: 0 1em 1em 0;}
.img-right {float: right; margin: 0 0 1em 1em;}

/*----------------------------------------------------------------------
UTILITIES
----------------------------------------------------------------------*/
.centered{margin:0 auto;}
.alt-row{background:#efefef;}
.here{}

/*----------------------------------------------------------------------
CLEARING WITHOUT MARKUP VIA POSITION IS EVERYTHING
----------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*----------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------*/

/*Vertical Navigation*/
.nav-v ul { padding: 1em 0; }
.nav-v li {margin: 0; padding: 0; list-style-type:none;}
.nav-v li {float:left; clear:both;}
.nav-v li ul { margin-bottom: 0.4em; }
.nav-v li a {display:block; padding: 0.4em 0;}
.nav-v li a:hover { text-decoration:none; }
.nav-v li li {font-size: 0.82em; color: #ccc; list-style-type: square; margin-left:2em;}

/*Horizontal Navigation*/
.nav-h ul { padding:1em 0; }
.nav-h li {margin: 0; padding: 0; list-style-type:none;}
.nav-h li {float:left; margin-right:1em;}


/*----------------------------------------------------------------------
PRIMARY/SECONDARY CONTAINERS
----------------------------------------------------------------------*/
#header-container, #nav-container, #main-container, #footer-container{width:100%;}
	#header{margin:0 auto; }
	#navigation{margin:0 auto;}
	#main-content{margin:0 auto; clear:both;}
		#sidebar{}
		#content{}
	#footer{margin:0 auto;}


/*----------------------------------------------------------------------
GRID
----------------------------------------------------------------------*/
/*NEW GENERIC COLUMNS WITH GUTTER*/
.first{float:left !important;}
.col-10, .col-20, .col-30, .col-35, .col-40, .col-45 ,.col-50, .col-55, .col-60, .col-65, .col-70, .col-80, .col-90{float:right;}
.col-90{width:89%;}
.col-80{width:79%;}
.col-70{width:69%;}
.col-65{width:64%;}
.col-60{width:59%;}
.col-55{width:54%;}
.col-50{width:49%; *width:48.1%;}
.col-45{width:44%;}
.col-40{width:39%;}
.col-35{width:34%;}
.col-30{width:29%;}
.col-20{width:19%;}
.col-10{width:9%;}

/*FOR THIRDS*/
.col-33{float:left !important; margin-left:1%; width:32%;}

/*NEW GENERIC COLUMNS WITH GUTTER*/
.no-gutter .col-30{width:29.96%;}
.no-gutter .col-35{width:34.96%;}
.no-gutter .col-65{width:64.96%;}
.no-gutter .col-70{width:69.96%;}
.no-gutter .col-33{width:33.3%; margin:0;}

/*COMPILED BY FLUIDMEDIA LLC*/