/* CSS Document */
body{
margin:0;
padding:0;
line-height: 1.5em;
font-family: Arial, sans-serif;
font-size:small;

}
a            { text-decoration: none;
font-size: 100%;}
a:link       {	color: #0000ff; text-decoration: none ; 
font-size: 100%;}
a:visited    { color: #800080; text-decoration: none; 
font-size: 100%;}
a:active     { color: #ff0000; text-decoration: underline; 
font-size: 100%;}
a:hover      { color: #800000; text-decoration: underline;
font-size: 100%;}

b{font-size: 110%;}
em{color: #ff0000;}


#topsection{
color: #fff;
font-size: x-large;
font-weight: bold;
background-color: #c0c0c0;
height: 90px; /*Height of top section*/
text-align: left;
background-image: url(../images/image02c.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#topsection .slogan{
position: relative;
top: 45px;
left: 25%;
width:30%;
text-align: center;
color: #e8fd29;
font-size: small;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;}

#topsection .pageid{
position: relative;
top: 27px;
left: 75%;
width:20%;
text-align: center;
color: #fff;
background-color:#800000;
font-size: small;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;}


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

#contentcolumn{
margin: 0 200px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#contentcolumn h5 {
	background-color: #ffff99;
	color: #000;
	font-size: small;
	font-weight: bold;
	text-align: left;
	margin: 2px;
	padding: 2px;
}
#contentcolumn h4 {
	background-color: #ffcc33;
	color: #000;
	font-size: medium;
	font-weight: bold;
	text-align: left;
	margin: 2px;
	padding: 2px;
}

#contentcolumn h2 {
	background-color: #ffccff;
	color: #000;
	font-size: medium;
	font-weight: bold;
	text-align: left;
	margin: 2px;
	padding: 2px;
}
#wrap1{

background: url(../images/shad1left.jpg) repeat-y left top;
height:100%;
	}
	
	
#wrap2 {
background: url(../images/shad1right.jpg) repeat-y right top;
height:100%;
	}
#leftcolumn{
float: left;
width: 220px; /*Width of left column*/
/*margin-left: -100%;*/
background-color: #d5f9bb ;
font-size: small;
z-index:100;
height: 100%;
}

#leftcolumn a{
text-decoration: none;
font-size: 100%;}
#leftcolumn a:link       {	color: #0000ff; text-decoration: none ; 
font-size: 100%;}
#leftcolumn a:visited    { color: #800080; text-decoration: none; 
font-size: 100%;}
#leftcolumn a:active { 
color: #ff0000; background-color: #dfff7f;text-decoration: underline; 
font-size: 100%;}
#leftcolumn a:hover      { color: #800000; background-color: #dfff7f;;text-decoration: underline; 
font-size: 100%;}

#leftcolumn b{
	background-color: #ffccff;
	color: #000;
    text-decoration: none;
    font-size: 100%;
    height: 100%}

#rightcolumn{
float: right;
width: 180px; /*Width of right column*/
margin-right: 10px;
background: #d5f9bb;
height: 100%;
}


.footnav{
background-color: #dfff7f;  ;
text-align: center;
}

#footer{
clear: left;
width: 100%;
background-color: #999966;
color: #000;
text-align: center;
padding: 4px 0;
}
#footer .pageid{
position: relative;
left: 35%;
width:20%;
text-align: center;
color: #fff;
background-color:#800000;
font-size: small;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
#addins0 {
	width: 192px;
	background-color: #e0ffff;
	color: #000;
	font-size: 9px;
	text-align: left;
	margin: 2px;
	padding: 2px;
	border: thin solid #d0d0d0;
}
#addins0 h4 {
	background-color: #fff8dc;
	font-size: 9px;
	color: #000;
	text-align: center;
	margin: 2px;
	padding: 2px;
	border: thin solid #d0d0d0;
}
#addins0 h3 {
	background-color: #f0e68c;
	font-size: 9px;
	color: #000;
	text-align: center;
	margin: 2px;
	padding: 2px;
	border: thin solid #d0d0d0;
}
#addins0 h2 {
	background-color: #ccff99;
	font-size: 9px;
	color: #000;
	text-align: center;
	margin: 2px;
	padding: 2px;
	border: thin solid #d0d0d0;
}
#addins1 {
	width: 192px;
	background-color: #dcdcdc;
	color: #000;
	font-size: 9px;
	text-align: left;
	margin: 2px;
	padding: 2px;
	border: thin solid #d0d0d0;
}
#addins2 {
	width: 192px;
	background-color: #e0ffff;
	color: #000;
	font-size: 9px;
	text-align: left;
	margin: 2px;
	padding: 2px;
   border: thin solid #d0d0d0;
}
#addins4 {
	width: 192px;
	background-color: #dcdcdc;
	color: #000;
	font-size: 9px;
	text-align: center;
	margin: 2px;
	padding: 2px;
	border: thin solid #d0d0d0;
}
#contentcolumn p.t4 {
	background-color: #fff8dc;
	font-size: 11px;
	color: #000;
	text-align: left;
	margin: 2px;
	padding: 2px;
		border: thin #d0d0d0 solid;
}
#contentcolumn p.tt {
	background-color: #f0e68c;
	font-size: 11px;
	color: #000;
	text-align: left;
	margin: 2px;
	padding: 2px;
		border: thin #d0d0d0 solid;
}
#contentcolumn p.t2 {
	background-color: #ccff99;
	font-size: 11px;
	color: #000;
	text-align: left;
	margin: 2px;
	padding: 2px;
		border: thin #d0d0d0 solid;
}
#contentcolumn p.t5 {
	background-color: #ccffff;
	color: #000;
	text-align: left;
	margin: 2px;
	padding: 2px;
		border: thin #d0d0d0 solid;
}
#contentcolumn p.t6 {
	background-color: #fff;
	color: #000;
	font-weight: bold;
	font-size: 9px;
	text-align: left;
	margin: 2px;
	padding: 2px;
		border: thin #c0c0c0 solid
}
#contentcolumn p.spon2 {
	background-color: #fff;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	margin: 2px;
	padding: 4px;
	border: thin #c0c0c0 solid
}
#contentcolumn span.tt {
	background-color: #F0E68C;
	color: #000;
	}
#contentcolumn div.enter {
    width: 100%;
    background-color: #ccff99;
    text-align: center;
    color: #000;
	font-size: medium ;
    background-position: center;}

#contentcolumn div.onetime {
	width: 100%;
	}
#contentcolumn div.onetime1 {
	width: 45%;
	float: left;
	padding:5px
}
#contentcolumn div.onetime2 {
	width: 45%	;
	padding: 5px;
	}
#contentcolumn div.frontsplash {
    width: 96%;
    background-color: #f3ffaa;
    text-align: left;
    padding: 5px;
    color: #000;
	font-size: small ;
    background-position: center;}