/*   
Website: http://besthandwritingsummercamp.org
Description: 
Author: Ryan Evjen and Jonathan Nicol
Author URI: http://www.visdomdesign.com
Version: 1.0
*/

html {
	overflow-y: scroll;
}

body {
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size:100%;
    line-height:1.125em;
    color: #fff;
}


/* ----- IDS ----- */

#container{
	background: #254686 url('../images/toptear.jpg') top repeat-x; 
}

#insideContainer{
	width: 900px;
	margin: auto;
	padding: 55px 0 0 0;
}
#bottomContainer{
	background: white url('../images/bottomtear.jpg') top repeat-x;
	height: 29px;
	background-color: white;
}	

#primaryContent{
	width: 460px;
	float: left;
}	

#narrowLeft {
	width:450px;
	float: left;
}

#wideSidebar {
	width:420px;
	float: right;
}

#sidebar{
	width:285px;
	float: right;
	padding: 15px;
	min-height: 400px;
	background-color: #f0f0f0;
	border: 1px solid #CECFD0;
}

#sidebar_empty{
	width:400px;
	float: right;
	margin-top: 5px;
}


#header{
	position: relative;
	border-top: 10px solid #118237;
	margin-bottom: 0;
}

#headerInside{
	background-color: transparent;
	width: 900px;
	margin: auto;
	position: relative;
}

#logo{
	position: relative;
	float: left;
	margin-top: 8px;
}	

#topBox {
	clear: left;
	float: left;
	width: 900px;
	height: 280px;
	margin-top:3px;
}

#footer{
	margin: 20px 0 20px 0;
	height: 75px;
 	text-align:center;
}

#footerContainer{
	width: 900px;
	margin: auto;
}


/* ----- CLASSES ----- */

.colLeft {
	width: 255px;
	float: left;
	padding-right: 20px;
}

.colRight {
	width: 225px;
	float: left;
	
}

.colMiddle {
	width: 340px;
	float: left;
	padding: 0 20px 0 20px;
	/* border-right: 1px solid #808080; */
	border-left: 1px solid #808080; 
}

h1.home {
	color: #27221F;
	font-weight: 200;
	font-size: 1.8em;
	line-height: 1.1em;
}

.clear {
	clear: both;
}

/* ----- HEADINGS ----- */
h1, h2, h3, h4{
	color:#a5c8d2;
	margin:0 0 5px;
}

h1, h2, h3 {
	line-height:1.05em;
	padding-bottom:10px;
}

h1{
	font-size: 1.4em;	
	margin: 0 0 10px 0;
}

h2{
	font-size: 1.1em;
	padding: 0;
}

h3{
	font-size: 1em;
	padding: 0;
}

h4{
}

#sidebar h2 {
	font-size: 1.4em;
}

/* ----- PARAGRAPHS ----- */

p{
	font-size:0.875em;
	padding-bottom: 20px;
}
p.big {
	font-size: 1.2em;
	line-height: 1.2em;
}
p.home {
	font-size: .95em;
	line-height: 1.15em;
}

/* ----- QUOTES ----- */

blockquote{
}

blockquote p{
}

cite{
}

blockquote cite{
}

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

li{
	padding-bottom: 10px;
}

li p{
}

ol{
}

ul{
	margin-left: 25px;
}

ol li{
}
ul li{
	font-size: .875em;
	list-style-type: disc;
}        
#mainNavs {
	position: relative;
	float: right;
	padding: 0;
	margin: 0;
	width: 610px;
	height: 89px;
}
#mainNavs li{
	list-style-type: none;
}

#mainNavs a {
  	display: block;
  	text-indent: -900%;
  	position: absolute;
  	outline: none;
}

#mainNavs a:hover {
  	background-position: right;
}

#mainNavs .about {
  	width: 110px;
  	height: 42px;
  	left: 0px;
  	top:20px;
  	background: url(../images/about_ro.png) no-repeat;
}

#mainNavs .contact {
  	width: 110px;
  	height: 42px;
  	left: 485px;
  	top:20px;
  	background: url(../images/contact_ro.png) no-repeat;
}

#mainNavs .programs {
  	width: 110px;
  	height: 42px;
  	left:100px;
  	top:20px;
  	background: url(../images/programs_ro.png) no-repeat;
}

#mainNavs .testimonials {
  	width: 110px;
  	height: 42px;
  	left: 200px;
  	top:20px;
  	background: url(../images/testimonials_ro.png) no-repeat;
}

#mainNavs .products {
  	width: 110px;
  	height: 42px;
  	left:330px;
  	top:20px;
  	background: url(../images/products_ro.png) no-repeat;
}

#mainNavs .summer {
  	width: 155px;
  	height: 42px;
  	left:320px;
  	top:20px;
  	background: url(../images/summercamp_ro.png) no-repeat;
}


ul.footer {
	float: left;
	width: 100%;
}
.footer li{
	list-style-type: none;
	display: inline;
	color: #808080;
	font-size: .75em;
	padding: 0 10px 0 5px;
}
.footer li a{
	color: #808080;
	text-decoration: none;
}
.footer li a:hover{
	text-decoration: underline;
}
.footer li.last {
	border: none;
	margin: 0;
	padding-right: 0;
}

/* ----- IMAGES ----- */

img{
}
img a{
}
img a:hover{
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
	font-weight: 200;
	color: #ffcb68;
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
	color: #c1ee80;
	text-decoration: none;
}
a:hover{
	color: #c1ee80;
	text-decoration: underline;
}

a.download {
    display: block;
    width: 200px;
    height: 33px;
    background: url("../images/sessions_ro.png") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.download {
    background-position: -200px 0;
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

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

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}