html { height: 100%; }

body{
background: white url(images/background.png);
background-repeat: repeat; 
height:100%;
margin-top: 0;
margin-bottom:0;
font-family: Tahoma, Verdana, arial, sans-serif;
font-size: small;
font-weight: normal;
padding-bottom: 0px; 
}

h1 h2 {
font-family: Tahoma, Verdana, arial, sans-serif;
text-align: left;
line-height: 0.75em;
color: #423d3d;
font-weight: normal;
font-size: large; 
}

p {
font-family: Tahoma, Verdana, arial, sans-serif;
text-align: left;
line-height: 1.5em;
color: #423d3d;
font-size: small;
padding-bottom: 0.5em;
padding-top: 0.5em;
margin:0;
font-weight: normal;
}

li {
font-family: Tahoma, Verdana, arial, sans-serif;
text-align: left;
line-height: 1.5em;
color: #423d3d;
font-size: small;
padding-bottom: 0.1em;
padding-top: 0em;
margin:0;
font-weight: normal;
}


a {	
	color: #423d3d;	
}

.visualClear {
	clear: both;
}

#maincontainer{
position: relative;
min-height: 100%;
width: 850px; /*Width of main container*/ 
height: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: auto; /*Center container on page*/
margin-right: auto;
background: white;
}
 
.innertube{
/*Margins for inner DIV inside each column (to provide padding)*/
padding: 0px 20px 0 20px;
background: white; 

}
#topsection{
height: 90px; /*Height of top section*/
margin: 0;
font-size:0; 
}

#innertubeheader{
/*Margins for inner DIV inside each column (to provide padding)*/
padding: 0px 20px 0 60px; 
text-align:right; 


}

.header-tab {
text-align:right; 
margin-left: 60px;
margin-right: 20px;
border-collapse: collapse; 
margin-top: 0px;
margin-bottom: 5px; 
padding: 0px; 
}

.header-tab td {
	padding: 0px;
	font-size:0px;		
}
.header-tab tr {
	padding: 0px; 
}


.header-ban {
	vertical-align: top; 
	background-color: #5a567d;
}

.register-tab {	
	background-color: #5a567d;
	vertical-align: top; 
	
}
.register-tab a  {	
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 1px; 
	padding-left: 5px;
	margin-right: 67px;
	color: black; 	
	font-weight: bolder;
	background-color: white;	
	font-size:small;

}

#innertubeheader img {
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	vertical-align: top;
}

.regoinner {
	width:525px;
	position: relative;
	bottom: 24px;
	right: 56px;	
	background-color: white;
	color:#231e51;
	font-size: small;	
	font-weight: normal;
	margin:0;
	padding-left: 10px;
	padding-right: 0px;	
	padding-top:0;
	padding-bottom:0;	
}

.rego-shadow {	
	height: 0;
	width:0;
	padding:0;
	margin:0;
	border-top: 10px solid yellow; /*#231e51 ;*/
	border-left: 10px solid #231e51; 
	border-bottom:10px solid green;	
}


#contentwrapper{
float: left;
width: 100%;
background: white; 
}

#contentcolumn{
margin-right: 273px; /*Set right margin to RightColumnWidth*/
background: white;  

}

#rightcolumn{
float: left;
width: 273px; /*Width of right column*/
margin-left: -273px; /*Set left margin to -(RightColumnWidth) */
background: white; 
}

.innertubesponsor{
/*Margins for inner DIV inside each column (to provide padding)*/
/* top right bottom left */ 
margin: 0px; 
padding: 0px 20px 0px 0px; 
background: white; 
}

#footer{

width: 840px;
text-align: left;
padding-left: 10px; 
padding-top: 20px; 
height: 20px; 
font-size: x-small; 
background: white; 
}

#footer ul {
margin: 0; 
padding: 0;
}

#footer li {
display: inline; 
margin: 0 0 0 1.3em ;	
}

#footer a{
color: gray;
text-decoration:none;
}

/* */

.logo {
	text-decoration: none; 	
	border-style: none; 
	margin: 0px 0px 0px 0px;
}

.blurb {	
	font-size: x-small; 
	font-weight: bolder; 
	padding: 1.0em 0px 1.0em 43px; 
	margin-top: 15px;
	margin-bottom: 15px; 
	line-height: 1.4em; 
	text-align:left;
}

/* Wiki Tool Box   */

.tool-box-hidden {
	display: none; 
}

.tool-box-open {
	display: block; 
	padding-left: 20px; 
}

#tool-box{
	padding-left: 20px; 
	font-size: small; 
	padding-bottom: 20px; 	
	background-color: white;
}

#tool-box ul li {
	display: block;
	padding: 0;
	margin: 0; 
	color: blue; 
}

/* location information box */

.location-box {		
	background: #f5f5f5 url(images/location-tram.jpg) 0 0 no-repeat;	
	margin-left: -1px;	
	margin-bottom: 0px;
	padding: 0px 0px 0px 275px; /* width of background image */	
	line-height:0em;		
	border: 1px solid #231e51;		
}

.art-location {
	padding: 0;
	margin:0; 
}

.location-box p {
	margin-left: 10px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;	
	font-size: x-small;
	font-weight: bolder; 
}

.location-link {
	text-decoration: underline; 
}	

.location-content {
	border-right: 1px solid #231e51;
	border-top: 1px solid #231e51;
	/*border-bottom: 1px solid #231e51;*/
	padding:0px;
	margin:0px;
	height:253px;
	padding-bottom: 5px;
}

.location-box-closed {
	display: none; 
}
 
.location-box-header {		
	font-size: large; 
	padding-top: 10px;
	padding-left:10px;	
	padding-bottom:0.75em;	
	margin:0;
	text-align:left; 
}

.shadow-location {
	float: right;
	width: 0px;
	height:0px;
	border-style: solid;		
	border-top-width: 10px;
	border-right-width: 0px;		
	border-left-width: 10px;
	border-bottom-width: 250px;
	border-color: white #231e51 #231e51 #231e51;  
	margin:0;
	padding:0;

}

/* News Items Right Hand Column */

.news-header {	
	color: black; 
	font-size: large; 
	font-weight: normal; 
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.news {
	color: #423d3d; 
	text-align: left;
	font-weight: bolder;
	font-size: x-small;	
	margin: 0;
	padding: 0;
	line-height: 1.2em;		
}

.news-item {		
	border-bottom: thin dotted gray; 
	margin-bottom: 1.5em; 
	padding-bottom: 1.3em; 
}

.news-date {
	color: #1e3a55; 
	font-weight: bolder; 
}

.news-text {	
	
}

.news-link {	
	text-decoration:underline;	
	color: #423d3d;
	padding: 0; 
	margin: 0; 
	display: inline; 
}
.news-resource {
	color: #1e3a55;; 
	text-decoration: none; 
	display: inline; 	
}
.news-arrow {
	text-decoration: none; 
	display: inline; 
	color: #1e3a55;
}

/* Sponsor Referal Link */

.refer-sponsor {
	background: #5a567d; /* white url(images/ocsponsorbg.png) 0 0 no-repeat ;	*/
	text-align: right;
	margin: 0;
	padding: 0;
	padding-right: 0px; 	
	font-size: x-small; 
	padding-top: 4px;
	padding-bottom: 4px;		
}

.refer-sponsor-link{	
	
	background: #5a567d;	
	color: white;	
	font-size: x-small; 
	font-weight: bolder;	
	text-decoration:underline;
	margin: 0;	
	padding-bottom: 0px;
}

.refer-sponsor-shadow {		
		width: 0px;
		height:0px;
		margin:0px;	
		padding:0px;
		border-style: solid;		
		
		border-right-width: 0px;		
		border-left-width: 9px;
		border-bottom-width: 0px;
		border-top-width: 0px;		
		border-color:white #5a567d #5a567d #5a567d;
}

/* Breadcrumbs */

#breadcrumbs {	
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: x-small;
	font-weight: bolder;
}

#breadcrumbs a {
	text-decoration: underline; 
}

/* Navigation Menu Table */
.menu {
	color: #423d3d;
	width: 100%;	
	border-collapse: collapse; 
	margin-bottom: 10px;
	text-align:left; 
	padding:0px;
	text-decoration: none; 
}

.menu-when {
	border-bottom: 1px solid #8e9211;
}

.menu-art {
	padding:0;
	margin:0;	
}

.directive {
	padding-bottom: 0px;
	margin: 0;
	font-size: x-large;
	font-weight: normal;
	margin-left:55px;
	letter-spacing: 2px;
	text-decoration: none; 
}

.directive a {
	text-decoration: none; 
}

.menu-blurbs-about {
	padding:0;
	margin:0;
	width:50%;
	border-top: 1px solid #506340;
	border-bottom: 1px solid #506340;
	border-right: 1px solid #506340;	
	background-color: #f5f5f5
	
}
.menu-blurbs-when {
	padding:0;
	margin:0;
	width:50%;
	border-top: 1px solid #8e9211;
	border-bottom: 1px solid #8e9211;
	border-right: 1px solid #8e9211;
	background-color: #f5f5f5
}
.menu-blurbs-attend {
	padding:0;
	margin:0;
	width:50%;
	border-top: 1px solid #721414;
	border-bottom: 1px solid #721414;
	border-right: 1px solid #721414;
	background-color: #f5f5f5
}
.menu-blurbs-participate {
	padding:0;
	margin:0;
	width:50%;
	border-top: 1px solid #0c797d;
	border-bottom: 1px solid #0c797d;
	border-right: 1px solid #0c797d;
	background-color: #f5f5f5
}
.menu-blurbs-sponsors {
	padding:0;
	margin:0;
	width:50%;
	border-top: 1px solid #8b5923;
	border-bottom: 1px solid #8b5923;
	border-right: 1px solid #8b5923;
	background-color: #f5f5f5;
	
}

.menu-directive-when-idle {
	width:50%;
	background: #f5f5f5 url(images/when_idle.png) 0 2px no-repeat;
	border-left: 1px solid #8e9211;
	border-bottom: 1px solid #8e9211;
	border-top: 1px solid #8e9211;
	text-decoration: none; 
}
.menu-directive-about-idle{
	width:50%;
	background: #f5f5f5 url(images/about_idle.png) 0 2px no-repeat;
	border-left: 1px solid #506340;
	border-bottom: 1px solid #506340;
	border-top: 1px solid #506340;	
	text-decoration: none; 
}
.menu-directive-attend-idle  {
	width:50%;
	background: #f5f5f5 url(images/attend_idle.png) 0 2px no-repeat;
	border-left: 1px solid #721414;
	border-bottom: 1px solid #721414;
	border-top: 1px solid #721414;
	text-decoration: none; 
}
.menu-directive-participate-idle {
	width:50%;
	background: #f5f5f5 url(images/participate_idle.png) 0 2px no-repeat;	
	border-left: 1px solid #0c797d;
	border-bottom: 1px solid #0c797d;
	border-top: 1px solid #0c797d;
	text-decoration: none; 
}
.menu-directive-sponsors-idle {
	width:50%;
	background: #f5f5f5 url(images/sponsors_idle.png) 0 2px no-repeat;
	border-left: 1px solid #8b5923;
	border-bottom: 1px solid #8b5923;
	border-top: 1px solid #8b5923; 
	text-decoration: none; 
}

.menu-directive-when-sel  {
	width:50%;
	background:#f5f5f5 url(images/when_sel.png) 0 2px no-repeat;
	border-left: 1px solid #8e9211;
	border-bottom: 1px solid #8e9211;
	border-top: 1px solid #8e9211;
	text-decoration: none; 
}
.menu-directive-about-sel  {
	width:50%;
	background: #f5f5f5 url(images/about_sel.png) 0 2px no-repeat;
	border-left: 1px solid #506340;
	border-bottom: 1px solid #506340;
	border-top: 1px solid #506340;	
	text-decoration: none; 
}
.menu-directive-attend-sel  {
	width:50%;
	background: #f5f5f5 url(images/attend_sel.png) 0 2px no-repeat;
	border-left: 1px solid #721414;
	border-bottom: 1px solid #721414;
	border-top: 1px solid #721414;
	text-decoration: none; 
}
.menu-directive-participate-sel {
	width:50%;
	background: #f5f5f5 url(images/participate_sel.png) 0 2px no-repeat;	
	border-left: 1px solid #0c797d;
	border-bottom: 1px solid #0c797d;
	border-top: 1px solid #0c797d;
	text-decoration: none; 
}
.menu-directive-sponsors-sel {
	width:50%;
	background: #f5f5f5 url(images/sponsors_sel.png) 0 2px no-repeat;
	border-left: 1px solid #8b5923;
	border-bottom: 1px solid #8b5923;
	border-top: 1px solid #8b5923;
	text-decoration: none; 
}

.blurb-line {	
	background-color: #f5f5f5;
	font-size: x-small;	
	font-weight: bolder;	
	padding-left: 17px;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	padding-top:0;
	padding-bottom:0;
}

.blurb-line a {
	color: #423d3d;	
}

.border-art{	
		width: 0px;
		height:0px;
		margin:0px;	
		padding:0px;
		border-style: solid;		
		border-top-width: 9px;
		border-right-width: 0px;		
		border-left-width: 9px;
		border-bottom-width: 41px;			 
}

.shadow-when {
	border-color: white #8e9211 #8e9211 #8e9211;	
}
.shadow-about {
	border-color: white #506340 #506340 #506340;
}
.shadow-attend {
	border-color: white #721414 #721414 #721414;
}
.shadow-participate {
	border-color: white #0c797d #0c797d #0c797d;
}
.shadow-sponsors {
	border-color: white #8b5923 #8b5923 #8b5923;
}

.art-when {
	border-bottom: 1px solid #8e9211;
}
.art-about {
	border-bottom: 1px solid #506340;
} 
.art-attend {
	border-bottom: 1px solid #721414;
} 
.art-participate {
	border-bottom: 1px solid #0c797d;
} 
.art-sponsors {
	border-bottom: 1px solid #8b5923;
} 

/* Sub Page Menu Open */

.sp-directive {
	padding-bottom: 2px;
	margin: 0;
	font-size: x-large;	
	font-weight: normal;
}

.spm-when-sel
{
    width:100%;
    background:#f5f5f5 url(images/when_sel.png) 0 2px no-repeat;
    border: 1px solid #8e9211;
	padding-top: 15px;
	padding-left: 55px;
	 
}
.spm-about-sel
{
    width:100%;
    background:#f5f5f5 url(images/about_sel.png) 0 2px no-repeat;
    border: 1px solid #506340;
	padding-top: 15px;
	padding-left: 55px;

}
.spm-participate-sel
{
	width:100%;
    background:#f5f5f5 url(images/participate_sel.png) 0 2px no-repeat;
    border: 1px solid #0c797d;
	padding-top: 15px;
	padding-left: 55px;
	
}
.spm-attend-sel
{
    width:100%;
    background:#f5f5f5 url(images/attend_sel.png) 0 2px no-repeat;
    border: 1px solid #721414;
	padding-top: 15px;
	padding-left: 55px;
	 
}
.spm-sponsors-sel
{
	width:100%;
    background:#f5f5f5 url(images/sponsors_sel.png) 0 2px no-repeat;
    border: 1px solid #8b5923;
	padding-top: 15px;
	padding-left: 55px;
	
}

/* Sub Page Navigation Links - could do with some compression*/

.spn-when-sel
{
       display: inline;	   	   
}

.spn-about-sel
{
       display: inline;
}

.spn-attend-sel
{
       display: inline;
	   
}

.spn-participate-sel
{
       display: inline;
}

.spn-sponsors-sel
{
       display: inline;
}

.spn-when-sel a
{
       background: #8e9211;
       color:white;
       font-weight: bolder;
       font-size: x-small;
       padding-left: 0.5em;
       padding-right: 0.5em;
       text-decoration: none; 
}

.spn-about-sel a
{
       display: inline;
       color:white;
       font-weight: bolder;
       font-size: x-small;
       padding-left: 0.5em;
       padding-right: 0.5em;
       background: #506340;
	   text-decoration: none; 
}

.spn-attend-sel a
{
       display: inline;
       color:white;
       font-weight: bolder;
       font-size: x-small;
       padding-left: 0.5em;
       padding-right: 0.5em;
       background: #721414;
	   text-decoration: none; 
}

.spn-participate-sel a
{
       display: inline;
       color:white;
       font-weight: bolder;
       font-size: x-small;
       padding-left: 0.5em;
       padding-right: 0.5em;
       background: #0c797d;
	   text-decoration: none; 
}
 
.spn-sponsors-sel a
{
       display: inline;
       color:white;
       font-weight: bolder;
       font-size: x-small;
       padding-left: 0.5em;
       padding-right: 0.5em;
       background: #8b5923;
	   text-decoration: none; 
}

.sp {
	padding-top: 10px;
	padding-bottom: 10px;
}

.spn-links {

	padding:0; 
	margin-bottom: 10px; 
	line-height: 15px; 
	margin-left: 0px;
	
	
}

.spn-links li {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top:5px;
	padding-bottom:5px;
	
	 
}

.selflink {
	color:white;
	font-size: x-small;
	font-weight: bolder;
	background-color: #231e51;
}