/* CSS Starters */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #E7E7E5;
	background-image: url(../Images/pageBG.gif);
	background-repeat: repeat-x;
	background-position: top;
}
img, div {
	border: 0;
	/* vertical-align: bottom; Taken out for the Gallery nav table... */
	behavior: url(../iepngfix.htc);
}
:focus {
	outline: 0;
}
a img {
	border: none;
}
@font-face {
  font-family: "DroidSerif";
  src: url("../Fonts/droidserif-regular.eot");
  src: local("☺"),
    url("../Fonts/droidserif-regular.woff") format("woff"),  
	url("../Fonts/droidserif-regular.ttf") format("truetype"),
    url("../Fonts/droidserif-regular.svg#droidserif-regular") format("svg");
 }
@font-face {
  font-family: "DroidSerifItalic";
  src: url("../Fonts/droidserif-italic.eot");
  src: local("☺"),
    url("../Fonts/droidserif-italic.woff") format("woff"),
    url("../Fonts/droidserif-italic.ttf") format("truetype"),
    url("../Fonts/droidserif-italic.svg#droidserif-italic") format("svg");
 }
 @font-face {
  font-family: "DroidSerifBold";
  src: url("../Fonts/droidserif-bold.eot");
  src: local("☺"),
    url("../Fonts/droidserif-bold.woff") format("woff"),  
	url("../Fonts/droidserif-bold.ttf") format("truetype"),
    url("../Fonts/droidserif-bold.svg#droidserif-bold") format("svg");
 }
 @font-face {
  font-family: "MuseoSlabItalic";
  src: url("../Fonts/museo_slab_500italic.eot");
  src: local("☺"),
    url("../Fonts/museo_slab_500italic.woff") format("woff"),
    url("../Fonts/museo_slab_500italic.ttf") format("truetype"),
    url("../Fonts/museo_slab_500italic.svg#museo_slab_500italic") format("svg");
 }
@font-face {
  font-family: "MuseoSlab";
  src: url("../Fonts/museo_slab_500.eot");
  src: local("☺"),
    url("../Fonts/museo_slab_500.woff") format("woff"),
    url("../Fonts/museo_slab_500.ttf") format("truetype"),
    url("../Fonts/museo_slab_500.svg#museo_slab_500") format("svg");
 }
 @font-face {
  font-family: "GrotesqueDisplay200";
  src: url("../Fonts/grotesquedisplay200.eot");
  src: local("☺"),
    url("../Fonts/grotesquedisplay200.woff") format("woff"),
    url("../Fonts/grotesquedisplay200.ttf") format("truetype"),
    url("../Fonts/grotesquedisplay200.svg#grotesquedisplay200") format("svg");
 } 

/* Page Structure */
#container {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	min-height: 896px;
	width: 100%;
	min-width: 1120px;
	margin: 0 auto;
	padding: 0;
	/* background-image: url(../Images/spiralSM.png); */
	background-repeat: no-repeat;
	background-position: top center;
}
#left {
	position: absolute;
	height: 100%;
	width: 50%;
	margin: 0;
	padding: 0;
	background-image: url(../Images/navShadowL.png);
	background-position: top right;
	background-repeat: repeat-y;
}
.homeleft {
	position: relative;
	top: 50%;
	margin-top: -140px;
	padding: 0;
	text-align: center;
	overflow: visible;
}
#right {
	position: relative;
	left: 50%;
	height: 100%;
	min-height: 896px;
	width: 50%;
	min-width: 560px;
	margin: 0;
	padding: 0;
	background-image: url(../Images/woodBG.gif);
	background-position: top left;
	overflow: visible;
}
.homeright {
	position: relative;
	width: 310px;
	margin: 0;
	padding: 92px 0 0 0;
	text-align: left;
	overflow: hidden;
	float: left;
}
.homeright h5 {
	margin: 0;
	padding: 0;
	font-family: "GrotesqueDisplay200", Georgia, Serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 34px;
	text-decoration: none;
	text-align:	left;
	text-decoration: none;
	letter-spacing: .18em;
	color: #4C4A40;
	text-shadow: #d1bd98 0 1px;
}
#toplight {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 500px;
	background-image: url(../Images/topLight.png);
	background-position: top center;
	background-repeat: repeat-x;
	z-index: 0;
}
#edgeleft {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 22px;
	margin: 0;
	padding: 0;
	background-image: url(../Images/checkerEdge.png);
	z-index: 102;
}
#edgeright {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 22px;
	margin: 0;
	padding: 0;
	background-image: url(../Images/checkerEdge.png);
	border-right: solid 1px #AD905E;
	z-index: 103;
}
#copyright {
	position: absolute;
	bottom: 0px;
	margin: 0 auto;
	padding: 46px 0 0 0;
	width: 100%;
	height: 30px;
	background-image: url(../Images/siteReqs.gif);
	background-repeat: no-repeat;
	background-position: top center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
	line-height: 20px;
	color: #666666;
	text-align: center;
}

/* Navigation Band */
#navband {
	position: relative;
	height: 100%;
	min-height: 896px;
	width: 182px;
	margin: 0 50px 0 0;
	padding: 0;
	background-image: url(../Images/navBandBG.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #000;
	float: left;
	overflow: visible;
	z-index: 105;
}
#navbandtop {
	height: 415px;
	width: 182px;
	margin: 0;
	padding: 48px 0 0 0;
	background-image: url(../Images/navBandTop.gif);
	background-position: top left;
	background-repeat: no-repeat;	
	z-index: 106;
}
#navbottom {
	height: 50px;
	width: 182px;
	margin: 0;
	background-image: url(../Images/navBracket.png);
}
#logochip {
	position: absolute;
	top: 46px;
	left: 4px;
	width: 172px;
	height: 112px;
	margin-left: 24px;
}

/* Home Bits */
#homeorbits {
	position: absolute;
	top: 240px;
	right: 0px;
	height: 288px;
	width: 300px;
	background-image: url(../Images/orbits.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.homeelements {
	height: 94px;
	width: 296px;
	margin: 10px 0 0 0;
	padding: 0 14px 0 0;
	/* background-image: url(../Images/dashline309.gif); */
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
}
.homeelements h3 {
	width: 310px;
	margin: 0;
	padding: 8px 0 0 0;
	font-family: "MuseoSlabItalic", Georgia, Serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 28px;
	text-align:	left;
	text-decoration: none;
	color: #4C4A40;
	text-shadow: #d1bd98 0 1px;
	float: left;
}
.homeelements h4 {
	width: 220px;
	margin: 0;
	padding: 5px 0 0 0;
	font-family: "GrotesqueDisplay200", Georgia, Serif;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.3em;
	text-align:	right;
	text-decoration: none;
	color: #EEEEEE;
	text-shadow: #A7A7A6 0 -1px;
	float: left;
}
.homeelements p {
	width: 220px;
	margin: 0;
	padding: 0;
	font-family: "MuseoSlabItalic", Georgia, Serif;
	font-size: 1em;
	line-height: 1em;
	text-align:	right;
	text-decoration: none;
	text-shadow: #A7A7A6 0 -1px;
	color: #EEEEEE;
	float: left;
}
#relatedsites {
	position: absolute;
	bottom: 30px;
	margin: 0 50%;
	padding: 0 0 0 231px;
	width: 310px;
	height: 46px;
	background: url("../Images/sites.gif") no-repeat 231px 0;		
}
#sbicon {
	position: relative;
	margin: 0 12px 0 126px;
	display: block;
	left: 0;
	top: 0;
	width: 50px;
	height: 40px;
	background: url("../Images/sbIcon.png") no-repeat 0 -40px;
	cursor: pointer;
	float: left;	
}
#sbicon:hover {
	background-position: 0 0;
}
#ahicon {
	margin: 0 12px 0 0;
	display: block;
	width: 50px;
	height: 40px;
	background: url("../Images/ahIcon.png") no-repeat 0 -40px;
	cursor: pointer;
	float: left;	
}
#ahicon:hover {
	background-position: 0 0;
}
#mgicon {
	margin: 0;
	display: block;
	width: 50px;
	height: 40px;
	background: url("../Images/mgIcon.png") no-repeat 0 -40px;
	cursor: pointer;
	float: left;	
}
#mgicon:hover {
	background-position: 0 0;
}

/* Little Element Box Bits */
.dsbox {
	display: block;
	width: 60px;
	height: 82px;
	background: url("../Images/dsBox.gif") no-repeat 0 0;
	float: right;
}
.dsbox:hover {
		background-position: -60px 0;
}
.idbox {
	display: block;
	width: 60px;
	height: 82px;
	background: url("../Images/idBox.gif") no-repeat 0 0;
	float: right;
}
.idbox:hover {
		background-position: -60px 0;
}
.ilbox {
	display: block;
	width: 60px;
	height: 82px;
	background: url("../Images/ilBox.gif") no-repeat 0 0;
	float: right;
}
.ilbox:hover {
	background-position: -60px 0;
}
#contacttab {
	margin-top: 18px;
	display: block;
	width: 182px;
	height: 56px;
	background: url("../Images/contactButton.png") no-repeat 0 0;
	cursor: pointer;	
	z-index: 110;
}
#contacttab:hover {
	background-position: 0 -56px;
}

/* Fonts */
.introtext {
	padding: 5px 0 16px 0;
	font-family: "MuseoSlabItalic", Georgia, Serif;
	font-size: .9em;
	line-height: 1.5em;
	text-align:	left;
	text-decoration: none;
	text-shadow: #A7A7A6 0 -1px;
	color: #FFFFFF;
}

/* Menu Behavior */
#navtoggle {
	width: 182px;
	height: 45px;
	padding: 0;
	background-image: url(../Images/navBracket.png);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}
#navmenu { 
	background: #303331;
	background-image: url(../Images/navShadow.png);
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden; 
}
#navmenu li {
	padding: 0;
	margin:	0;
	border:	0;
	list-style: none;
}
#navmenu ul {
	padding: 0;
	margin:	0;
	border:	0;
	list-style: none;
}
#navmenu ul a {
	width: 136px;
	display: block;
	padding: 5px 6px 4px 40px;
	font-family: "MuseoSlab", Georgia, Serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	text-align:	left;
	text-decoration: none;
	color: #CCC;	
	border-top: 1px solid #1f211f;
}
#navmenu ul a:hover {
	color: #E7E7E7;
	text-shadow: #366 1px 1px, #366 0 -1px;
	background-image: url(../Images/menuHover.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
}			
#boggle { /* Should be 'toggle' but there was a Protocol.js conflict... */
	font-family: "MuseoSlab", Georgia, Serif;
	font-size: 11px;
	line-height: 45px;
	letter-spacing: 3px;
	text-decoration: none;
	color: #454545;
}

/* Tinybox Modal Window */
#tinybox {
	position: absolute;
	left: 50%;
	display: none;
	margin: 0 auto;
	padding: 0;
	z-index: 1002;
}
#tinymask {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #CCCECC;
	background-image: url(../Images/gridBG.gif);
	z-index: 1001;
}
#tinybox2 {
	position: absolute;
	left: 50%;
	display: none;
	margin: 0 auto;
	padding: 0;
	z-index: 1002;
}
#tinymask2 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #CCCECC;
	background-image: url(../Images/gridBG.gif);
	z-index: 1001;
}
/* Nothing right now... 
#tinycontent {
} */
#fourohfour {
	width: 99%;
	margin: 0 auto;
	padding: 0;
}
#fourohfour img {
	position: absolute;
	right: 15%;
	top: 38px;
}
#fourohfour h1 {
	margin: 0;
	padding: 0;
	font-family: "GrotesqueDisplay200", Georgia, Serif;
	font-size: 8em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5em;
	text-align:	right;
	text-decoration: none;
	text-shadow: #BBB 0 -1px, #FFF 1px 1px;
	color: #DEDEDE;
}
#fourohrodney {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -120px;
	padding: 0;
	text-align: center;
	overflow: visible;
}

/* Generic text links */
a {
	color: #329998;
	text-decoration: none;
}
a:hover {
	color: #329998;
	text-decoration: underline;
}  
a:visited {
	color: #329998;
	text-decoration: none;
}
a:active {
	color: #329998;
	text-decoration: underline;
}

#oldsiteframe {
	border: 1px solid #666;
}