/* universal Style */
html 
{
	margin: 0px;
	padding: 0px;
}
body 
{ 
	font: 1em "times new roman"; 
	color: #ffffff; 
	background: #000060 url('backgrounds/slither.jpg') fixed bottom repeat-x; 
	margin: 0; 
	padding: 0;
	min-height: 100%;
}
A:link {color: #0000DD}
A:visited {color: #000080}
A:hover {color: #ff0000}
img
{
	border: 0 solid;
	padding: 0;
}
.strikethrough
{
	color: #B2A193;
	text-decoration: line-through;
}

/* content related Style */
.main 
{ 
	background: #FDE59B; 
	position: relative;
	margin: 80px 0px 0px 128px;
	z-index: 1;
}
.content
{
	font: 1em "times new roman"; 
	color: #000040; 
	padding: 10px;
	text-align: center;
	z-index: 2;
}
.content H1
{
	font: bold 3em "times new roman";
	color: #000080;
}
.content H2
{
	font: bold 2em "times new roman";
	color: #000080;
}
.content H3
{
	font: bold 1.5em "times new roman";
	color: #000060;
}
.formal
{
	font: 1em "times new roman"; 
	color: #000040; 
	text-align: justify;
	z-index: 2;
}


/* non-content related Style */
.header
{
	background: url('titles/header.jpg') no-repeat; 
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px; 
	width: 700px; 
	height: 80px; 
	z-index: 1;
}
.logo
{
	background: url('titles/banner.gif') no-repeat; 
	background /**/:/**/ url('titles/banner.png') no-repeat; 
	position: absolute;
	top: 30px;
	left: 20px;
	margin: 0px; 
	width: 600px; 
	height: 80px; 
	z-index: 3;
}
.copyright
{
	position: relative;
	text-align: right;
	z-index: 3;
}

/* navbar related Style */
.navbar 
{ 
	position: absolute;
	left: 0px;
	top: 80px;
	width: 128px;
	margin: 0; 
	padding: 0;
	z-index: 2;
	line-height: 0;
	z-index: 4;
	
}
.nb1
{
	position: absolute;
	top: 0;
	background: url('navbar/nb1h.jpg') top left no-repeat;
	height: 28px;
	width: 128px;
}
.nb1:hover span
{
	display: none;
}
.nb2
{
	position: absolute;
	top: 28px;
	background: url('navbar/nb2h.jpg') top left no-repeat;
	height: 28px;
	width: 128px;
}
.nb2:hover span
{
	display: none;
}
.nb3
{
	position: absolute;
	top: 56px;
	background: url('navbar/nb3h.jpg') top left no-repeat;
	height: 28px;
	width: 128px;
}
.nb3:hover span
{
	display: none;
}
.nb4
{
	position: absolute;
	top: 84px;
	background: url('navbar/nb4h.jpg') top left no-repeat;
	height: 28px;
	width: 128px;
}
.nb4:hover span
{
	display: none;
}
.nb5
{
	position: absolute;
	top: 112px;
	background: url('navbar/nb5h.jpg') top left no-repeat;
	height: 28px;
	width: 128px;
}
.nb5:hover span
{
	display: none;
}
.nb6
{
	position: absolute;
	top: 140px;
	background: url('navbar/nb6h.jpg') top left no-repeat;
	height: 28px;
	width: 128px;
}
.nb6:hover span
{
	display: none;
}
.nb7
{
	position: absolute;
	top: 168px;
	background: url('navbar/nb7h.jpg') top left no-repeat;
	height: 28px;
	width: 128px;
}
.nb7:hover span
{
	display: none;
}
.nb8
{
	position: absolute;
	top: 196px;
	background: url('navbar/nb8h.jpg') top left no-repeat;
	height: 28px;
	width: 128px;
}
.nb8:hover span
{
	display: none;
}
.nb9
{
	position: absolute;
	top: 224px;
	background: #000060;
	height: 2px;
	width: 128px;
}

/* member related Style */
.thumbnail
{
	background: url('backgrounds/memberback.jpg') top left no-repeat; 
	padding: 20px 20px 20px 20px;
}
.thumbnail:hover
{
	background: url('backgrounds/memberhigh.jpg') top left no-repeat; 
}
#members
{
	position: static;
	width: 100%;
}
#members .captioned
{
	padding: 3px;
	display: inline;
	font: bold 1.4em "times new roman";
	color: #000060;
}
#members .captioned span
{
	display:table-cell;
	vertical-align:top;
	display:table-cell;
	display:inline-block;
	vertical-align:top;
}



/* border related Style */
.leftBorder
{
	background: url('backgrounds/weaveleft.jpg') left repeat-y; 
	z-index: 1;
}
.rightBorder
{
	background: url('backgrounds/weaveright.jpg') right repeat-y; 
	z-index: 1;
}
.topBorder
{
	background: url('backgrounds/weavetop.jpg') top repeat-x; 
	z-index: 1;
}
.bottomBorder
{
	background: url('backgrounds/weavebottom.jpg') bottom repeat-x; 
	z-index: 1;
}
.topLeft
{
	background: url('backgrounds/weavetl.jpg') no-repeat; 
	top: 0px;
	left: 0px;
	height: 30px;
	width: 30px;
	z-index: 1;
}
.topRight
{
	background: url('backgrounds/weavetr.jpg') no-repeat; 
	top: 0px;
	right: 0px;
	height: 30px;
	width: 30px;
	z-index: 1;
}
.bottomLeft
{
	background: url('backgrounds/weavebl.jpg') no-repeat; 
	bottom: 0px;
	left: 0px;
	height: 30px;
	width: 30px;
	z-index: 1;
}
.bottomRight
{
	background: url('backgrounds/weavebr.jpg') no-repeat; 
	bottom: 0px;
	right: 0px;
	height: 30px;
	width: 30px;
	z-index: 1;
}

/* accessability related Style */
@media print
{
	body{background: #fff; color: #000;}
	.main{background: #fff; position: relative; margin: 0px;}
	.copyright, .content{background: #fff; color: #000; padding: 0px;}
	.header, .logo, .shade, .navbar, .leftBorder, .rightBorder, .topBorder, .bottomBorder, .topLeft, .topRight, .bottomRight, .bottomLeft{display: none;}
	#members .captioned, .content H1, .content H2, .content H3, .copyright, A:link, A:hover, A:visited{color: #000;}
}