.container {
	margin: 0px auto;
	width: 1050px;
}


.nav-container {
	margin: 0px auto;
	width: 850px;
}


#leftnav
{
	float: left;
	width: 162px;
	padding: 20px 25px 20px 0px;
	height: 100%;

}

.float-left {
float: left;
}

#main-column {
float: left;
padding: 10px;
width: 800px;
}

#sidebar {
float: left;
padding: 10px;
width: 260px;
}


.navigation td {
padding: 4px 100px 0px 0px;

}

#nav a:hover{
color:#ddffff;
text-decoration: underline;
}
#nav a:focus	{
color:#eeeeff;
}
#nav a, a:link {
color:#ffffff;
}

#nav a.logo, a.logo:link {
    color: #ccffcc;
}
#nav {
text-align: left;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
background-color: #224466;
color: #ffffff;
padding: 10px;
height: 20px;
}


.thumbcell {
padding: 10px;
}

table.thumbclass {
width: 180px;
padding: 0px 10px 0px 0px;
}

.thumbclass td {
padding: 0px 20px 20px 0px;
}

h1{
font:130% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
padding: 0px 0px 0px 0px;
text-decoration: none;
color:#ffffdd;
margin: 10px 0px 0px 0px;
}

h2{
	margin: 0px 0px 0px 0px;
	color:#ededcc;
        font:1.1em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  	font-weight: lighter;
  	letter-spacing:.2em;
  	padding: 0px 0px 0px 0px;
	text-decoration: none;
   }

h3{
	text-transform: uppercase;
	color:#ededcc;
        font:150% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  	letter-spacing:.1em;
  	padding: 0px 0px 0px 0px;
	text-decoration: none;
   }


#fullpage{
width: 1400px;
overflow: hidden;
}


.footer {
padding: 15px;
}


#indexpagecentercolumn {
width: 700px;
float: left;
overflow: hidden;
padding: 10px 10px 0px 20px; 
}

#pagecontainer {
position: absolute;
top: 6; 
left: 6;
width: 100%;
height: 100%;
}

#google {
position: absolute;
left: 800px;
top: 60px;
}


#googlesidebarone {
position: absolute;
left: 800px;
top: 50px;
}

#pagetable {
position: absolute;
top: 80;
left: 100;
width: 550px;
}

.nav {
	text-align: left;
	padding: 3 15 5 15;
	font-weight: bold;
}

.crumb {
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 5 16 0 16;
	font-weight: bold;	
}
table.navtable {
	font-size:11px;
	padding:0 0 0 0;
	width:450px;
}

table {
	font-size:11px;
	padding:0 0 0 0;
}
.standard {
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.plain {
	padding:0 0 0 0;
	margin:0 0 0 0;
	border-spacing:0;
}
table.images {
	padding: 5 5 5 5;
	margin: 0 0 0 5;
	width: 540;
}

table.fullpage {
	margin:20 20 20 20;
   	padding:20 20 20 20;
	width:740;
}

.rightside {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 400;
}

.content {
	font-weight: bold;
	font-size:9px;
	padding: 0 0 0 0;
}

td.content {
	font-size:10px;
	padding: 10 10 10 10;
}
.games {
		font-family: Verdana, Arial, Helvetica, Geneva, Lucida-sans;
		}
.regular {
		font-size: 14px;
		}
.subnav {
		font-size: 10px;
		}
.padded {
		margin: 5 5 5 5;
		}

.superpadded {
	padding: 20px;
		}
.quote {
		font-size: 30px;
		text-decoration: none;
		font-weight: bold;
		}
.descrip {
		font-size: 24px;
		text-decoration: none;
		font-weight: normal;
		}
.pageHeader {
		font-size: 20px;
		text-decoration: none;
		font-weight: normal;
		}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	background-color: #112244;
	color: #ffffcc;
}

TD{
   font-family: verdana, arial, helvetica;
   line-height:1.5;
   margin:0 0 0 0;
   padding:0 0 0 0;
   border-spacing:0;
   border-collapse:collapse;
   font-size: 12;
}
.header{
   font-weight: bold;
   text-decoration: none;
}
.shaded
   padding:10 10 10 10;
   background : #ccccbb;
   color:#000000;
}

.monster{
   background-image:url(http://www.monsters.net/monsters/mailmonster/mailmonster-ti.gif);
}

A.zone:HOVER{
    color:#0000ff;
    text-decoration: underline;
}
A.zone:ACTIVE{
    color:#ff0000;
    text-decoration: none;
}
A.zone:LINK{
    color:#bb0000;
    text-decoration: none;
}
A.zone:VISITED{
    color:#990000;
    text-decoration: none;
}

.dark {

color: #441111;
}

A:HOVER{
    color:#ffffff;
    text-decoration: underline;
}
A:ACTIVE{
    color:#ffdddd;
    text-decoration: none;
}
A:FOCUS{
    color:#ffffff;
    text-decoration: none;
}
A:LINK{
    color:#ffdd33;
    text-decoration: none;
}
A:VISITED{
    color:#eebb00;
    text-decoration: none;
}




a:hover.nav{
    text-decoration: underline;
    color:#ffff44;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica; 
    font-size: 10px;
    }
a:active.nav {
	color:#eebb00;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px;
   }
a:link.nav {
	color:#eeeebb;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px;
   }
a:visited.nav {
   color:#eebb00;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px;
}


a:hover.highlight{
	color:#ffdd00;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica; 
   }
a:active.highlight {
	color:#ffee33;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica; 
   }
a:link.highlight {
	color:#ffffff;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica; 
   }
a:visited.highlight {
	color:#ffffbb;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica; 
}

a:hover.dark{
	color:#aa0000;
	text-decoration: underline;
	font-weight: bold;
   }
a:active.dark {
	color:#990000;
	text-decoration: underline;
	font-weight: bold;
   }
a:link.dark {
	color:#993333;
	text-decoration: underline;
	font-weight: bold;
   }
a:visited.dark {
	color:#556611;
	text-decoration: underline;
	font-weight: bold;
}



A:HOVER.light_nav{
    color:#ffcc00;
    text-decoration: none;
    font-family: Verdana, Arial Narrow, Arial, Verdana;
    font-size: 10px;
    font-weight: bold;
}
A:ACTIVE.light_nav{
   color:#ddddbb;
    text-decoration: none;
    font-family: Verdana, Arial Narrow, Arial, Verdana;
    font-size: 10px;
    font-weight: bold;
}
A:LINK.light_nav{
   color:#ddddbb;
    text-decoration: none;
    font-family: Verdana, Arial Narrow, Arial, Verdana;
    font-size: 10px;
    font-weight: bold;
}
A:VISITED.light_nav{

   color:#ccccbb;
    text-decoration: none;
    font-family: Verdana, Arial Narrow, Arial, Verdana;
    font-size: 10px;
    font-weight: bold;
}

.smallbox {
	background-color: #fffff8;
	color: #000000;
	margin:0 0 0 0;
   	padding:0 0 0 0;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
   	border-spacing:0;
   	border-collapse:collapse;
	width: 300;
	font-size:11px;
   }
.box, .border {
	background-color: #fffff8;
	color: #000000;
	margin:0 0 0 0;
   	padding:0 0 0 0;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
   	border-spacing:0;
   	border-collapse:collapse;
	width: 500;
	font-size:13px;
   }
.readableheader, .shaded{
	background-color: #ccccbb;
	color: #000000;
	margin:0 0 0 0;
   	padding:5 5 5 10;
   	border-spacing:0;
   	border-collapse:collapse;
	font-size:11px;
	font-weight: bold;
   }
.calendar {
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	background-color: #fffff8;
	color: #000000;
	margin:0 0 0 0;
   	padding:2 6 2 6;
   	border-spacing:0;
   	border-collapse:collapse;
	font-size:11px;
   }
.event {
	background-color: #dddddd;
	color: #336699;
	margin:0 0 0 0;
   	padding:0 0 0 0;
   	border-spacing:0;
   	border-collapse:collapse;
   }
.readablebody, .readable{
	background-color: #fffff8;
	color: #000000;
	margin:1 1 1 1;
   	padding:20 20 20 20;
   	border-spacing:20;
   	border-collapse:collapse;
	font-size:12px;
	width: 500px;
   }

#footer{
 margin:0 0 0 0;
 font-size:10px;
text-align: left;
}

.pageTitle{
   color:#000000;
   font-size:16px;
   font-weight:bold;
}
TD.padded{
   font-size:12px;
   margin:2 2 2 2;
   padding:10 10 10 10;
   border-spacing:0;
   border-collapse:collapse;
}
.nine {
		font-size: 9px;
		}
.small {
		font-size: 10px;
		}
.ten {
		font-size: 10px;
		}
.tm {
		text-decoration: none;
		font-size: 10px;
		}
.eleven {
		font-size: 11px;
		}

.reg {
		font-size: 14px;
		}
.twelve {
		font-size: 12px;
		}
.thirteen {
		font-size: 13px;
		}
.fourteen {
		font-size: 14px;
		}
.fifteen {
		font-size: 15px;
		}
.sixteen {
		font-size: 16px;
		}
.eighteen {
		font-size: 18px;
		font-weight: bold;
		}
.nineteen {
		font-size: 19px;
		font-weight: bold;
		}
.twenty {
		font-size: 20px;
		}

/* Combined style sheet for the index pages and the slide pages. */

/* Style for all bodies and to control the margin on top. */


html {
	scrollbar-face-color: #ACC2E3;
	scrollbar-highlight-color: #F7F7F7;
	scrollbar-shadow-color: #F7F7F7;
	scrollbar-3dlight-color: #ACC2E3;
	scrollbar-arrow-color: #F7F7F7;
	scrollbar-track-color: #F7F7F7;
	scrollbar-darkshadow-color: #ACC2E3;
	scrollbar-base-color: #F7F7F7;
	overflow-x: auto;
	/*overflow-y: auto;*/
}

/* Style for the Top bar */
.topbar {
	background-color: #88aabb;
	background-image: url(../topbars/blue/classic.gif);
	background-repeat: repeat-x;
	height: 25px;
}

/* Style for the Image/Folder Path Information */
.bpppath {
	font-size: 12px;
	font-weight: bold;
	color: #dddddd;
}

/* Style for the Image/Folder Index Information */
.bppindex {
	color: #eeeeee;
}

.nav {
text-align: left;
color: #333333;
padding-left: 0px;
text-transform: uppercase;
font-size: 10px;
}

/* Style for the Header */
.bppheader {
width: 600px;
text-align: left;
padding-left: 0px;
margin-top: 2px;
}

/* Style for the Footer */
.bppfooter {
	color: #636363;
	font-size: 10px;
}

/* Style for the Page Bottom Shadow */
.shadow {
	visibility: visible;
}

/* Style for the page body */
.index-pagebody, .slide-pagebody, .original-slide-pagebody {
        width: 100%;
	background-color: #ffffffF;
	padding: 10px;}


/* Style for the Image Comment */
.comment {
	color: #3561A2;
	font-size: 10px;
}

.commentheader {
	vertical-align: top;
	font-weight: bold;
	color: black;
	margin-right: 10px;
}

/* Style for any note/comment */
.note {
	color: #3561A2;
	font-size: 10px;
}

/* Style for help-tips statusbar */
.statusbar1, .statusbar2 {
	color: #3561A2;
	font-size: 10px;
	text-align: center;
	margin-top: 10px;
}

/* Style for photographic meta information */
.photometainfo {
	position: absolute;
	left: 75px;
	top: 100px;
	z-index: 1;
	background-color: #FFFFCC;
	color: #999999;
	visibility: hidden;
	border: 1px dashed #000000;
	padding: 5px 5px 5px 5px;
}

.metainfo-header {
	font-weight: bold;
}



.metainfo-name {
}

.metainfo-value {
    font-style: italic;
}

/* Style for help tips */
.help {
	position: absolute;
	right: 40px;
	top: 80px;
	z-index: 1;
	background-color: #FFFFCC;
	color: #999999;
	visibility: hidden;
	border: 1px dashed #000000;
	padding: 5px 5px 5px 5px;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}

/* Style for server side error messages */
.errorbox {
	background-color: #fcc;
    border: 1px solid #c00;
    padding: 5px;
    margin: 10px 0px 10px 0px;
}

.errormessage {
	color: #c00;
}

/* Style for remarks */
.remarksheader {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, sans-serif;
    padding: 3px 0px 2px 0px;
    margin: 8px 4px 2px 0px;
	color: #003366;
	border-bottom: 1px solid #3c78b5;
}

.remarksbody {
 	width: 80%;
 	visibility: hidden;
 	display: none;
}

.remarksinput {
	border: 1px solid #ddd;
	padding: 10px;
	margin: 5px 1px 5px 1px;
	background-color: #f0f0f0;
 	width: 70%;
}

.remarksadmin {
	border: 1px dashed #3c78b5;
	padding: 10px;
	margin: 5px 0px 10px 0px;
/*	width: 95%; RAC!! deleted*/
	background-color: #f0f0f0;
}

.remarksadminheader {
	margin: 0px 20px 0px 0px;
	font-size: 12px; /*RAC!! added*/
	font-weight: bold;
	vertical-align: super;
}

.remarkbox {
	padding: 5px 10px 5px 10px;
    margin: 5px 0px 5px 0px;
    border: 1px #bbb solid;
}

.remarkblock {
	margin: 0px 0px 10px 0px;
	color: #3561A2;
}

.remarksource {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
 	width: 98%;
}

.remarkstatusbox {
    border: 1px dashed red;
	background-color: #f0f0f0;
    font-size: 11px;
	font-style: italic;
    padding: 10px 5px 10px 5px;
    margin: 5px 0px 5px 0px;
}
/*RAC!! added*/
.remarksadminbuttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3561A2;
	border-style: outset;
	margin: 1px;
	padding: 1px;
	width: 15em;
}
/*RAC!! added*/
.remarksadmindropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3561A2;
	margin: 1px;
	padding: 1px;
	width: 30em;
}
a.path:active {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #eeeeee;
}

a.path:visited {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #eeeeee;
}

a.path:link {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #eeeeee;
}

a.path:hover {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFDD;
}


a.note:hover {
	text-decoration: none;
	color: red;
}


