/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Created: date / Intitals
Updated: date / initials
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	HTML & Body
	Links
	Tables
	Lists	
	Typography
	Template 
	Navigation
	Forms	
	Classes
	Other

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}

/* ---------- ::HTML & Body:: --------------------- */
html { 
font-size:100.01%; /* an old Opera fix - may be outdated now */ 
height: 101%; /* forces scroll on short length pages */
}
body { 
height:100%;
font:62.5%/1.4 Arial,Tahoma,Geneva,Helvetica,sans-serif;
background:#A6B088;
color:#333;
}

/* ---------- ::Links:: ------------------------ */
a {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}

/* ---------- ::Tables:: ------------------- */
table {
border:none;
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only */
}
caption, th, td {
text-align: left;
vertical-align:top;
}
/* ---------- ::Lists:: ------------------- */
dl, ol, ul {margin-left: 20px;}
li, ol, dd, dt {
vertical-align:middle;/* or top, bottom, text-top, text-bottom */
list-style-position: inside;
} 
/* ---------- ::Typography:: ------------------- 
The font size & padding here as a placeholder
- modify for the project
*/
abbr,acronym {text-decoration: none;border:0}
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding:.6em 0;}
h1 {font-size:2.2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}

address,blockquote,dd,dt,li,p,th,td {font-size:1.2em;}
dt {font-weight:bold;}
pre {font-size: 12px;}

/* Resets for Nested elements */
blockquote p, p blockquote,
li li, li li li,ol ol,ol ol ol,ul ul, ul ul ul,
p address, p pre, pre p,
td address, td h1, td h2, td h3, td h4, td li, td dd, td dt, td p, td pre
{font-size: 100%;}

q:before,q:after {content:'';}
/*hr {margin:6px 0 7px 0;} Only for Fx??*/

/* ---------- ::Forms:: ------------------------ */
label {
cursor:pointer;
text-align:right;
}
fieldset {
margin:0;
padding:0;
border:0;
}
input,label,select,textarea {
line-height:1.2;
vertical-align:baseline; /* instead of top ? */
font-size:12px;
font-family:inherit;
}
input[type="radio"], input[type="checkbox"] {
position:relative;
top:1.5px;
}
input[type="text"],textarea {padding:.2em;}
textarea {overflow:auto;}

#contactform {
position:relative;
margin:0 auto;
width:500px;
}
#contactform div {
clear:both;
display:block;
padding:1em 0;
width:450px;
}
#contactform label, #contactform input, #contactform div.captcha img {
display:block;
float:left;
}
#contactform label {
padding-right:1em;
width:30%;
}
#contactform input,#contactform textarea {
width:60%;
}
	/* Multiple Checkbox, Radio Buttons */
	#contactform div div {
	clear:none;
	float:right;
	display:block;
	padding:0;
	width:60%;
	}
	#contactform div div label {
	display:inline;
	float:none;
	width:60%;
	}
	#contactform div div input {
display:inline;
	float:none;
	width:10%;
	}

#contactform div#imgverification button {
position:relative;
top:-6px;
}
#contactform div#imgverification input {
width:266px;
}
#contactform div.submit input {
width:170px;
margin-left:48px;
}
.error, .error * {color:#FF8A00;}


/* ---------- ::Global Classes:: --------------- */
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:0;
}
.external {/* class to open new windows with newwin.js */
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}

/* ---------- ::Other:: ------------------------ */

/* /// place specific page rules here if needed /// */