@charset "utf-8";

/************************************************************

	Usage:
  		CSS styles Shared across entire site

 ************************************************************/

	/* Body Styles */
	body { 
		font: normal 62.5%/1em Arial, Helvetica, sans-serif; 
		margin: 10px 0  10px 0; 
		background: #f1f1f1; 
		color: #333;
		text-align: center; 
      min-width: 956px;
		}
	/* Site Wrapper */
	#wrapper { 
		  width: 958px;
        text-align: left; 
        margin: 0 auto; 
        position: relative;
        background: #fff;
		}

	/* Resetting margins on headers and paragraphs */
	h1,  h2, h3, h4, h5, h6, p { 
	 	  margin: 0 0 10px 0;
        font-weight: normal;
		}
        
    h1,  h2, h3, h4, h5, h6 {
	     font-family: Arial, Helvetica, sans-serif;
        color: #00442e;
    }
	h1 {
		font-size: 2em;
		line-height: 1em
	}
	.column-content h2 {
		font-size: 1.6em;
	}	
	/* Remove border from linked images and fix vertical align */
	img { 
		border: none; vertical-align: bottom; 
		}
 
	/* Remove Text decoration on images */
	a { 
 		text-decoration: underline; 
        color: #2a6654;
		}
      a:visited { color: #2a6654; }
      a:hover,
      a:focus,
      a:active {  color: #555; }
 
	/* Hide text where necessary */
	.hide-text { 
		display: block; text-indent: -99999px; overflow: hidden; text-align: left !important;  font-size: 0.1em;
		}

	/* Set the font, text size and alignment of inputs */
	input, textarea, select, button { 
		vertical-align: middle; 
		font: normal 1em Arial, Helvetica, sans-serif; color: #333; 
		}

	/* Accessible way of hiding content */
	#accessibility, .full-hide { 
		position: absolute; top: 0; left: -9999px; height: 0px;
		}

	a.full-hide:hover,
    a.full-hide:focus,
    a.full-hide:active {
        color: #0063a3;
        font-size: 1.4em;
        text-decoration: underline;
    	  left: 250px;
        top: 10px;
    }
	/* Setting a height on all li and a's for IE 6 */
	* html ul li, * html a { 
		height: 1px; 
		}

	/* Reset margins and bullet points on lists */
	ul.link-list { 
		margin: 0; padding: 0; 
		}

		ul.link-list li { 
			margin: 0 0 5px; padding: 0; list-style: none; 
			}
            
            #content ul.link-list li a {
             	color: #555;
                display: block;
                background: url(../img/link_bullet.png) no-repeat left 6px;
                padding-left: 10px;
                text-decoration: none;
            }
            
            #content ul.link-list li a:hover,
            #content ul.link-list li a:focus,
            #content ul.link-list li a:active {
             	color: #0063a3;   
            }
    
	/* Fieldsets and Legends */
	fieldset, legend { 
		margin: 0; 
		padding: 0;
		border: none;
		}
		
	legend { display: none; }
    
    /* Forms */
    form { margin: 0; padding: 0; display: inline; }
    
    /*
    ==============================
     Button Styles
    ==============================
    */
    
    button { 
        position: relative;
        border: 0; 
        padding: 0;
        cursor: pointer;
        overflow: visible;
    }
    
    button::-moz-focus-inner {
        border: none;
    }
    
    button span { 
        position: relative;
        display: block; 
        white-space: nowrap;	
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        button span {
            margin-top: -1px;
        }
}    

/*
=============================
     Grid
=============================
*/
/*
958px grid system ~ Core CSS.
4 columns ~ margin: 10px

Based on the golden grid system - http://code.google.com/p/the-golden-grid/
by Vladimir Carrer

Created by the Grid System Generator - v1.00
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* =Containers
--------------------------------------------------------------------------------*/
.main
{
	margin-left: auto;
	margin-right: auto;
	width: 958px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.g-1col, .g-2col, .g-3col, .g-4col {
	display: inline;
	float: left;
	margin-left: 10px;
}

/* =Grid >> 4 Columns
--------------------------------------------------------------------------------*/
.g-1col{width:227px;}
.g-2col{width:464px;}
.g-3col{width:701px;}
.g-4col{width:938px;}


/* =Grid >> 4 Columns - no left margin
--------------------------------------------------------------------------------*/
.m-1col{margin-left:247px;}
.m-2col{margin-left:484px;}
.m-3col{margin-left:721px;}
.m-4col{margin-left:958px;}
.p-1col{padding-left:247px;}
.p-2col{padding-left:484px;}
.p-3col{padding-left:721px;}
.p-4col{padding-left:958px;}


.inside{margin-left:0;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/*
====================================================
	Wrappers 
====================================================
*/

.g-4col-wrapper {
	width: 958px;
	display: inline;
	float: left;
}
.g-3col-wrapper {
	width: 711px;
	display: inline;
	float: left;
}
.g-2col-wrapper {
	width: 474px;
	display: inline;
	float: left;
}
.g-1col-wrapper {
	width: 237px;
	display: inline;
	float: left;
}

/*
====================================================
	Content
====================================================
*/


#content {
	position: relative;
	z-index: 0;	
}
.column-content {
	padding: 0px 10px;
	font-size: 1.2em;
	line-height: 1.4em;
}
.column-content p {
	font-size: 1.1em;
}
.column-content ul li {
	font-size: 1.1em;
}
#sub-nav .column-content ul li {
	font-size: 1em;
}

	.column-content .column-content {
		font-size: 1em;
	}

.column-content ul li {
	list-style: none;
	padding-left:15px;
	background: url(../images/bullet.png) no-repeat left 3px;
}    
.column-content ol li {
	list-style: decimal;
	list-style-position: inside;
	margin-bottom: 4px;
}