@charset "UTF-8";
/* -----------------------------------------------------------------------

   Quark CSS Framework
   http://billyshall.com/quark/

   Copyright (c) Billy Shall
   
----------------------------------------------------------------------- */

/* Reset
------------------------------------------------------------ */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,code,pre,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,p,input,select,textarea { font-size: 1em; font-weight: normal; font-style:normal; }
table { border-collapse: collapse; border-spacing: 0; }
caption,th { text-align: left; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* Layout
------------------------------------------------------------ */
html { margin-bottom:1px; min-height:100%; }
html, body { height: 100%; }
body { padding: 0px 20px; }

.wrapper { position: relative; text-align: left; width: 960px; margin: 0 auto; }

body.fluid .wrapper { min-width: 948px; max-width: 1260px; margin: 0 auto; width: auto; width:expression(document.body.clientWidth < 950? "948px" : document.body.clientWidth > 1262? "1260px" : "auto"); }	
	
.header, .footer, .categories, .features { width: 100%; margin: 0 auto; position: relative; }

/* Grid
------------------------------------------------------------ */
.onecol, .twocol, .twocollefta, .twocolleftb, .twocolrighta, .twocolrightb, .threecol, .threecola, .fourcol, .fivecol, .sixcol { width: 100%; margin:0 auto 18px auto; display:inline-block; position:relative; }

.column { float: left; margin-left: 2%; }	
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right; }
.column :last-child { margin-bottom: 0; }

/* One Column ----------------------------- */
.onecol { }

/* Two Column ----------------------------- */

/* Even */
.twocol .column { width: 49%; }
.column .twocol .column, 
.column .twocol .column.first, 
.column .twocol .column.last { width: 48%; }

/* Smaller Left - Wider Right */
.twocollefta .column.first,
.column .twocollefta .column.first { width: 28%; }

.twocollefta .column.last,
.column .twocollefta .column.last  { width: 70%; }

/* Small Left - Wide Right */
.twocolleftb .column.first,
.column .twocolleftb .column.first { width: 33%; }

.twocolleftb .column.last,
.column .twocolleftb .column.last { width: 65%; }

/* Wider Left - Small Right */
.twocolrighta .column.first,
.column .twocolrighta .column.first { width: 72%; }
.twocolrighta .column.last,
.column .twocolrighta .column.last  { width: 26%; }

/* Small Left - Wide Right - fit nested .twocol for a total of 3 columns */
.twocolrightb .column.first,
.column .twocolrightb .column.first { width: 65%; }
.twocolrightb .column.last,
.column .twocolrightb .column.last { width: 33%; }


/* Three Column ----------------------------- */

/* Even */
.threecol .column,
.column .threecol .column,
.column.first .threecol .column,
.column.last .threecol .column { width: 32%; margin-right: 0 }

/* Small Right/Left - Wide Center */
.threecola .column, 
.column .threecola .column, 
.column.first .threecola .column, 
.column.last .threecola .column { width: 55.5%; }
.threecola .column.first, 
.threecola .column.last,
.column .threecola .column.first,
.column .threecola .column.last { width: 20%; }

/* Four Column */
.fourcol .column, 
.column .fourcol .column,
.column.first fourcol .column,
.column.last .fourcol .column { width: 23%; margin-left: 3%; }

/* Five Column */
.fivecol .column,
.column .fivecol .column,
.column.first .fivecol .column,
.column.last .fivecol .column { width: 18.5%; }

/* Six Column */
.sixcol .column,
.column .sixcol .column,
.column.first .sixcol .column,
.column.last .sixcol .column { width: 15.1%; }

/* Clearing Floats */
.column:after, .onecol:after, .twocol:after, .twocollefta:after, .twocolleftb:after, .twocolrighta:after, .twocolrightb:after, .threecol:after, .threecola:after, .fourcol:after, .fivecol:after, .sixcol:after, .clearfix:after {
 	content: "."; 
 	display: block; 
 	height: 0; 
	clear: both; 
 	visibility: hidden;
	}


/* Typography ------------------------------------------------------------ */
body { background-color: #F6F6F6; color: #333; font: 14px/18px Helvetica, Arial, Verdana; }
	
.serif { font: Georgia, "lucida bright", "times new roman", serif; }
	
/* Links */	
a { color: #3EA6CA; text-decoration: none; }
a:hover, a:focus { color: #002845; text-decoration: none; }
a:active { color: #002845; }
a.left  { float: left; }
a.right { float: right; }

/* Headers */
h1 { font-size: 30px; line-height: 32px; margin-bottom: 12px; font-family: Georgia, "lucida bright","times new roman", serif; font-style:  italic; }
h2 { font-size: 20px; line-height: 20px; margin-bottom: 12px; } 
h3 { font-size: 15px; line-height: 18px; font-weight: bold; }
h4 { font-size: 12px; line-height: 18px; font-weight: bold; }
h5 { font-size: 11px; line-height: 18px; font-weight: bold; }
h6 { font-size: 10px; line-height: 18px; font-weight: bold; }
h1,h2,h3,h4,h5,h6 { color: #333; text-transform:; } 

/* Text Alignment */
p { margin-bottom: 18px; }
p.left { text-align: left; } 
.center { text-align: center; } 
p.right, div.right { text-align: right; } 
p.justify { text-align: justify; }

/* Images ------------------------------------------------------------ */
img.left   { float: left; margin: 0 15px 15px 0; }
img.center { margin: 0 auto; display: block; }
img.right  { float: right; margin: 0 0 15px 15px; }

img.gallery { border:1px solid #ccc; padding:5px; }
		
/* Misc ------------------------------------------------------------ */
em, i { font-style: italic; }
strong, b { font-weight: bold; }
.hr { background-color: #ccc; border: 0px; color: #ccc; height: 1px; margin: 8px 0 18px 0; }
pre, code { background:#E0ECF6; display:block; margin-bottom: 18px; padding:10px; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
address { margin-bottom: 18px; font-style: italic; }
del { color: #666; }
dfn { font-weight: bold; }
blockquote { 
	margin: 8px; 
	padding: 9px; 
	color: #333; 
	border-left: 5px solid #ddd;
	font: 40px/40px Palatino, Georgia, Times, serif;
	quotes: "\201C" "\201D";
	}
blockquote p { margin: 0; font-style:italic; }	
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after  { content: close-quote; font-weight: bold; }
cite { margin-left: 100px; font-weight: bold; }
.clear { clear: both; }
.title-cap { text-transform: capitalize; }

/* Lists ------------------------------------------------------------ */

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; margin-left: 2em; list-style-type: decimal; }

ul.disc { list-style: disc outside; margin-left: 2em; }
ul.circle { list-style: circle outside; margin-left: 2em; }
ul.square { list-style: square outside; margin-left: 2em; }

ul ul, ol ol { margin-bottom:0; }
	
dl { margin-bottom: 18px; }
dt { font-weight: bold; margin-bottom: 18px; }
dd { }

/* Forms ------------------------------------------------------------ */
fieldset { 
	position: relative; 
	border-top:1px solid #ccc;
	padding: 10px;
	margin-bottom:18px;
	}
fieldset legend { 
	font-weight:bold; 
	font-size:16px; 
	padding: 0 5px;
	}


/* Styled Form */
.quark label {
	padding-right:9px;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
	}

.quark .zero{ margin: 0px; padding: 0px; }

.quark input{ margin:2px 0 5px 0; padding: 5px; }	
.quark select{ margin:2px 0 9px 0; padding: 5px; }
.quark input[type="submit"] {  }
	
.quark input[type="text"] { background-color: #FFFFFF; border: #DDDDDD 1px solid; display: inline-block; font-size: 14px/16px; padding: 5px; width: 250px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.quark textarea{ background-color: #FFFFFF; border: #DDDDDD 1px solid; display: inline-block; font-size: 14px/16px; height: 150px; padding: 5px; margin:2px 0 5px 0; width: 250px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.quark .button{ background: #5DB4D2 url(../img/sm/nav-bg-rpt.gif) center repeat-x; border: #3EA6CA 1px solid; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14px/16px; font-weight: bold; height: 25px; padding: 2px 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.quark .button:hover, .button:focus{ background-color: #FFFFFF; background-image: none; border: #002845 1px solid; color:#002845; }

.button{ background: #5DB4D2 url(../img/sm/nav-bg-rpt.gif) center repeat-x; border: #3EA6CA 1px solid; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14px/16px; font-weight: bold; height: 25px; padding: 2px 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.button:hover, .button:focus{ background-color: #FFFFFF; background-image: none; border: #002845 1px solid; color:#002845; }

input[type="button"][disabled] { cursor: default; }

.button-green{ background: #92C616 url(../img/sm/green-bg-rpt.gif) center repeat-x; border: #92C616 1px solid; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14px/16px; font-weight: bold; height: 25px; padding: 2px 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.button-green:hover, .button-green:focus{ background-color: #FFFFFF; background-image: none; border: #92C616 1px solid; color:#92C616; }	

/* Tables ------------------------------------------------------------ */

table { margin-bottom: 18px; width:100%; }
th { font-weight: bold; text-align:center; }
td { text-align:center; }
tfoot { font-style: italic; }
.zebra { background-color:#EDF3F9; }

/* Print
------------------------------------------------------------ */
@media print {
	body, .wrapper { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration: none !important; }
	}