/* DEFAULT.CSS
------------------------------------------------------
----------------------------------------------------*/

/* Start by declaring everything to be 0 and explicitly change from there */
* {padding:0px; margin:0px}


/* --------------------------------------------------
DEFAULT STYLES
-----------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
color: #aaa;

	background: #000000 url(/~newpage/images/background/bggrad.gif) repeat-x;
	
}
/* Set the table fonts again because of ie inheritance problems */
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aaa;
	
}

/* Default styles for commonly used tags */
a:link, a:visited {
	text-decoration: underline;
	color: #aaa;
}

a:hover {
	color: #EAC117;
}
h1 {
	font-family: Times, serif;
	font-size: 22px;
	color: #EAC117;
}
h2 {
	font-family: Times, serif;
	font-weight: bold;
	font-size: 19px;
	color: #EAC117;
	}
h3 {
	font-family: Times, serif;
	font-weight: bold;
	font-size: 17px;
	color: #EAC117;
	}
H4{
	font-family: Times, serif;
	font-weight: bold;
	font-size: 15px;
	color: #EAC117;
}
H5{
	font-family: Times, serif;
	font-weight: bold;
	font-size: 13px;
	color: #EAC117;
}	
h1 {
	margin-bottom: 16px; margin-top: 0px;
	padding-top: 10px;
}
h2 {
	margin-bottom: 1px; margin-top: 18px;
}
H3{
	margin-bottom: 1px; margin-top: 18px;	
}
h4{
	margin-bottom: 1px; margin-top: 18px;
} 
h5{
	margin-bottom: 1px; margin-top: 18px;
}

h6, ol, dl, p, table, pre{
	margin-top: 10px;
	margin-bottom: 10px; 
}
ul{
	margin-top: 1px;
	margin-bottom:	5px;
}
ul, ol {
	margin-left: 24px;
	list-style-position: outside;
}
ul {
	list-style-type: disc;
}
li{
	margin-bottom: 1px;
	margin-left: 0px;
	padding-left: 4px;
}

/* A class to put a little more vert space between the list items*/
ul.loose li, ol.loose li {
	padding-bottom:6px;
}

dl{}
dt {
	font-weight: bold;
	padding-bottom: 2px;
}
dd
{
	margin: 0px 24px;;
	padding-bottom: 5px;
}

code {
	font-family: monospace;
	font-size: 11px;
	color: #000;
}
pre {
	font-family: monospace;
	font-size: 11px;
	color: #000;
	width: auto;
	overflow: auto;
	background-color: #eeeee0;
	border: 1px solid #4a504d;
	padding-bottom: 8px; padding-top: 8px;
	padding-left:12px; padding-right:8px
}

a  img{ border: 0px; }

/*img, object, applet {margin: 5px;}*/


/********************************************************
LAYOUT 
**********************************************************/
body {
	text-align: center; /* centers the wrapper div; ie fix*/
}
/* The wrapper is a container div for the entire page. */
#wrapper {
	margin-left: auto; margin-right: auto; /*centers the wrapper for w3c compliant browsers */
	margin-top: 7px; /*for space between the wrapper and the top*/
	margin-bottom: 30px; /*for space between the wrapper and the top*/
	text-align: left; /*resets the text-align*/
	width: 900px;
	background-color: #38391F;
		
	border: 1px solid #888;
}
#searchBar {
	height: auto;
	width: auto;
}
#banner {
	position:relative; /*needed for the absolute positioning of the text*/
	height: 152px;
	width: auto;
	background-color: #000;
	color: #fff;
}
#spacerBar {
	position: relative;
	width: auto;
}
/* The mainWrapper encloses the sideBar and the mainContent div's */
#mainWrapper {
	width: auto;
	margin-bottom: 20px;
}

#mainContent {
	width: 510px;
	margin-left: 180px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 17px;
	
}

#mainContent1 {
	width: 685x;
	margin-left: 180px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	font-size: 17px;
}

#sideBarL {
	width: 175px;
	float: left;
}

#sideBarR {
	width: 175px;
	float: right;
	
}
	
/* The div at the very bottom */
#contactBar {
	clear: both;
	background-color: #f8fadf;
	height: auto;
	width: auto;
	margin: 0px; 
	padding-top: 8px; 
	padding-bottom: 8px; 
	border-top: 1px solid #aaa;
	text-align: center;
	font-weight: bold;
	font-size: 8px;
	color: #000;
}

#contactBar a {
	text-decoration: none;
	color: #000;
}

/* ------------------------------------------
DEFAULT STYLES FOR THE SIDEBARS
---------------------------------------------*/
#sideBarL {
        margin-left: 5px;
        margin-top: 10px;
        margin-bottom: 0px;
	font-size: 13px;
	
        }
#sideBarR {

	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 5px;
	font-size: 12px;
	}
#sideBarR h1, #sideBarL h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: 	#EAC117;
}
#sideBarR h2, #sideBarL h2, #sideBarR h3, #sideBarL h3, #sideBarR h4, sideBarL h4 {
	font-size: 10px;
	font-weight: bold;
	color: #000;
}
#sideBarR h1 , sideBarL h1, #sideBarR h2, #sideBarL h2, #sideBarR h3, #sideBarL h3, #sideBarR h4, #sidebarL h4 {
	margin-bottom: 8px; margin-top: 0px; padding: 0px 6px;
}
#sideBarR p, sideBarL p, #sideBarR table, #sideBarL table {
	margin-bottom: 12px; margin-top: 0px; padding: 0px 6px;
}


/* -------------------------------------------------
SOME BLOCK LEVEL CLASSES 
----------------------------------------------------*/
.bordered, div.infoBox, div.plainBox {
	border: 1px solid #aaa;
}
div.infoBox, div.plainBox{
	width: auto;
	margin:0px;
	margin-bottom:16px;
	margin-top:8px;
	padding:0px;
	color: #000;
}
div.infoBox {
	background-color: #eeeee0;
}
blockquote, div.indented { margin-left: 40px; margin-right: 40px }

#sideBarR div.infoBox h3, #sideBarL div.infoBox h3, #mainContent div.infoBox h3{
	padding-left:6px;
	padding-top:3px;
	padding-bottom: 3px;
	margin-bottom: 4px;
	font-size: 10px;
	color: #000;
	font-size: 11px;
	background-color: #dbdbbb;
	border-bottom: 1px solid #aaa;
}

#sideBarR div.plainBox h3, #sideBarL div.plainBox h3, #mainContent div.plainBox h3
{
	padding-left:6px;
	padding-top:3px;
	padding-bottom: 3px;
	margin: 0px;
	font-size: 10px;
	color: #000;
}

#sideBarL div.infoBox p, #sideBarR div.infoBox p, #mainContent div.infoBox p, #sideBar div.plainBox p, #mainContent div.plainBox p{
	padding-left:6px; padding-right:6px;
	padding-top:3px; padding-bottom:3px;
	margin:0px;
	margin-bottom:3px;
}


.opposite{
	float:right; margin-right: 0px;
	width: auto;
}
.adjacent{
	float:left; margin-left: 0px;
}
.center{
	width: auto;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
div.opposite{
	margin-left:14px; margin-top:14px; margin-bottom:14px; padding:0px; text-align: center;
}
div.adjacent{
	margin-right:14px; margin-top:14px; margin-bottom:14px; padding:0px; text-align: center; width: auto;
}
div.center{
	margin-bottom:14px; padding:0px
}

div.margin{
	position: absolute;
	left:-202px;
	width:177px
}

.center p{
	margin-left:auto;
	margin-right:auto;
}
.captioned p, .narrowcaptioned p{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	width: 60%;
	margin-top:-8px;
	margin-bottom:12px;	
}
.narrowcaptioned p{
	width: 180px;
		
}
.captionfont, caption, .captioned p, .narrowcaptioned p {
	color: #903;
}
.captionfont a, caption a, .captioned p a, .narrowcaptioned p a{
	font-weight:bold;
	color: #903;
}
.captionfont a:hover, caption a:hover, .captioned p a:hover, .narrowcaptioned p a:hover {
	color:#c00;
}

table.dataTable {
	margin-left: 6%; margin-right:6%;
	border: 1px solid #888;
	border-collapse: collapse;
	width:88%;
}
table.hangList {
	margin-left: 0px; margin-right:6%; margin-bottom: 14px;
	width:94%;
}
.dataTable  caption {
  caption-side: top;
  width: auto;
  text-align: center;
  padding:2px;
  color: #903;
}
.hangList tr > td {
	font-weight: bold;
}
.hangList td + td {
	font-weight: normal;
}
.dataTable col.supernarrow{
	width: 15px;
}
.dataTable col.narrow, .hangList col.narrow {
	width:90px;
}
.dataTable col.medium, .hangList col.medium{
	width:110px;
}
.dataTable col.wide,  .hangList col.wide {
	width:300px;
}
.dataTable th {
	border-bottom: 1px solid #888;
	background-color: #ddd;
}
.dataTable td {
	background-color: #f2f2f2;
}

.dataTable th, .dataTable td, .hangList th, .hangList td, .linktable td {
	text-align: left;
	vertical-align:top;
	padding-top: 2px; padding-bottom: 3px;
	padding-left: 4px; padding-right: 4px;
}

.dataTable a {
	text-decoration: none;
	font-weight:bold;
}
.dataTable a:hover {
	text-decoration: underline;
	color: #EAC117;
	font-weight:bold;
}


/******************************************************
 NAVIGATION LISTS 
********************************************************/

/* The list accross the top of the main content div */
div#mainNavContainer {
	margin-bottom: 8px;

}

div#mainNavContainer ul {
	margin: 0px;
	padding: 6px 0px;
1;
}

div#mainNavContainer li {
	margin: 0px 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	
}

div#mainNavContainer ul li {
	margin: 0px 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	font-size: 12px;
}


div#mainNavContainer li#active a {
	background-color: #521;
}

div#mainNavContainer a {
	padding: 3px 10px;
	color: #fff;
	background-color: #4a504d;
	text-decoration: none;
}

div#mainNavContainer a:hover, div#mainNavContainer li#active a:hover {
	color: #f00;
	background-color: #8d9b8d;
	text-decoration: none;
}

/* The sublist below the mainNavContainer */
div#mainSubNavContainer {
	margin-bottom:-10px;
	margin-top: 20px;
	margin-left: 45px;
	padding: 0px;
}
div#mainSubNavContainer ul {
	padding-left: 0px;
	margin-left: 0px;
	padding-left: 0px;
}
div#mainSubNavContainer li {
	padding: 1px 0px;
	/*display: block;*/
	list-style-type: disc;
}

div#mainSubNavContainer li#active a {
	color: #666;
}

div#mainSubNavContainer a {
	padding: 3px 0px;
	color: #000;
	text-decoration: none;
}

div#mainSubNavContainer a:hover, div#mainSubNavContainer li#active a:hover {
	color: #EAC117;
	text-decoration: underline;
}


/* The sidebar "sideNavContainer" */
div#sideNavContainer {
	width: 165px;
	padding: 3px;
	margin: auto;
	margin-bottom: 8px;
	border: 1px solid #aaa;
}
div#sideNavContainer h3 { 
	margin:0px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	color: #903
}
div#sideNavContainer ul {
	padding: 0px;
	margin-top: 0px;
	margin-left: 16px;
	margin-bottom: 8px;
	list-style-type: square;
	font-weight: bold;
	color: #000;
color: #aaa;
	list-style-position: outside;
}
div#sideNavContainer ul ul {
	padding: 0px;
	margin-top: 0px;
	margin-left: 16px;
	margin-bottom: 0px;
	list-style-type: circle;
	color: #000;
color: #aaa;
	list-style-position: outside;
}
div#sideNavContainer ul li  {
	margin-left: 0px;
color: #aaa;
	cursor: default;
}
div#sideNavContainer ul li:hover  {
	color:#EAC117;
}
div#sideNavContainer ul ul li  {
	margin-left: 0px;
color: #aaa;
	font-weight: normal;
}
div#sideNavContainer a {
	text-decoration: none;
	cursor:pointer; 
color: #aaa;
}
div#sideNavContainer a:hover {
	text-decoration: none;
	color: #EAC117;
	cursor: pointer;
}

/* Uses a pseudo element unsupported in ie6 
div#sideNavContainer ul ul { display: none; }
div#sideNavContainer ul li:hover ul  { 
	display: block; 
	font-weight: normal;
	color:blue;
}
*/

/***************************************************************
 VARIOUS FONT CLASSES
***************************************************************/

/* A font for where you've placed an anchor and need a link for
"returning to the top" of the page */
.topfont, .topfont a {
	text-decoration: none;
	font-weight:bold;
	color: #604545;
}
.topfont a:hover {
	text-decoration: underline;
	color: #903;
}


/*******************************************************************
 CONTENT STYLING FOR OTHER DIVS 
******************************************************************/
#searchBar {
    height:30px;
	position:relative;
	background-color: #8d9b8d;
	color: #fff;
	font-weight: bold;
	text-align:right;
	margin: 0px;
	}
#searchBar div#searchBarDate {
	margin:0px;
	padding:0px;
	position: absolute;
	left:6px;
	bottom:8px;
	text-align:left;
}
#searchBar div#searchForm {
	position: absolute;
	right:6px;
	bottom:4px;
	text-align:right;
}
/*******************************************************************/
#banner {
	position:relative;
	font-family: Times, Roman, serif;
	font-size: 2em;
	font-weight: bold;
	color: #fff;
	padding:0px;
	}
#banner p.sectionhome {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 10px;
	bottom: 4px
	}
#banner img {
	border:none;
}
#banner a:link, #banner a:visited {
	text-decoration: none;
	color: #eaeae5;
}
#banner a:hover {
	text-decoration: none;
	color: #fff;
}

#banner p.imagelink {
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: center;/*This is alignment for banner pic*/

}
#banner p.wisehome {
	display:none
}
/*************************************************************/
#spacerBar {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 10px; 
	border: 0px;
	margin: 0px;
	width: auto;
	height: 20px;
	border-bottom: 1px solid #aaa;
	background-color: #f8fadf;
	color: #000;
	font-weight: bold;
	}
#spacerBar p {
	padding: 4px; 
	padding-left: 6px;
	border: 0px;
	margin: 0px;
}
#spacerBar a {
	text-decoration: none;
}

/**************************************************************/
.announcement{
	border-bottom: solid 1px #aaa;
	padding-top: 2px;
	padding-bottom: 2px;
}
.announcetitle{
	padding-bottom: 2px;
	font-weight: bold;
        color: #903;
}
.postedby{
	font-size: 8px;
	margin-top: 2px;
	font-weight: bold;
}
/***************************************************************/
.generalUseBlock{
	width: 165px;
	margin: auto;
	margin-bottom: 8px;
	padding: 3px;
	border: 1px solid #aaa;
}

.profile{
	height: 1%;
	width: 95%;
	display: table;
	padding: 3px 3px 1px 0px;
	/*padding-bottom: 1px;*/
	margin-bottom: 8px;
        border: 1px solid #aaa;
}

.generalUseBlock .profile{
border: none;
}


.profile img{
	float: left;
	margin: 2px;
	border: none;
	height: 100%;
}
.picbox{
	width: 32%;
	height: 260px;
	margin: auto;
	border: none;
	padding: 3px;
	float: left;
	color: #aaa;
	font-size: 17px;
	
	
	
}
/*************************************************************/
#webcam{
	text-align: center;
}

/**************************************************************
*LIGHT BOX STYLES
*
***************************************************************/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}