/* ----------------------------------------------------
Screen Stylesheet for http://www.deorotech.com

2009-03-01
Author: Chris Petersen
Website: http://www.dimensionalbusinesssolutions.ca

------------------------------------------------------- 
Base Template Author: Eric Watson 08/01/08
Website: http://www.VisibilityInherit.com
------------------------------------------------------- 
: Site Colors : 

: Table Of Contents :
Resets
Defaults
Typography
Forms
Layout
Links
Menus
Global Classes
Content
---------------------------------------------------- */

/* -------------------- Resets --------------------- */
body, address, blockquote, img, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
	margin: 0;
	padding: 0;
}
img {
	border: 0; /* kills Gecko bug when img's are placed inside links */
}
/* --------------- Document Defaults -------------- */
html {
	height: 100%; 
	overflow: inherit; /* triggers 100% height in Opera 9.5 */
	/* overflow-y: scroll; /* creates a horizontal scrollbar, for a more consistent look & feel */
	/* scroll only available in css v3 */
}
body {
	height: 100%; /* helps make height 100% */
	font: 62.5%/1.5 Arial, Helvetica, Tahoma, sans-serif; /* "at browser default" 62.5% makes font-size 1em = 10px, 1.2em = 12px, etc */
	line-height:1.4em;
	background: #cccccc;
	color: #000000;
}
/* ------------------ Typography ------------------- */
p, pre, blockquote, address {
	margin-top:1.2em;
}
p, span {
	font-size: 1.2em;
	/* padding:10px 0 80px; */ /* bottom padding clears the #footer */
}
ul, ol {
	font-size: 1.2em;
}
ul {
	margin:0 0 1em 25px;
	list-style:none;
}
ul ul { /* fixes nested lists */
	font-size: 100%;
	font-weight: normal;
}
em {font-size:1.15em; font-style:normal;} /* font size .15 larger */

h1, h2, h3, h4, h5, h6{	line-height:1.5;}

h1 { /* first word tall thin black caps, rest regular bold lower case blue */
	font-size:1.4em;
	color: #003366; /* blue */
	background: #ffffff; /* white */	
	font-weight: heavy;
	text-transform: lowercase;
}
h1 em{
	color: #000000; /* black */
	font-weight: light;
	text-transform: uppercase;
}
h2 {
	font-size:1.2em;
	color: #003366; /* blue */
	background: #ffffff; /* white */	
	font-weight: light;
	text-transform: lowercase;
}
h2 em{
	font-weight: heavy;
	text-transform: uppercase;
}
h3 {
	font-size:1.2em;
	color: #cc9900; /* orange */
	background: #eeeeee; /* grey */
	font-weight: medium;
}
h4 {font-size:1.2em;}
h5 {font-size:1.2em;}
h6 {font-size:1.2em;}
.caps {font-variant: small-caps;}
.indent {padding-left:1.5em;}

.biglist {
	padding:0 2em 0 2em;
}	
.biglist ul {
	list-style-type:disc;
}
.biglist li {
	padding-bottom:10px;
}

/* -------------------- Forms ---------------------- */
fieldset, table {
	border: none;
}
form {
	padding-left:1.5em;
}
form :focus {
	outline: 0; /* removes Safari's blue border */
	padding-left:1.5em;
}  
input, label {
	width:240px;
	float:left;
	/* margin:0 0 1em; */
	vertical-align: middle;
}
label {
	text-align:right;
	width:75px;
	padding:0 10px 0 0;
	cursor: pointer;
}
input, select, textarea, label {
	font-size: 1.2em;
	font-family: Arial, Helvetica, Tahoma, 'MS Sans Serif', sans-serif;
}
input, textarea {
	width:240px;
	float:left;
	margin:0 0 .5em;
	background:#cccccc;
	/* padding: .2em; */
}
textarea {
	height: 10em; 
}
input:hover, textarea:hover, input:focus, textarea:focus {
	background:#ffffff;
	outline:0;
}
.formline {
	clear: both;
}
.formbutton{
	cursor:pointer;
	width:5em;
	border:outset .1em #cccccc;
	padding: .2em .2em;
	background:#cccccc;
	color:#666666;
	font-weight:500;
	background:url(../images/formbg.gif) repeat-x left top;
	margin:0 0 0 85px;
}
.formbutton:hover, .formbutton.focus {
	border:outset .1em #cccccc;
	font-weight:600;
}

/* -------------------- Layout --------------------- */
#wrapper {
	margin: 0 auto -80px; /* centers layout */
	min-height: 100%; /* height 100% in all modern browsers */
	position:relative; /* positions the #footer relative to the #wrapper */
	width: 721px; /*Width of main container*/
}
#header {
	float: left;
}
#inner1{
	/* inner wrapper for controlling the border */
	float: left;
	width: 690px;
	padding:0 0 0 31px; 
	background:transparent url(../images/border_left.jpg) repeat-y;
	background-color:#ffffff;
	background-position:top left;
}
#inner2{
	/* inner wrapper for controlling the border */
	float: right;
	background:transparent url(../images/border_right.jpg) repeat;
	background-color:#ffffff;
	background-position:top right;
	padding:0 30px 0 0;
}
#banner {
	width: 658px;
	background: #000000;
	padding:0 1px 0 1px;
	clear: both;
}
#content {
	float: left;
	width: 660px;
	background: #ffffff;
	padding:10px 0px 20px 0px;
}
#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
	padding-right: 15px;
	padding-left: 15px;
}
#footer {
	position: relative; /* positions #footer at bottom of #wrapper */
	height:71px;
	padding: 20px 0 0 0;
	clear: both;
	overflow:hidden;
	background:transparent url(../images/border_bottom.jpg) no-repeat;
	background-position:top left;
	text-align: center;
}
.edgeleft {
	border-left-width:1px;
	border-left-style:dotted;
}
.edgeright {
	border-right-width:1px;
	border-right-style:dotted;
}
.edgetop {
	border-top-width:1px;
	border-top-style:dotted;
}

/* ------------------- Links ---------------------- */
a {
	text-decoration: underline;
	outline: 0; /* removes dotted border in FX */
}
a:visited {
	text-decoration: underline;
}
a:active, a:focus, a:hover {
	text-decoration: underline;
	color: #888888;
}

h3 a {
	text-decoration: underline;
	outline: 0; /* removes dotted border in FX */
	color: #cc9900;
}
h3 a:visited {
	text-decoration: underline;
	color: #cc9900;
}
h3 a:active, h3 a:focus, h3 a:hover {
	text-decoration: underline;
	color: #cc9900;
}

/* --------------------- Menus ---------------------- */
/* Main Menu */
#nav {
	display:block;
	height: 49px;
	float: left;
	background: #000000;
}
#nav ul {margin:0; padding:0 0px; list-style-type:none;}
#nav li {float:left; display:block; padding:0 1px;}

/* Top quick links */
#toplinks {
	float: left;
	background:transparent url(../images/heading_right.jpg) no-repeat;
	background-position: top right; 
	display:block;
	width: 427px;
	height: 104px;
	text-align:right; 
}
#toplinks p { 
	padding: 20px 33px; 
	color: #888888;
}
#toplinks a {
	color: #888888;
}
#toplinks a:active, #toplinks a:focus, #toplinks a:hover {
	text-decoration: underline;
	color: #ffffff;
}

/* Footer Menu */
#footer p {
	float: left;
}
#footer a {
	color: #000000;
}
#footer a:active, #footer a:focus, #footer a:hover {
	text-decoration: underline;
	color: #666666;
}
#footer ul {
	list-style-type:none;
	display: inline;
	margin:0;
	padding:0;
}
#footer li {
	margin:5px 0 5px 10px;
}
#footer li a {
	color: #888888;
}
#footer li a:active, #footer li a:focus, #footer li a:hover {
	text-decoration: underline;
	color: #444444;
}

/* ---------------- Global Classes ----------------- */
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.margin-0 {
	margin: 0;
	padding:0;
}
.margin-top {
	margin: 1em 0 0;
}
.clear {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
}
.clearfix:after {
	content:" "; 
	display:block; 
	height:0;
	font-size:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* ----------------- Content/Pages ----------------- */