/* TOOLS */

/* = CLEARING */

.stretch,
.clear
{
	clear:both; 
	height:1px; 
	margin:0; 
	padding:0; 
	font-size: 15px;
	line-height: 1px;
}

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

* html>body .clearfix
{
	display: inline-block; 
	width: 100%;
}

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

/* END CLEARING */


/* = REPLACE */

.replace
{
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
}

	/* tidy these up */
	.replace *
	{
	text-indent: -10000px;
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
	
/* END REPLACE */


/* = ACCESSIBILITY */

span.accesskey
{
	text-decoration:none;
}

.accessibility
{
	position: absolute;
	top: -999em;
	left: -999em;
}

.accessibile-headline
{
	position: relative;
	top: 0;
	left: 0;
}
		
/* END ACCESSIBILITY */

/* = TYPOGRAPHY: TABLE OF CONTENTS

	1. = BODY
    2. = LINKS
    3. = HEADINGS
    4. = TEXT
    5. = LISTS
    6. = TABLES
    7. = HORIZONTAL RULES

	HOW TO CALCULATE PROPER LINE HEIGHT IN EMS
	child element pixels (your desired pixel value) / parent element pixels = child ems

---------------------------------------------------------
*/

/* = BODY
---------------------------------------------------------
*/

body
{
	text-align: left;
	font-family: "lucida grande", lucida, tahoma, verdana, helvetica, arial, sans-serif;
    font-size: 62.5%;
	color: #333;
	background: transparent url('../../images/cameronmoll-960grid.png') top left repeat;
}

     /* IE doesn't see this. Compensate for Safari's default font size (14px) as opposed to the standard 16px in other browsers */
     html>body
     {
     	font-size: 10px;
     }

div
{
	
}

img
{
	border: 0;
}
	
/* = LINKS
---------------------------------------------------------
*/

a,
a:link 
a:active
{
	color: blue;
	background-color: transparent;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

a:visited
{
	color: purple;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

a:hover
{
	color: blue;
	background-color: transparent;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

/* END LINKS
---------------------------------------------------------
*/
	
/* = HEADINGS
---------------------------------------------------------
*/

h1
{
	font-size: 1.8em;
	line-height: 1.0;
	font-weight: bold;
	margin: 0 0 1.0em 0;
	padding: 0;
    color: black;
}

h2
{
	font-size: 1.6em;
	line-height: 1.125; /* 18/16 = 1.125 */
	font-weight: bold;
	margin: 0 0 1.125em 0;
	padding: 0;
	color: black;
}

h3
{
	font-size: 1.4em;
	line-height: 1.286; /* 18/14 = 1.125 */
	font-weight: bold;
	margin: 0 0 1.286em 0;
	padding: 0;
	color: black;
}

h4
{
	font-size: 1.4em;
	line-height: 1.286; /* 18/14 = 1.125 */
	font-weight: bold;
	margin: 0 0 1.286em 0;
	padding: 0;
	color: black;
}

h5
{
	font-size: 1.2em;
	line-height: 1.5; /* 18/12 = 1.5 */
	font-weight: bold;
	margin: 0 0 1.5em 0;
	padding: 0;
	color: black;
}

h6
{
	font-size: 1.2em;
	line-height: 1.5; /* 18/12 = 1.5 */
	font-weight: bold;
	margin: 0 0 1.5em 0;
	padding: 0;
	color: black;
}

/* END HEADINGS
---------------------------------------------------------
*/

/* = TEXT
---------------------------------------------------------
*/

p
{
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	padding: 0;
}

blockquote
{
	border-left: 10px solid #ddd;
	margin-left: 10px;
}

strong, b
{
	font-weight: bold;
}

em, i
{
	font-style: italic;
}

pre
{
	font-family: monospace;
	font-size: 1.0em;
}

code
{
    /*font-family: "courier new", courier, monospace;
    white-space: pre;*/
	margin: 0 0 -1px 0;
	padding: 0;
	line-height: 1.5;
}

p.code
{
	padding: 0.667em 10px;
	margin: 0 0 1.5em 0;
	border: 0.0833em solid gray;
	background: transparent;
}

/* END TEXT
---------------------------------------------------------
*/
	
/* = LISTS
---------------------------------------------------------
*/

ul
{
	list-style-type: disc;
	font-size: 1.2em;
	margin: 0 0 1.5em 14px;
	padding: 0;
}

ul li
{
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0;
}

ol
{
	list-style-type: decimal;
	font-size: 1.2em;
	margin: 0 0 1.5em 26px;
	padding: 0;
}

ol li
{
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0;
}

dl
{
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	padding: 0;
}

dl dt
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

dl dd
{
	margin: 0 0 1.5em 30px;
	padding: 0;
}

/* END LISTS
---------------------------------------------------------
*/

/* = TABLES
---------------------------------------------------------
*/

table
{
	font-size: 1.0em;
	margin: 0 0 1.8em 0;
	padding: 0;
	border-top: 1px solid black;
	border-left: 1px solid black;
}

table caption
{
	font-weight: bold;
	margin: 0;
	padding: 0 0 1.8em 0;
}

th
{
	font-weight: bold;
	text-align: left;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding: 7px;
}

td
{
	font-size: 1.0em;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding: 7px;
}

/* END TABLES
---------------------------------------------------------
*/

/* = HORIZONTAL RULES
---------------------------------------------------------
*/
	
hr
{
	display: none;
}

div.hr
{
	font-size: 1.0em;
	height: 1px;
	margin: 0 0 1.8em 0;
	/*border-bottom: 1px solid black;*/
	background: black;
}

div.hr.light
{
	background: gray;
}

/* END HORIZONTAL RULES
---------------------------------------------------------
*/	

/* = FORM ELEMENTS */

form
{
	margin:0;
	padding:0;
}

form div,
form p
{
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: 0;
}

label
{
	font-weight: bold;
}

fieldset
{
	border: 1px solid #eee;
	padding: 5px 10px;
	margin: 0 0 1.5em 0;
}

fieldset legend
{
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 0;
	background-color: white;
}

	* html fieldset legend
	{
			margin: 0 0 10px -10px;
	}

fieldset ul
{
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

fieldset ul li
{
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}

input, select, textarea
{
	font-size:1em; 
	font-family: arial, helvetica, verdana, sans-serif;
	margin: 0;
	padding: 2px;
}

input, select
{
	vertical-align:middle;
}

textarea
{
	width: 200px;
	height: 8em;
}
	
input.check
{
	border: none;
	width: auto;
	height: auto;
	margin: 0;
}

input.radio
{
	border: none;
	width: auto;
	height: auto;
	margin: 0;
}

input.file
{
	height: auto;
	width: 250px;
}

input.readonly
{
	background-color: transparent;
	border: none;
}

input.button
{
	width: 10em;
	border:1px solid black;
	background-color: #ddd;
}

input.image
{
	border: none;
	width: auto;
	height: auto; 
}

form div.submit
{
	margin: 1em 0;
}

form div.submit input
{
	height: 2em;
	width: 15em;
}

/* END FORM ELEMENTS */

/* PRINT STYLES */

/*
= IMPORTANT OVERRIDES
---------------------------------------------------------
*/

* 
{
	float: none;
}

div#nav,
div#local,
div#footer ul
{
	display: none;
}

/*
END IMPORTANT OVERRIDES
---------------------------------------------------------
*/

/* = SITE SPECIFIC LAYOUT */

body
{
	margin: 0;
	padding: 0;
	background: white;
	text-align: center;
}

div#page
{
	width: 90%;
	margin:  0 5%;
	padding: 0;
	background: white;
	text-align: center;
}
    
/* = HEADER */

div#header
{
	text-align: left;
}

div#branding
{
	text-align: left;
}

div#search
{
	display: none;
}

/* END HEADER */
    
/*
= CONTENT
---------------------------------------------------------
*/

div#content
{
	text-align: left;
}
        
/* = MAIN */
div#main
{
                
}

/* END MAIN */
        
/* = SUB */
div#sub
{
                
}

/* END SUB */
        
/* 
END CONTENT
---------------------------------------------------------
*/
    
    
/* = FOOTER */

div#footer
{
	color: black;
	background-color: transparent;
}

div#footer p
{
	margin: 0;
	padding: 15px;
}

/* END FOOTER */

/* END LAYOUT */