/* CSS Document */
/* 
  aardvark.legs by Anatoli Papirovski - http://fecklessmind.com/
  Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/

/* 
  Reset first. Modified version of Eric Meyer and Paul Chaplin reset 
  from http://meyerweb.com/eric/tools/css/reset/ 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, nav, section, article, aside, footer
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent;}

blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}

header, nav, section, article, aside, footer {display: block;}

/* Basic styles */
body {
	color:#333;
	font-family:"Lucida Grande", Verdana, sans-serif;
	text-align:center;
	font-size: 62.5%; // For IE
	}
html>body {
font-size: 10px; // IE can’t read this
}

img {display: inline-block; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight: 700;}
address,cite,em,i,caption,dfn,var {font-style: italic;}

h1 {margin: 0 0 0.75em; font-size: 2em;}
h2 {margin: 0 0 1em; font-size: 1.5em;}
h3 {margin: 0 0 1.286em; font-size: 1.167em;}
h4 {margin: 0 0 1.5em; font-size: 1em;}
h5 {margin: 0 0 1.8em; font-size: .834em;}
h6 {margin: 0 0 2em; font-size: .75em;}

p,ul,ol,dl,blockquote,pre {margin: 0 0 1.5em;}

li ul,li ol {margin: 0;}
ul {list-style: outside disc;}
ol {list-style: outside decimal;}
li {margin: 0 0 0 2em;}
dd {padding-left: 1.5em;}
blockquote {padding: 0 1.5em;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}
abbr,acronym {border-bottom: 1px dotted; cursor: help;}
del {text-decoration: line-through;}
ins {text-decoration: overline;}
sub {font-size: .834em; line-height: 1em; vertical-align: sub;}
sup {font-size: .834em; line-height: 1em; vertical-align: super;}

/* Table styles */
table {border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em;}
caption {text-align: left;}
th, td {padding: .25em .5em;}
tbody td, tbody th {border: 1px solid #000;}
tfoot {font-style: italic;}

/* Clearfix Method for clearing floats - Thanks to John Gallant (Big John) http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* ----- header ----- */

#logo {
	position: relative;
	background: #fff url(../images/header1.jpg) top center no-repeat;
	height: 200px;
	width: 950px;
	padding: 0;
	margin: 0 auto 15px auto;
	}

/* navigation */

#navig {
	position:absolute;
	top:165px;
	left:300px;
	margin:0;
	padding:0;
	list-style:none;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	color:#555;
	}

#navig li {
	float:left;
	margin:0;
	padding:0 0 0 10px;
	height:15px;
	list-style:none;
	border-right:1px solid #ababab;
	}	
#navig li.first {
	border-left:1px solid #ababab;
	}
#navig a {
	float:left;
	padding:0 10px 0 0;
	text-decoration:none;
	color:#666;
	}	
#navig a:hover, #navig a.active {
	color: #000;
	}
#navig a.active {
	color: #A97D05;
	text-decoration: underline;
	}

/* ----- wrap ----- */
#wrap {
	position:relative;
	margin:0 auto;
	overflow:hidden; /* This hides the excess padding in non-IE browsers */
	background:#fafafa url(../images/bg-stripe-1.jpg) repeat-y;
	width:950px;
	padding:0;
	}	
#singlecolumn {
	margin:0;
	padding:35px;
	text-align:left;
	}
#singlecolumn iframe {
	margin:20px auto;
	background-color:#fafafa;
	}
#singlecolumn p {
	font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	line-height:175%;
	}
#singlecolumn img.right {
	float:right;
	display:inline;
	margin: 0 0 0 20px;
	}
#singlecolumn img.left {
	float:left;
	display:inline;
	margin:0 20px 20px 0;
	}

/* ----- single column top/bottom stripe ----- */


.stripe, .stripetop {
	clear:both;
	margin:0 auto;
	padding:0;
	width:950px;
	line-height:normal;
	}
.stripe img, .stripetop img {
	margin:0;
	padding:0;
	border:0;
	}
.stripe {
	position:absolute;
	top:0;
	}
.stripetop img {
	vertical-align:bottom;
	}