/*  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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul, dl {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



html, body{
/*	width:100%;*/
	height: 100%;
	font-family: Arial, "MS Trebuchet", sans-serif;
}

ul,li {
	display: inline;
	list-style: none;
}

h1 {
	display: none;
}

div#alternatelogo {
	width: 355px;
	height: 196px;
	display: block;
	background: url('../_graphics/site/logo.gif');
}

div#sitelogo {
	width: 335px;
	height: 193px;
	display: block;
	position: absolute;
	right: 0;
	top: 40px;	
}

div#navigation {
	font-family: Georgia, serif;
	position: absolute;
	right: 0;
	top: 240px;
	border-top: 1px solid #c4a41d;
	border-bottom: 1px solid #c4a41d;
	width: 90%;
	height: 60px;
	font-style: oblique;
}

div#subnav {
	display: block;
	float: right;
}

div#navigation span {
	color: #b41515;
	font-weight: bold;
}

div#container {
	width: 990px;
	display: block;
	margin: 0 0 0 -495px;
	position: absolute;
	left: 50%;
}

div#content {
	position: absolute;
	display: block;
	top: 302px;
	width: 655px;
	padding: 10px 0 0 100px;
	margin-left: 235px;
	background: url('../_graphics/site/fancybg.jpg') repeat-x;
}

div#left-col {
	background: #F9F6E9 url('../_graphics/site/leftbg.gif') no-repeat;
	float: left;
	display: block;
	width: 394px;
	padding: 5px 15px;
}

div.side-border {
	width: 3px;
	height: 100%;
	border: 1px solid red;
	background-image: url('../_graphics/site/leftsidebg.gif');
}

.png {
	behavior: url(../_styles/iepngfix.htc);
}

div#right-col {
	behavior: url(../_styles/iepngfix.htc);
	background: url('../_graphics/site/whitetransbg.png');
	float: left;
	display: block;
	width: 190px;
	margin-left: 20px;
	padding: 0 5px;
}

body#home div#right-col {
	background: none;
}

div.right-col-box {
	background: #e7d9a2 url('../_graphics/site/rightboxbg.jpg');
	padding: 10px;
	width: 162px;
	margin: 0 auto 0 auto;
	color: #FFF;
	font-size: .8em;
	font-weight: bold;
}

div.right-col-box-base {
	width: 182px;
	height: 4px;
	display: block;
	background: #e7d9a2 url('../_graphics/site/rightboxbase.gif') no-repeat;
	margin: 0 auto 20px auto;
	font-size: 0.000001em;
}

div#esmee {
	z-index: 2;
	width: 0px;
	display: block;
	height: 100%;
	position: fixed;
	background: url('../_graphics/site/esmeeprofile.png') top right no-repeat;
	behavior: url(../_styles/iepngfix.htc);
}


div.news-item {
	font-size: 1em;
	color: #c19f11;
	margin-bottom: 20px;
	background: url('../_graphics/site/divider.gif') bottom center no-repeat;
	padding-bottom: 30px;
}

h2, span.quote {

	color: #875f09;
	font-family: Georgia, serif;
	font-style: oblique;
}

span.quote {
	font-size: 1em;
}

h2 {
	text-transform: lowercase;
		font-size: 1.3em;
}

p {
	font-size: 0.8em;
	margin-bottom: 1em;
}

p.dark {
	color: #875F09;
}

p.light, p {
	color: #C19F11;
}

ul#menu {
	margin-top: 5px;
	display: block;
	margin-left: 0;
/*	background: url('../_graphics/site/menu.gif');*/
	height:26px;
	width:100%;
	background: url('../_graphics/site/menu.gif') right -76px no-repeat;
}

ul#menu li {
	display: block;
	position:absolute;
	height: 26px;
	text-indent: -99999px;
/*	border: 1px solid red;*/
}

ul#menu li a {
	display:block;
	height:100%;
	width:100%;
	background-image: url('../_graphics/site/menu.gif');
}

li#home		{ right: 590px; width:65px;}
li#news		{ right: 512px; width:63px;}
li#who		{ right: 332px; width:165px;}
li#tour		{ right: 265px; width:50px;}
li#blog		{ right: 195px; width:52px;}
li#videos	{ right: 102px; width:75px;}
li#gallery	{ right: 0px; width:85px;}

li#home	a		{ }
li#news a		{ background-position: -82px 0;}
li#who a		{ background-position: -160px 0;}
li#tour	a		{ background-position: -342px 0;}
li#blog	a		{ background-position: -410px 0;}
li#videos a		{ background-position: -480px 0;}
li#gallery a	{ background-position: -572px 0;}

li#home	a:hover		{ background-position: 0px -26px;}
li#news a:hover		{ background-position: -82px -26px;}
li#who a:hover		{ background-position: -160px -26px;}
li#tour	a:hover		{ background-position: -342px -26px;}
li#blog	a:hover		{ background-position: -410px -26px;}
li#videos a:hover	{ background-position: -480px -26px;}
li#gallery a:hover	{ background-position: -572px -26px;}

body#home li#home a			{ background-position: 0px -51px;}
body#news li#news a			{ background-position: -82px -51px;}
body#who li#who a			{ background-position: -160px -51px;}
body#tour li#tour a			{ background-position: -342px -51px;}
body#blog li#blog a			{ background-position: -410px -51px;}
body#videos li#videos a		{ background-position: -480px -51px;}
body#gallery li#gallery a	{ background-position: -572px -51px;}














ul#submenu {
	margin-top: 5px;
	display: block;
	margin-left: 0;
	height:18px;
	width:660px;
}

ul#submenu li {
	display: block;
	position:absolute;
	height: 18px;
	text-indent: -99999px;
}

ul#submenu li a {
	display:block;
	height:100%;
	width:100%;
	background-image: url('../_graphics/site/submenu.gif');
}


li#mailinglist		{ right: 400px; width:250px;}
li#myspace		{ right: 110px; width:81px;}
li#bebo		{ right: 50px; width:54px;}
li#youtube		{ right: 0px; width:47px;}


li#mailinglist	a		{ background-position: -8px 0; }
li#myspace	a		{ background-position: -468px 0; }
li#bebo a		{ background-position: -557px 0;}
li#youtube	a		{ background-position: -613px 0;}

/*
li#myspace	a:hover		{ background-position: 0px -26px;}
li#bebo a:hover		{ background-position: -95px -26px;}
li#youtube	a:hover		{ background-position: -290px -26px;}


body#myspace li#home a			{ background-position: 0px -51px;}
body#bebo li#who a			{ background-position: -95px -51px;}
body#youtube li#tour a			{ background-position: -290px -51px;}*/

a {
	color: #875F09;
}

a:hover {
	color: #e5a824;
}

div#twitter a {
	color: #FFF;
	text-decoration: none;
}

.hide-me {
	display: none;
}

span.datetime {
	font-weight: bold;
	font-size: 0.7em;
	color: #C19F11;
}

span.summary {
	color: #875f09;
	font-family: Georgia, serif;
	font-style: oblique;
	font-weight: bold;
	text-transform: lowercase;
	margin-left: 15px;
}

div.vevent {
	cursor:hand;
	margin-bottom: .6em;
}

div#main {
	display: block; width: 515px; background: url(../_graphics/site/videobg.gif) no-repeat; padding: 10px
}

div#videomain {
	display: block; width: 600px; background: url(../_graphics/site/videobg.gif) no-repeat; padding: 10px; 
}

h1 a {
	height: 100%;
	width: 100%;
}

h2 a {
	text-decoration: none;
}


div#right-col a {
	text-decoration: none;
	font-size: .8em;
	font-weight: bold;
	text-transform: lowercase;
	width: 100%;
}

a.active {
	color: #C19F11;
}

div.gallery-image {
	padding: 2px;
	background-color: #FFF;
	display: block;
	float: left;
	clear: none;
	width: 120px;
	margin: 3px;
}

div.side-nav {
	border-bottom: 1px solid #D2C8AD;

}

div.side-nav a {
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 2px;
	margin: 2px 0;
}
