/*
Theme Name: Two Column CSS Layout Sample Template
Author: LearnWebCode.com
Author URI: http://learnwebcode.com/
*/

body {
	font: small Helvetica, Arial, sans-serif;
	background: #fff url(../images/bg-body.gif);
	color: #3a3a3a;
	}

body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, input, form, fieldset, label, a:link, a:hover {padding: 0;margin: 0}

h2{
	font-weight: bold;
	font: small Monotype Coursiver;
	
	
	}
p {margin: 0 0 1.7em 0; line-height: 1.7em; text-align: justify }

ul, li, dl, dt, dd {list-style: none}

a:link, a:visited {color: black;}
//a:link, a:visited {color: #347aa6;}
img {border: none;}
a:hover {color: #347aa6;}

/* ---------------------------------------------
	
	basic structure elements
	
--------------------------------------------- */
#container {
	width: 900px;
	margin: 20px auto;
	background-color: #FFF;
}

#content {
	background: url(../images/bg-content.gif) top left repeat-y;
	 overflow: hidden;
   clear:    both;
}

/* ---------------------------------------------
	
	header
	
--------------------------------------------- */
#header {
	background:url(../images/header.jpg);
	height:150px;
}

#header h1 {
	color: #FFF;
	padding: 55px;
	font-size: 230%;
	display:none;
}

#header h1 a {
	color: #FFF;
	text-decoration: none;
	padding: 4px;
}

#header h1 a:hover {
	background-color: #2a6d97;
	text-decoration: underline;
}

#header span{
	font-size: 200%;
	
	color: white;
	padding: 0em;
	margin-top: -2em;
	display: block;
	margin-left: 5em;
}

/* ---------------------------------------------
	
	navigation
	
--------------------------------------------- */
#nav {
	background-color: none;
}

#nav ul li {
	float: right;
}

#nav ul li a {
	margin-top:110px;
	display: block;
	float: left;
	color: #1f4e6b;
	//color: black;
	text-decoration: none;
	padding: 10px 12px;
	font: 16px gfdgllk;
	//font-weight: bold;
}

#nav ul li a:hover {
	background-color: #cde8de;
	color: #1f4e6b;
	border: 1px solid #64a08c;
	padding: 9px 11px;
}

/* ---------------------------------------------
	
	main column
	
--------------------------------------------- */
#main {
	width: 355px;
	float: left;
	margin-top: 10px;
	background: #cde8de;
	
   padding-bottom: 100000px;
   margin-bottom:  -100000px;
}

#main-inner {
	padding: 25px;
   padding-bottom: 0;
}

#main h2 {
	color: #1f4e6b;
	font-size: 150%;
	margin: 0 0 6px 0;
}

#photos{
	width: 900px;
	float: left;
	margin-top: 10px;
	background: #cde8de;
	
   padding-bottom: 100000px;
   margin-bottom:  -100000px;
}

#photos-inner {
	padding: 25px;
   padding-bottom: 0;
}
#photos h2 {
	color: #1f4e6b;
	font-size: 150%;
	margin: 0 0 6px 0;
}
#photos img{
	margin:1em auto 1em 2em;
}
/* ---------------------------------------------
	
	side column
	
--------------------------------------------- */
#side {
	width: 535px;
	float: left;
	   padding-bottom: 100000px;
   margin-bottom:  -100000px;
}

#side-inner {
	padding: 0 0 0 10px;
}

#side h3 {
	color: #5a7c8f;
	font-size: 125%;
	margin: 0 0 6px 0;
}

.img-right {
	float: right;
	margin: 0 0 10px 10px;
	border: 2px solid #94b0c0;
}

#side-inner img{
	margin-top: 10px;
	}
	
/* ---------------------------------------------
	
	index image strip
	
--------------------------------------------- */
#strip {
	clear: left;
	padding: 10px 0 0 0;
	margin-left: -6px;	
}

#strip img{
	margin-left: 6px;
}

/* ---------------------------------------------
	
	footer
	
--------------------------------------------- */
#footer {
	background-color: #64a08c;
	clear: left;
	color: #eee;
	padding: 10px 0;
	height: 100px;
	margin-top:10px;
}

#footer p {
	text-align: center;
	margin: 0;
}

#footer p a {
	color: #5b5b5b;
}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */