body {
margin : 0;
padding : 0;
font : 73% "Trebuchet MS", "lucida sans", arial, helvetica, sans-serif;
background : #dee2ef; /*cfd2d7 dfe1e6 efede8 e8eaef*/
line-height : 1.8em;
}
		/*HEADER */
#header {
height : 150px;
margin-bottom : 2em;
background : #2d3b72 url(images/header.jpg) no-repeat;
}
#header h1 {
float : right;
margin : 0;
padding : 0.5em 1em 0 0;
font-size : 160%;
letter-spacing : 5px;
color : #FFF;
background : transparent;
}
		/*TOP MENU */
#menu {
height : 95px;
margin : 0;
padding : 0;
list-style-type : none;
list-style-image : none;
text-transform : uppercase;
}
#menu li {
float : left;
width : 7em;
border-right : 1px solid #485578;
}
#menu a {
display : block;
height : 95px;
width : 7em;
padding : 50px 0 0;
text-decoration : none;
font-weight : bold;
line-height : 95px;
text-align : center;
color : #333;
background : #adaeb3;
}
#menu a:hover , #menu .active a{
text-decoration : none;
color : #fff;
background : #2d3957;
}
		/*3 COLUMN LAYOUT */
#gutter {
float : left;
width : 3%;
height : 1px;
}

#col1 {
float : left;
width : 42%;
margin-bottom : 1em;
border-right : 1px solid #ccc;
padding-right : 3%;
}

/*
#col1 img {
float : left;
padding : 10px;
}
*/
#col2 {
float : left;
width : 19%;
margin-left : 3%;
margin-bottom : 1em;
border-right : 0 solid #999;
padding-right : 3%;
}
#col3 {
float : left;
width : 19%;
margin-left : 3%;
margin-bottom : 1em;
}

#col1vB {
float : left;
width : 25%;
margin-bottom : 1em;
border-right : 1px solid #ccc;
padding-right : 3%;
}

#col2vB {
float : left;
width : 25%;
margin-left : 3%;
margin-bottom : 1em;
border-right : 1px solid #ccc;
padding-right : 3%;
}
#col3vB {
float : left;
width : 25%;
margin-left : 3%;
margin-bottom : 1em;
}

#colA {
float : left;
width : 580px;
margin-bottom : 1em;

margin-right : 15%;
margin-left: 15%;
}


#colA img {
float : left;
padding : 10px;
}

#colB {
float : left;
width : 880px;
margin-bottom : 1em;

margin-right :5%;
margin-left: 5%;
}

/* Page */

#page {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0;
	
}

/* Content */

#content {
	float: left;
	width: 900px;
	background : #efede8;
}
	/*Gallery pulled from Free Clouds template*/
#gallery {
height : 400px;
margin-left : 20px;
}
#gallery img {
float : left;
padding : 22px;

}
		/*FOOTER */
#footer {
clear : both;
height : 50px;
border-top : 1px solid #ccc;
padding : 0.5em;
text-align: center;
}

		/*ROUNDED CORNERS */
.box {
background : #adaeb3;
color : #777750;
text-align : center;
font-weight : bold;
}
.boxtop {
background : url(images/ne.gif) no-repeat top right;
}
.boxtop div {
height : 10px;
background : url(images/nw.gif) no-repeat top left;
}
.boxbottom {
background : url(images/se.gif) no-repeat bottom right;
}
.boxbottom div {
height : 10px;
background : url(images/sw.gif) no-repeat bottom left;
}
.boxcontent {
padding : 0 10px 0 10px;
}
		/*TYPOGRAPHY */
h2 {
margin-top : 0;
font-size : 150%;
text-transform : uppercase;
letter-spacing : 3px;
border-bottom : 1px solid #ccc;
color : #666;
background : inherit;
margin-right : 15%;
}
h3 {
margin-top : 0;
font-size : 175%;
text-transform : uppercase;
letter-spacing : 3px;
color : #666;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #fff;
}
		/*LINKS */
a:link, a:visited {
color : #25356a;
background : inherit;
text-decoration : underline;
}
a:hover {
color : #e4e7f1;
background : inherit;
text-decoration : none;
}
a:active {
color : #666;
background : inherit;
text-decoration : none;
}
a img {
border : 0;
}

/*  Quicktime   */
.quicktime .button
{
	text-decoration: none;
	outline: none;
	position: relative;
	top: 50%;
}

.standard
{
	background-color: rgb(20,20,20);
	font-size: 1.25em;
	color: white;
	zoom: 100%;
	padding: .5em 1em;
	-moz-opacity: .8;
	-webkit-opacity: .8;
	filter: alpha(opacity=80);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border: none;
	font-family: Arial, sans-serif;
}

.quicktime
{
	position:relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
}

/*  Thumbnail stuff from Dynamic Drive @ http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm*/


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}