/***********************************************/
/* OSSTA layout file                           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/* header background: #9BF7ED
left, right: #0099FF
*/

body{
	background-color: #D9FFFE;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: none;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h6{
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}

ul{
	list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

table {
 font-size:13px;
 width:auto;
}

input { 
 font-size:13px;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#header { 
	background-color: #D9FFFE;
	padding:.5em; }
#left {
	float:left;
	width:205px;
	padding:.4em;
	background-color: #006699;
}
#right { 
	float:right;
	width:200px;
	padding:.6em;
	background-color: #006699 }
#center {
	margin-left:215px;
	background-color:#D9FFFE;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	background-position: top;
	overflow: auto;
}
#center table {
	font-size:13px;
}
#left, #right { 
	padding-bottom: 32767px;
	margin-bottom: -32767px; }
/* The websites that I got this 3-column layout from (http://www.shadow-fox.net/tutorial/3-Column-All-CSS-Layout-With-Fluid-Center-and-Two-Columns, among others), recommended that you use the above padding and margin on #left, #right and #center, as below:
		#left, #right, #center { 
			padding-bottom: 32767px;
			margin-bottom: -32767px; }
However, I found that IE wouldn't ignore the left and right columns in a case where the middle column was shorter than the left and right ones. This would mean that the footer would start at the bottom of the center column and overwrite the left and right columns.
I addressed this by changing the padding and margins, which left me with IE going to the bottom of the longest column, correctly, but the middle column wasn't pulled down. I addressed that by simply making the background colour of the BODY the same as the background colour of #centre. Now you can't tell that it's not extending down to the bottom of the page.	
*/

#footer { 
	color:#D9FFFE;
	clear:both;
	background-color:#006699;
	padding:.5em; }
#wrapper { overflow:hidden; }
#wrapper
	{
/* Hacks required for IE */
	float: left;
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */


.sidebox {
	padding:.6em;
	background-color:#ddb;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: justify;
}
.sb_emphasize {
	color: #996600;
	font-style: italic;
}

p.hidn {
	background-color: #FF9900;
	border: 2px solid #FF9966;
}

p.unhidn {
	background-color: #DAEFEF;
	border: 2px solid #FFFFFF;
}

p.menuitem {
	padding:.2em;
	/*	background-color:#ddb; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	font-style: normal;
	line-height: 4px;
	word-spacing: normal;
	letter-spacing: normal;
	margin: .2em;
	display: block;
}

p.menuitem a {
	color: #000000;
	text-decoration: none;
	display:block;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 20px;
	}
	
p.menuitem a:hover {
	color:#FFFFFF;
	background-color: #336FAA;
	}

#tabletitle {
	background-color: #006699;
}

#tabletitle a {
	color: #FFFFFF;
}

#logintext a:hover {
	display:block;
	}

#quotetext {
	font-style: italic;
	text-align: justify;
}
#quoteauthor {
	text-align: right;
}
#login {
	font-size: 11px;
	text-align: left;
	border-top-style: inset;
	border-right-style: none;
	border-bottom-style: outset;
	border-left-style: none;
	margin-bottom: 1.25em;
	padding-bottom: 0.25em;
	vertical-align: middle;
	padding-top: 0.25em;
}

.clearit { 
	display:none
}