img { border: 0; display: block; }
.inlineimage img {display:inline;margin:0 12px;}
.alt {color:#333;}
.skiplink {display:none;}
.hidden {display:none;}

body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #293e6b;background:#d7e2c3;
	}
	
body, p {
  font-family: 'trebuchet ms', helvetica, arial, verdana, sans-serif;
  font-size: 12px;
}

/*/*/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	{
	margin: 20px auto;
	padding: 0;
	border:0;
	width: 750px;
	text-align: left;
background: #fff;
height:auto;
border-right:1px solid #8c8d8e;
	}
/* ---------- BANNER ----------- */


#header {position:relative;display:block;width:750px;height:120px;padding:0; margin: 0;border-bottom:1px solid #bcbdc0;
background: url(../g/header_bg.gif)  top left no-repeat;}

html>body #header {height:auto;min-height:120px;}


/* ---------- Main nav ---------- */

#menu {
	position:relative;
	width:248px;
	height:120px;
	margin:0 0 0 500px;
	padding:0;
	background:transparent;
	border-left:1px dotted #91a1be;
}
html>body #menu {height:auto;min-height:120px;}

#menu ul { display: block; padding: 0; margin:0 ;}
#menu ul li { list-style: none; padding: 0px 12px; margin: 0; color:#91a1be;border-bottom:1px dotted #91a1be;height:1.2em;}
#menu ul li.nodot {border:0;} 
#menu ul li a { text-decoration: none;  text-align: left; text-transform: capitalize;padding:2px 0;margin:0;  font: 100 90%/1.2em'century gothic',helvetica,sans-serif;}


/* ---------- STRUCTURE ----------- */

#title {position:absolute;top:0;left:20px;padding:0;margin:0 ;}
#title p {padding:0;margin:0;}


#content { position:relative;display:block;margin:0; padding:6px 0;
	border-bottom:1px solid #8c8d8e; border-left:1px solid #8c8d8e;
}

#maincontent {
	position:relative;
	display:block;
	padding:0 0 60px 0;
	border: 0;
	margin:0;
	height:100px;width:499px;
		}
html>body #maincontent {height:auto; min-height:100px;}

#sidebar {position:absolute;top:300px;left:500px;width:248px;height:100px;	}
html>body #sidebar {height:auto; min-height:100px;}



/* ---------- backgrounds ---------- */

body#hm #content { background: transparent url(../bg/bg2.jpg) top no-repeat;padding-top:300px; }

body#con #content { padding-top:300px; } 

#maincontent { background: transparent url(../g/name_sml.gif) 12px bottom  no-repeat;margin-bottom:20px;  }
	
/* ---------- typography---------- */


p  { margin-top: 1em; padding-top: 0; }

#maincontent p {width:76%;text-align:left;padding-left:12px;}
 
h1 {font:900 200% 'trebuchet ms', sans-serif;margin:0;padding:0;line-height:1em;}

h1#mainlogo {background: transparent url(../g/logo.gif) left no-repeat;text-indent:-9999px;width:360px;height:120px;}
 
h2 {padding:0 0 6px 12px;margin: 0;font: 100 200% 'trebuchet ms', sans-serif;}
h3 {width:100%;padding:0;margin:0 0 1em 0;font: 900 110% 'trebuchet ms', sans-serif;padding:1em 0 0 0;display:inline;}
h4 {width:90%;padding:0;margin:0 0 1em 0;font: 100 200%/100% 'trebuchet ms', sans-serif;color:#747679;}
h5 {width:90%;padding:0;margin:0 0 1em 0;font: 900 120%/100% 'trebuchet ms', sans-serif;color:#9a9b9d;}
h6 {font:900 1em helvetica, sans-serif;padding:0;margin:0 0 4px 40px;text-transform:uppercase;}

#sidebar p, #sidebar ul li {font:100 90%/100% 'century gothic', verdana, sans-serif;}
#sidebar p {width:80%;}

.bold {font-weight:900;}
.small {font-size:90%;}
.subtitle {letter-spacing:0;font-weight:100;font-size:75%;}

.photocredit {font:100 italic 90%/100% arial, sans-serif;}
.italic {font-style:italic;}
.center {text-align:right;font-weight:900;}
.indent {text-indent:-9999px;}

/* ---------- Linkage ---------- */
	
a:link, a:visited {
	font-weight : 100; 
	text-decoration : underline;
	color: #91a1be;
	background: transparent; 
	}

a:hover {
	font-weight : 100; 
	text-decoration : none;
	color: #f68d6f;
	background: transparent; 
	}

a:active {
	font-weight : 100; 
	text-decoration : underline;
	color: #f68d6f;
	background: transparent;  
	}


#menu a:link, #menu a:visited {color: #91a1be;}
#menu a:hover, #menu a:active {color:#f68d6f;}

#sidebar a:link, #sidebar a:visited {color: #91a1be;}
#sidebar a:hover, #sidebar a:active {color:#f68d6f;}

.back {display:block;width:100px;position:absolute; left:0;top:4px;margin:0;padding:0;}
.back a, .next a {font-size:1em;line-height:1em;color:#9a9b9d;text-decoration:none;padding:0;margin:0;text-decoration:underline;}
.back a:hover, .next a:hover {color:#333;text-decoration:underline;}
.next {display:block;width:30px;position:absolute; right:6px;top:4px;margin:0;padding:0;}


/* ---------- Lists ---------- */
	
#maincontent ul {
	display: block;
	width:75%;
	margin:16px  0 ;
	padding: 0;}

#maincontent ul li {
	font-size: 100%;
	list-style: none;
	padding: 0 0 0.5em 0;
	margin: 0;
	text-align:left;}

#maincontent ul li a {font-weight:900;}	

#sidebar ul {
	display: block;
	width:90%;
	margin:16px  0 16px  0 ;
	padding: 0 ;}

#sidebar ul li {
	list-style: circle inside;
	padding: 0 0 0.2em 0;
	margin: 0;
	text-align:left;color:#91a1be;}

#sidebar ul li a {font-weight:100;}	


dl {margin:26px 0;padding:0;}

dt {text-transform:capitalize;margin:4px 0 0 16px;padding:0;font-weight:900;}
#sidebar dt {text-transform:none;margin:4px 0 ;color:#aab300;}
dd {margin:0 0 0 16px;padding:0;}
#sidebar dd {margin:0 0 6px 16px;padding:0;}

dl.email dt {font-weight:100;}
dl.email dd {margin:0 0 3px 16px;padding:0;}

#emailform {display:block;position:relative; }



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

#footer { position:relative;clear: both;display:block;width:100%; margin: 0 ;padding:4px 0 0 0;border-top:1px dotted #91a1be;}
#footer p {padding:0;margin:0 0 0 12px;font:100 80% arial, sans-serif;color:#91a1be;display:inline;}
#footer p a {padding:0 ;text-align:left;text-transform:capitalize;color:#91a1be;}
p.float {text-align:right;}

#footer a:link, #footer a:visited {text-decoration:none;}
#footer a:hover, #footer a:active {font-weight:100; color:#f68d6f;}

/* ---------- You are here ---------- */

#hm .hm, #con .con   { color: #91a1be;font-weight:900;}
body#hm a.hm:hover, body#con a.con:hover {font-weight:900;text-decoration:none;color:#91a1be;}


#hm .hm1, #con .con1    {color:#999;font-weight:900;}
body#hm a.hm1:hover, body#con a.con1:hover   { color: #999;font-weight:900;}



/* ---------- rollover images ---------- */


div#thumbs img {width65px;}

div#thumbs {width: 400px;height:130px;margin:0; padding: 0 0 0 12px;}
html>body div#thumbs { height:auto;min-height:130px;}


div#thumbs ul {display:block;width:400px;list-style: none; margin: 0; padding:10px 0 0 0;clear:left;}

div#thumbs ul li {float:left; width: 65px; padding:0; margin:0 16px 16px 0;font: 80% arial, sans-serif;text-align:center;text-transform:capitalize;}
div#thumbs ul li a {display:block;width:65px;padding:0;margin:0 0 4px 0; border: 1px solid #999;}	
div#thumbs ul li a:hover { border-color: #c0ddea;}

div#thumbs ul p {display:none;}
div#thumbs li.one:hover p {
	display: block; position: absolute; top: -30px; left: 12px; width: 250px;background:transparent ;
	font:italic 100 130%/1em arial, serif;padding: 0;margin:0; }
#rollover {position: absolute;top: 0; left:0; width: 750px;height: 260px; margin: 0;padding:0;border:0;background:#999;}
html>body #rollover { height: auto; min-height: 260px; }

div.drop img {height: 0; width: 0; border-width: 0;}
#thumbs li:hover div.drop img { position: absolute; top: -316px; left: -12px; height: 260px; width: 750px}

/* ---------- form stuff ---------- */ 

form {margin:12px 0;padding:12px 0;}

#sidebar form p {display:block;font: 100 italic 90%/1em tahoma, sans-serif;margin: 6px 0;}
form p span, form label span {font: 100 italic 100%  Tahoma, sans-serif;margin:0;}



input[type="text"]  {width:160px;display:block;margin:0 0 6px 0;padding:0 0 0 0;border: 1px inset #fff;}
input[type="checkbox"] {margin:3px 12px; padding:0;}
input[type="submit"] {width: 60px;background:#fff;margin:0;padding: 0;}

textarea#styled {display:block;
	width: 160px;
	height: 30px;
	border: 1px inset #fff;
	padding: 5px;
	background: #fff url(bg.gif) bottom right no-repeat;
	margin: 0;}