@import "nav.css";
body, td, th {
	font-family: Lucida-Sans Unicode, Lucida Sans, Lucida Grande, Helvetica, Arial, Verdana, Geneva, sans-serif;}
 
body {
	background-color: #263997;
	margin: 0px;
	font-size: 0.8em;
	color: #ffffff;
	line-height: 160%;
	}
a:link {
	text-decoration: none;
	color: #ffffff; 
	}
a:visited { 
	text-decoration: none;
	color: #ffffff; 
	}
a:hover { 
	text-decoration: underline;
	color: #fdb827; 
	}
a:active { }

h1 {
	color: #666666;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 15px;
}
h2 {
	color: #ffffff;
 	font-size: 140%;
 		font-weight: bold;
	
}
h3 {
	color: #666666;
	font-size: 100%;
	font-weight: bold;
}
h4 {
	color: #666666;
	font-size: 100%;
}

img {
	border: 0
}

#hidden {display: none;}
 /* centres the layout whatever the resolution */
 /* styles for IE 5 Mac */
#centreing {
background: transparent;
position: absolute;
 }
 /* following rules are invisible to IE 5 \*/
#centreing {
position: relative;
text-align: center;

left: 0px;
min-width: 960px; 
width: 960px;
margin: 0px auto;
 }
 
 #topbar {
width: 962px;}
 #strapline {
position: relative;
display: block;
width: 100%;
top: 0px;
height: 25px;
margin: 0; padding: 0;
background-color: #263997;
background-image: url(../images/strapline.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

 
 #content{
	text-align: left;
	width: 960px;
	margin-bottom: 40px;
	background-image: url(../images/gloveimage01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #fdb827;
}


#mainwrapper {
margin-top: 290px;
padding-bottom: 28px;
display: block;
border-top: 1px solid #fdb827;
background-image: url(purplealpha.png);
overflow: auto;
 }


* html #mainwrapper
{
height: 335px;
	background-image: url(purple.png);
	filter: alpha(opacity=80);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
overflow: hidden;
}

#textwrapper {
border: 1px solid #fdb827;
width: 960px;
text-align: left;
background-color: #ffffff;
display: block;
}

#image {
width: 960px;
height: 160px;
display: block;
border-bottom: 1px solid #fdb827;
}

#logo{
width: 245px;
height: 150px;
float: left;
padding-top: 35px;
background-image: url(../images/ona.png);
background-repeat: no-repeat;
background-position: 0px 20px;}

* html #logo {
width: 245px;
height: 150px;
float: left;
padding-top: 35px;
background-image: url(../images/ona.gif);
background-repeat: no-repeat;
background-position: 0px 20px;
}


#logo2{
float:left; 
position:relative; width:255px; 
height: 85px;
margin-left:-255px; 
display:inline;
top: -100px;
background-image: url(../images/onawhite.png);
background-repeat: no-repeat;
background-position: 0px 20px;
}

#cont{color: #666666;
font-size: 100%;
line-height: 140%;
width: 500px;
margin-top: 100px;
margin-bottom: 40px;
display: block;

position:relative; display:block; background:#ffffff; border-left:265px solid #ffffff; overflow:visible;
}

*html #cont {
width: 765px;}

#welcome{
font-size: 150%;
line-height: 140%;
position: relative;
width: 300px;
float: left;
margin-top: 120px;
margin-bottom: 40px;
display: block;

}

#welcome a:link, #welcome a:visited {
border: 1px solid #ffffff;
padding: 2px;
background-color: #000066;
text-decoration: none;}

#welcome a:hover {
border: 1px dotted #000066;
padding: 2px;
background-color: #ffffff;
text-decoration: none;}


#updateholder {
float: right;
width: 400px;
}
.update {
float: left;
width: 170px;
height: 318px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
border-left: 1px solid #fdb827;}

.button {
position: relative;
top: 20px;
font-size: 70%;}

.clear {
clear: both
}
#text {
margin-bottom: 1em;}

#text a:link, #text a:visited {
color: #666666;
border: 1px solid #cccccc;
padding: 2px;
text-decoration: none;}

#text a:hover {
color: #ffffff;
border: 1px dotted #000066;
padding: 2px;
margin: 2px;
background-color: #fdb827;
text-decoration: none;}

.nolink a:link, .nolink a:visited, .nolink a:hover {
border:none;
padding: 0;
background-color: #fff;}


#text h2 {
color: #000066;
font-size: 120%;}

.link {
padding: 3px;
position: relative;
top: 20px;
font-size: 100%;}

#footer {width: 940px;
text-align: left;
height: 20px;
background-color: #081a4f;
color: #fff;
font-size: 90%;
padding: 0; margin: 0;
padding-top: 2px;
padding-left: 20px;}

*html #footer {
width: 982px}
