/* page setup */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #333;
	background: #fff url(../images/main-background2.png) repeat-y top center;
	}

a:link, a:visited {
	color: #00f;
	}

a:hover {
	color: #00f;
	}

h1 {
	color: #CF1514;
	font-size: 160%;
	margin: 10px 0 0 0;
	padding: 0;
	line-height:1.2;
}

h2 {
	color: #CF1514;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 120%;
}


h3 {
	color: #CF1514;
	margin-top: 20px;
	font-size: 100%;
}

#wrap {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	text-align: left;
/*	background: #fff; */
	}

/* header */

#header {
	margin: 0;
	padding: 0;
	float: left;
	width: 780px;
	height: 200px;
	background: #fff url(../images/logobg.gif) no-repeat top left;
	}

#header h1 {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	}

#mainbody {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	width: 780px;
/*	background: #fff; */
	}

/* navigation */
#nav {
        float: left;
	width: 781px;
        margin: 0;
        padding: 0;
        height: 44px;
/*        background: #DC0505;
        background: #BF2134;
        background: #D01313; */
        background: #CB1818;
        }

#nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        }

#nav ul li {
	float: left;
	margin: 8px 0 0 0;
        padding: 12px 16px 10px 16px;
        }

#nav ul li a {
        font-size: 100%;
        margin: 0;
        text-decoration: none;
        text-align: center;
        color: #fff; 
        }

#nav ul li:hover {
	color: #000;
	background: #fff;
	}

#nav ul li:hover a {
	color: #000;
	background: #fff;
	}

#nav ul li.active {
	color: #000;
	background: #fff;
	}

#nav ul li.active a {
	color: #000;
	background: #fff;
	}

/* content */

#contentbox {
	float: left;
	width: 500px;
	margin: 0;
	height: 100%;
	}

#content {
	margin: 0;
	padding: 25px 10px 25px 30px;
	font-size: 100%;
	line-height: 1.4em;
}

/* gallery */

#gallerybox {
	float: left;
	width: 780px;
	margin: 0;
	height: 100%;
	}

#gallery {
	margin: 0;
	padding: 25px 30px 25px 30px;
	font-size: 105%;
	line-height: 1.4em;
}

#gallery-portrait ul {
	font-size: 1em;
	list-style: none;
	padding: 20px 0px 0px 0px;
	margin: 0;
	}

#gallery-portrait li {
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 20px 12px;
	float: left;
	width: 120px;
	text-align: center;
	font-size: 0.8em;
	}
#gallery-portrait p {
	padding: 0;
	margin: 0;
	}

#gallery-landscape {
	clear: both;

}
#gallery-landscape ul {
	font-size: 1em;
	list-style: none;
	padding: 0px 0 30px 0;
	margin: 0;
	}

#gallery-landscape li {
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 20px 12px;
	float: left;
	width: 178px;
	text-align: center;
	font-size: 0.8em;
	}
#gallery-landscape p {
	padding: 0;
	margin: 0;
	}

p {
	padding: 16px 0 0 0;
	margin: 0;
}

p.descriptor {
	padding: 0;
	margin: 0;
	font-style:oblique;
}

p.articlename {
	padding: 10px 0 0 0;
	margin: 0;
	font-weight:bold;
}

p.description {
	padding: 0 0 0 0;
	margin: 0;
}

p.link {
	padding: 0;
	margin: 0;
}

p.links, p.contact {
	line-height:2;
}

label{
float: left;
width: 245px;
font-weight: normal;
}

p.contact label{
float: left;
width: 150px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 140px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}
textarea{
width: 250px;
height: 150px;
}

/* sidebar */

#sidebar {
	margin: 0;
	float: left;
	position: relative;
	width: 280px;
	height: 100%;
	padding: 15px 0 25px 0;
	}	

#pictures {
	margin: 0;
	padding: 15px 15px 0;
	}
	
.thumb {
padding: 20px 0 0px 0;
}

#pictures p {
	margin: 0;
	padding: 3px 0 0 0;
	font-size: 90%;
	}

/* footer */

#footer {
	clear: both;
	margin: 0;
	text-align: center;
	padding: 0 0 20px 0;
	}

#footer p {
	margin: 0;
	padding: 2px;
	font-size: 90%;
	color: #666;
	}

#footer p.bottomnav {
	margin: 15px 0 0 0;
	padding: 0px 0 0 0;
}
	
#footer a {
	color: #999;
	}
	
/* misc. */

hr, .hide {
	display: none;
	}

/* IE fixes */

/* hide from IE/Mac \*/

#main-body {
	clear: left;
	}

* html div {
	height: 1%;
	}

/* end hide */


body {
	font-size: x-small;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}

html>body { 
	font-size: small;
	}

#wrap {
	width: 782px; 
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 780px;
	}
html>body #wrap { /* be nice to Opera */
	width: 780px;
	}

/* self-clearing float */

#nav { display: inline-block; }
/* Hides from IE/Mac \*/
* html #nav, * html #footer { height: 1%; }
#nav { display: block; }
/* End hide from IE/Mac */