html
{
	width: 100%;
	height: 100%;
	position: static;
	margin: 0; padding: 0;
}

body
{
	background: #FFF url(images/bkgd.gif) 100% 90% no-repeat fixed;
	color: #359;
	font-family: "Arial", sans-serif;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	font-size: 1em;
	width: 100%;
	height: 100%;
}

img { border: none; }

a:link { color: #9A8; }
a:visited { color: #77A; }
a:hover { color: #3BE; text-decoration: none; }
a:active { color: #3BE; }

sup a { text-decoration: none; }

a.deti
{
	height: 30px;
	width: 120px;
	margin: 2px;
	background-position: 0 0px;
	padding: 0;
	font-size: 1px;
	text-decoration: none;
	background: url(images/mk.gif) no-repeat;
	position: absolute;
	left: 20px;
	top: 360px;
}

a.deti:visited { background-position: 0 0px; }
a.deti:hover { background-position: 0 -30px; }

ul { list-style-image: url(images/bullet.gif); }
ul ul { list-style-image: url(images/bullet2.gif); }
ul ul ul { list-style-image: url(images/bullet3.gif); }

.centered
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
}
.center { text-align: center; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.right { text-align: right; }

.fleft { float: left; margin-right: 10px; }
.fright { float: right; margin: 0 0 0 10px;}

.footer hr { margin: 0 0 5px 185px; padding: 0; }

.vs
{
	background: transparent url(images/mslo.gif) no-repeat;
	width: 450px;
	height: 85px;
	padding: 0;
	margin: 35px auto 0 auto;
}

.vs i { display: none; }

.picframe
{
	border: 2px solid #949CCB;
	margin-top: 5px;
	margin-bottom: 5px;
}

p { text-align: left; }
p.left { text-align: left; }

h1
{
	text-align: center;
	font-size: 1.6em;
	color: #2FA2DC;
}

h2
{
	text-align: left;
	font-size: 1.3em;
	color: #88B;
}

h2.subhead
{
	text-align: left;
	font-size: 1.15em;
	color: #88B;
}

h3
{
	text-align: center;
	font-size: 1.15em;
	font-style: italic;
	color: #99C;
}

h4
{
	text-align: left;
	font-size: 1.15em;
	font-style: italic;
	margin-left: 25px;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #99C;
}

h5
{
	text-align: left;
	font-size: 1em;
	margin: 0 0 0 50px;
	font-style: italic;
	padding: 0;
	color: #9A8;
}

dt { font-weight: bold; margin: 10px 0 5px 0; }

.box
{
	background: transparent url(images/boxbkgd.gif);
	border: 1px solid #80C6EE;
	padding: 5px 10px;
	font-size: .8em;
	width: 165px;
}

.small { font-size: .8em; }
.large { font-size: 1.2em; }

.container
{
	background: url(images/boxbkgd.gif) fixed repeat-y;
	top: 0;
	z-index: 0;
	position: absolute;
	right: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	min-height: 100%;
}

.menubar
{
	text-align: right;
	padding: 0;
	height: 0;
	margin: -35px 55px 0 0;
}

.menu
{
	z-index: 1;
	float: left;
	background: transparent;
	width: 150px;
	margin: 0;
	padding: 15px 5px 0 10px;
	position: absolute;
}

.popoutmenu
{
	z-index: 1;
	width: 150px;
	margin: 0;
	padding: 5px 5px 5px 5px;
	position: absolute;
	margin-left:150px; 
	margin-top:-20px; 
	border: 1px solid;
	opacity:1.0;
	-moz-opacity:1.0;
	filter: alpha(opacity=100);
	background-color:white;
}

.footer
{
	font-size: .7em;
	padding: 0 0 5px 0;
	bottom: 0;
	width: 100%;
	right: 10px;
	margin: 0;
	position: absolute;
	clear: both;
	height: 70px;
	overflow: hidden;
}

.invis { visibility: hidden; }
.zero { margin: 0; padding: 0; }
.botp { margin: 0; padding: 5px 0 0 0; }


.menu p a, .menu p a:link, .menu p a:visited
{
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	text-decoration: none;
	color: #359;
	font-size: 1em;
	border-left: 10px solid #CCDFB6;
}

.menu p a:hover
{
	color: #3BE;
	border-left: 10px solid #80C6EE;
}

.menu p
{
	margin: 0;
	padding: 2px 0;
	font-size: .85em;
}

.main
{
	margin: 10px 0 60px 175px;
	padding: 0 0 10px 0;
}


.logo { width: 150px; height: 156px; }
.slogo { width: 50px; height: 52px; }

.horiz { width: 250px; height: 188px; }
.vert { width: 188px; height: 250px; }

li { margin-left: 2em; }
li li { margin-left: .2em; }

.box li { margin-left: 0px; }
.box ul { padding-left: 0px; }

.attribution
{
	text-align: right;
	font-style: italic;
	padding-top: 0;
	margin-top: 0;
	color: #9A8;
	font-size: .85em;
}

hr
{
	border-top: 1px solid #CCDFB6;
	border-bottom: 1px solid #949CCB;
	border-left: 2px solid #CCDFB6;
	border-right: 2px solid #949CCB;
	margin: 0 0 5px 0;
	padding: 0 10px;
}

sup { font-size: .6em; margin: 0; padding:0; vertical-align: 0.6em; }

.reference, .reference li { margin-left: 0; padding-left: 0; }
.reference { font-size: .8em; }

.clear { clear: both; }
.cright { clear: right; }

blockquote { color: #9A8; font-size: .85em; text-align: left; }

/***** IE Mac Hacks (Following Visible to IE Mac) *****/




/***** (Following INvisible to IE Mac) \*/

.box { width: auto; }

.box li { margin-left: 5px; }
.box ul { padding-left: 15px; }

.main { margin: 0 10px 60px 175px; }

.container { left: 0; right: 0; }

.menubar
{
	padding: 17px 0 0 0;
	height: 35px;
	margin: 0 55px 0 0;
}

.menu { position: fixed; }

/***** End IE Mac Hacks *****/

/***** IE6 Hacks (Visible ONLY to IE6 *****/

html>body .container { height: auto; }
html>body .menu {position:relative; }

/***** End IE6 Hacks *****/