body {
	margin:0 ;
	padding:0 ;
text-align: center;

}

.hidden {display: none;}
img {display: block; border:0;}
p {	text-align: left;}

body, p {
  font-family: tahoma,helvetica, sans-serif;
  font-size: 12px;
  color:#666;
}

/*/*/a{}
body,
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body,
html>body p {
  font-size: small;
}  
/* */

.wrapper{
	background-color:#ECEEDD/*#F0EEE8*/;
	/*overflow:hidden;*/
	float:left;
		text-align: left;
	width:300px;	
	border-left:200px solid #ECEEDD/*#F0EEE8*/; /* The width and color of the left rail */
	border-right:300px solid #ECEEDD/*#F0EEE8*/; /* The width and color of the right rail */
	/*margin-left:-200px;
	margin-right:-300px;*/
	margin-top:20px;
	/*display:inline;  So IE plays nice */	
}
html>body#n4 .wrapper {background:#fff;}

#leftcontent{
position:relative;
	float:left;
	width:200px;
	margin-left:-200px;
	position:relative;

}
#centercontent{
position:relative;
	float:left;
	width:300px;	
	margin-right:-300px;
border-left:1px solid #fff;border-right:1px solid #fff;
height:400px;
}
html>body #centercontent {height:auto;min-height:400px;}
/*body#n4 #centercontent {height:600px;}*/

body#landslide #centercontent {height:500px;}
html>body#landslide #centercontent {height:auto;min-height:500px;}
html>body#n4 #centercontent {border:none;}

#rightcontent{
	float:right;
	width:300px;
	margin-right:-300px;
	position:relative;
	/*border-left:1px solid #fff;*/
}
/*html>body#n4 #rightcontent {border:none;}*/


.header, .footer {
	/*margin-left:-200px;
	margin-right:-300px;*/
	clear:both;
	background-color:#fff;
}


/* Header Logo */

.header {position:relative;height:60px;}

#headerlogo {position:absolute;top:34px;left:9px; margin:0;padding:0;border:0; background: url(../g/logoOver.gif) 0 0 no-repeat; width:180px;height:37px; z-index:100; }
#logo {display:block;margin:0;padding:0;border:0;background: url(../g/logo.gif) 0 0 no-repeat;width:180px;height:37px;}
#logo:hover {background: url(../g/logoOver.gif) 0 0 no-repeat;}


/* Articles - Text */


.article {
	margin:5px;
	padding:12px;
	overflow:hidden;
	padding-left:0px;
}
* html .article{
	height:1%; /* So IE plays nice */
}
.article p {
	margin:.5em 1em;
}
#rightcontent .article {font-size:80%;}

.articleContainer{
	width:100%;
	border-left:102px solid #699;
	margin-left:-102px;
	background-color:#fefefe;
	display:inline;
	float:left;
}
.articleContent{
	width:100%;
	float:right;
	border-left:2px solid #444;
	margin-left:-2px;
	position:relative;
}
.articleContent p{
	padding:5px;
}
.articleRail{
	float:left;
	width:100px;
	margin-left:-102px;
	border:1px solid red;
	position:relative;
}

/* ---------- MENU ---------- */


.menu { position: relative; display:block; float: left;margin: 0.5em 0 0 0;width:200px; }
.menu ul { display:block; text-align: left;  padding: 0; }

.menu ul li {
	text-align: left;
	/*list-style-image: url(../g/barNew.gif);
	list-style-position: outside;*/
	background: url(../g/barNew.gif) left no-repeat;
	padding:0 0 0 28px;
	margin:6px  0;
	}

.menu ul li a {
    text-decoration: none;
    color: #666;
    text-align: justify;
	font: 100 90% arial, Helvetica,'gill sans', sans-serif;

	}
.menu ul li a:hover { text-decoration: none; color: #FF9C16;list-style-image: none;}
.menu ul li:hover {list-style: none;background:none;}


/* ---------- Rollover Image ---------- */

#rollover { position:absolute; border: 0; padding: 0; left:0px; top:0px; }

#imagelge {display: block;padding: 10px;margin: 0;}

div.menu ul p {display:none;}
div.menu li.one:hover p {
	display: block; position: absolute; top:0px; left: 512px; width: 260px; margin: 0; z-index: 100;background:transparent ;
	padding: 0;text-align: left; color:#333; }

/* ---------- typography ---------- */

.slide h1,.slide h3,.slide h4 {margin: 0 0 0 12px}

h1 {font: 900 1.5em/2em  'times new roman', verdana, sans-serif;padding:0 ;margin:0;}
.header h1 {display:none;}

h2 {
	font-size:  1.5em ;
	color: #333;
	text-align: left;
	padding:0 ;margin:0;
}
h2 a {text-decoration:none;color:#333;}
h2 a:hover {text-decoration:underline;color:#999;}


h3 {
	font-size: 1em;
	line-height: 1em;
	color: #333;
	text-align: left;
	margin: 0;
	font-weight: 900;
}

#rightcontent h3 {text-align:right;display:block;position:absolute;right:0px;top:-20px;padding: 0;margin:0;color:#91867E;}

h4 	{
	font-size: 120%;
	line-height: 1em;
	color: #333;
	text-align: left;
	margin: 0;
	font-weight: 100;text-transform:uppercase;
}
 
h5	{
	text-align: left;
	padding: 1em 0 0 0;margin:0;
	font-weight: 900;
}
/* toggle styling */

.abs { position:absolute; top:0; right:301px; width:298px; padding: 0 ;margin:0; height:600px; /*overflow:scroll;*/}

#dlist {width:auto; float: left; padding:0 16px; margin: 0;}
#dlist dd{background-color:#ECEEDD;padding:12px 0 0 0;}
#dlist dt {padding:4px 0;color:#999;text-transform:lowercase;text-transform:capitalize;}
#dlist dt:hover {color:#FFB754;}
.clicker { cursor:pointer; color:#FFB754;}
.selected { color:#FFB754; }
#dlist p, #dlist ul, #dlist h4{padding:0 12px ;}
/* ---------- Lists ---------- */

ul {width:auto;display:block;padding:0;margin:0;list-style:none;width:90%;}
ul li {text-align:left;margin:.5em 1em .5em 0;}


ul#images {
	display: block;width:270px;
	float: left;
	padding:0 8px;
	margin: 0;
	list-style: none;
	}

ul#images li {
	float: left;
	width: 102px;
	height:auto;
	padding: 0;
	margin-left: 0px;
	}
ul#images  li a {
	display: block;
	padding: 0px;
	margin: 0;
}


/* ---------- Slide Show stuff ---------- */

#close {
	position: absolute; 
	right: 0; 
	bottom: 0;
	padding: 0 6px 4px 0;
	z-index: 100;
}

#close a {
	font-family: 'century gothic', arial, sans-serif;
	font-size: 1em;
	color: #333;
	text-align: left;
	font-weight: 100;
	text-decoration: none;
}
#close a:hover{color: #000;font-weight: 900;}

/* ---------- linkage ---------- */

a:link {color: #66f;text-decoration: none;}
a:visited {color: #969;text-decoration: none;}
a:hover {text-decoration : none;color: #ccc;}
a:active {text-decoration : none;color: #66F;}

h1 a:link, h1 a:visited {color: #333;text-decoration: none;display:inline;}
h1 a:hover, h1 a:active{text-decoration : none;color: #39c;}

.footer a:link, .footer a:visited { color: #6D6158; }
.footer a:hover, .footer a:active { color: #007CD1; text-decoration:underline;}
.footer a#dog {color: #666; }
.footer a#dog:hover {color: #666;text-decoration: underline;} 

/* ----------  FOOTER ---------- */

.footer {
	clear: both;
	display: block;
	position: relative;
	width: auto;
	padding:10px 0;

	font:.8em arial, sans-serif;
	text-align:left;
display:none;

}
.footer ul {width:auto;display:block;padding:0;margin:0;list-style:none;}
.footer ul li {display:block;}
.footer a {color: #666;text-decoration: none;border-left:1px solid #666;padding:0 6px;}
.footer a:first-child {border-left:0 solid #333;}


	 


/* ---------- NAVIGATION ----------- */

body#n0 .menu li.n0 a, body#n1 .menu li.n1 a, body#n2 .menu li.n2 a, body#n3 .menu li.n3 a, body#n4 .menu li.n4 a, body#n5 .menu li.n5 a, body#n6 .menu li.n6 a, body#n7 .menu li a.n7, body#n8 .menu li a.n8 {color: #D4B099;list-style-image: none;}

body#a0 .menu li.a0 a, body#a1 .menu li.a1 a, body#a2 .menu li.a2 a, body#a3 .menu li.a3 a, body#a4 .menu li.a4 a, body#a5 .menu li.a5 a, body#a6 .menu li.a6 a, body#a7 .menu li a.a7, body#a8 .menu li.a8 a, body#a9 .menu li.a9 a {color: #FFB754;list-style-image: none;}

body#index a.f0,body#n1 a.f1, body#n2 a.f2, body#n3 a.f3, body#n4 a.f4, body#n5 a.f5, body#n6 a.f6, body#n7 a.f7, body#n8 a.f8 {text-decoration:underline;font-weight:100;color: #6D6158;}

body#a1 .menu li.a1, body#a2 .menu li.a2, body#a3 .menu li.a3, body#a4 .menu li.a4, body#a5 .menu li.a5, body#a6 .menu li.a6, body#a7 .menu li.a7, body#a8 .menu li.a8, body#a9 .menu li.a9, body#n0 .menu li.n0, body#n4 .menu li.n4, body#n5 .menu li.n5 {list-style:none;background:none;}