/* 
###########################################################

STRUCTURE 

###########################################################
*/

*
	{
	margin:0;
	padding:0;
	}
body 
	{
 	margin:0px auto 20px auto;
	text-align:center;
	background-color:#d1d1d1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
p
	{
	margin:2px 0px 8px 0px;
	}
a
	{
	color:#000000;
	}
	
.textBox
	{
	border:1px solid #666666;
	color:#000000;
	background-color:#ffffff !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:15px;
	width:135px;
	padding-top:2px;
	padding-left:2px;
	font-size:1em;
	vertical-align:bottom;
	}
.button
	{
	font-size:1em;
	padding:1px 5px 1px 5px;
	}
#siteShell
	{
	position:relative;
	margin:0px auto 0px auto;
	width:779px;
	height:auto;
	}
		
#mainShell
	{
	position:relative;
	background-color:#ffffff;
	background-image: url(../images/textured_bg_left.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	width: 100%;
	min-height:545px;
	height: auto;
	text-align:left;
	}
	
#innerShell
	{
	position:relative;
	z-index:100;
	}



/* 
HEADER AND FOOTER
*/

#headerShell
	{
	position:relative;
	text-align:right;
	padding-top:10px;
	padding-bottom:4px;
	color: #474747;
	font-size:0.6em;
	width: 100%;
	}
#userName
	{
	position:absolute;
	top:9px;
	left:1px;
	font-size:1.1em;
	text-transform:lowercase;
	}	
#headerShell a
	{
	color: #474747;
	text-decoration:none;
	letter-spacing:2px;
	}
		
#footerShell
	{
	position:relative;
	text-align: left;
	padding:10px 0px 0px 10px;
	font-size:0.6em;
	color: #999999;
	width: auto;
	}

	
	
/* 
###########################################################

BACKGROUNDS AND MAIN BORDERS

###########################################################
*/	
	
.vBorder
	{
	position: absolute;
	height:100%;
	width:1px;
	background-image:url(../images/ver_border.gif);
	background-repeat:repeat-y;
	}
.hBorder
	{
	position: absolute;
	height:1px;
	width:100%;
	background-image:url(../images/hor_border.gif);
	background-repeat:repeat-x;
	}
		
#mainShell_topBorder
	{
	top:0px;
	left:0px;
	background-position:top left;
	}
#mainShell_bottomBorder
	{
	top: auto;
	bottom:-1px;
	left:0px;
	background-position:bottom left;
	}
		
#mainShell_leftBorder
	{
	position: absolute;
	top: 1px;
	left:-2px;
	background-position:top left;
	}
#mainShell_rightBorder
	{
	position: absolute;
	top: 1px;
	left: auto;
	right: -1px;
	background-position:top left;
	}

#texturedBackground_left
	{
	position:absolute;
	top:auto;
	bottom:0px;
	left: auto;
	right:0px;
	width:630px;
	height:540px;
	background: url(../images/textured_bg_rt.jpg) bottom right no-repeat;
	z-index:0;
	}
	

/* 
###########################################################

INNER STRUCTURE -- navigation and content

###########################################################
*/
	
	
#navShell	
	{
	position: absolute;
	top:50px;
	left: 50px;
	width: inherit;
	z-index:250;
	}
	
a.selectedNavLink
	{
	color: #882205;
	text-decoration:none;
	letter-spacing:3px;
	font-size:0.65em;
	display:block;
	padding-left:10px;
	background: url(/images/plus_red.gif) no-repeat;
	background-position:center left;
	}	
	
#navShell a
	{
	text-decoration:none;
	letter-spacing:3px;
	font-size:0.65em;
	display:block;
	padding-left:10px;
	}
#navShell a:hover
	{
	color: #882205;
	background: url(/images/plus_red.gif) no-repeat;
	background-position:center left;
	}
	
#viewportShell
	{
	position:absolute;
	top:20px;
	left:auto;
	right:26px;
	width:440px;
	height:250px;
	z-index:250;
	font-size:0.6em;
	letter-spacing:2px;
	}
#Slides
	{
	margin-top:8px; margin-left:8px;
	}	
#subnavShell
	{
	position:absolute;
	top:310px;
	left:auto;
	right:26px;
	width:350px;
	height:75px;
	z-index:250;
	}
#subnavShell a
	{
	text-decoration:none;
	letter-spacing:3px;
	font-size:0.65em;
	padding-left:10px;
	display:block;
	}	
#subnavShell a:hover
	{
	color: #882205;
	background: url(/images/plus_red.gif) no-repeat;
	background-position:center left;
	}	
#contentShell
	{
	position:relative;
	padding:400px 50px 20px 200px;
	font-size:0.6em;
	letter-spacing:2px;
	z-index:200;
	}
		
#plusSign_lg
	{
	position:absolute; 
	top: 0px; 
	left:0px; 
	z-index:120;
	}
#plusSign_small
	{
	position:absolute; 
	top: auto;
	bottom: 0px;
	left: auto;
	right:0px;
	z-index:120;
	}	
	
#oocLogo
	{
	position:absolute; 
	top: 260px;
	left:50px; 
	z-index:120;
	}	
#waveLine
	{
	position:absolute;
	top: 297px; 
	left:0px;
	right: auto;
	border-top:1px solid #a6a6a6;
	height:1px;
	width:100%;	
	z-index:110;
	}
#animatedWaveLine
	{
	position:absolute;
	top: 284px; 
	left:300px;
	right: auto;
	z-index:120;
	}		


#soundControl
	{
	position:absolute;
	top:6px;
	left:auto;
	right:5px;
	}

#loginTable
	{
	width:400px;
	margin-top:20px;
	}	
#loginTable td
	{
	padding:3px 3px 3px 3px;
	}