﻿/*******************
Reset
Pasted elements from http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css and http://yui.yahooapis.com/2.7.0/build/base/base-min.css
*******************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:75%/1.231 arial,helvetica,clean,sans-serif;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1{font-size:200%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}


/*******************
HTML elements
*******************/

hr
{
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #666;
}


/*******************
Structure
*******************/
#wrapper
{
    margin: 0 auto 0 auto;
	padding: 0 0px 30px 0px;
    width: 970px;
    text-align: left; /* Re-aligns text to the left after setting in body */
}

.contentHolder /* Set up a page in which all content will be contained within columns */
{
	padding: 0px 0px 0px 15px;
}

.fullPage /* Full-width page with no columns */
{
	padding-right: 15px;
}


/*******************
Columns
*******************/                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
.one-column {width: 180px; padding-right: 10px; float: left;}
.two-column {width: 370px; padding-right: 10px; float: left;}
.three-column {width: 560px; padding-right: 10px; float: left;}
.four-column {width: 750px; padding-right: 10px; float: left;}
.five-column {width: 940px; padding-right: 10px; float: left;}

.columnHolder {}
.two-columnHolder {width: 380px; float: left;}
.three-columnHolder {width: 570px; float: left;}
.four-columnHolder {width: 760px; float: left;}





/*******************
Font sizes
*******************/

h1
{
	font-size: 200%; /* 24px */
}
h2
{
	font-size: 150%; /* 18px */
}
h3
{
	font-size: 135%; /* 16px */
}
h4, h5
{
	font-size: 115%; /* 14px */
}

.small
{
	font-size: 92%; /* 11px */
}

/*******************
Utilities
*******************/
.clearfix, .contentHolder {
    display: inline-block;
}
.clearfix:after, .contentHolder:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.hidden /* or "hide"? */
{
	display: none;
}
 
.show 
{
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}


* html .clearfix {
    height: 1%;
}

.clear 
{
	clear: both;
}

p.first
{
	padding-top:15px;
}

p.second
{
	padding-top:18px
}

.hide
{
	display:none;	
}

.floatLeft 
{
	float: left;
}

.floatRight 
{
	float: right;
}

.textLeft 
{
	text-align: left;
}

.textCenter 
{
	text-align: center;
}


.textRight 
{
	text-align: right;
}

.fullWidth 
{
	width: 100%;
}

.halfWidth 
{
	width: 50%;
}

.noMargin 
{
	margin: 0;
}

.noPadding
{
	padding: 0;
}
.white 
{
	color: White;
}