/* CSS Document */
<style type="text/css">

body{
margin:0;
padding:0;
line-height: 1.5em;
}

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

h1{
color:#FFFFFF;
font:Arial, Helvetica, sans-serif;
}


#topsection{
background-image:url('background.jpg');
background-repeat:no-repeat;
background-color:#006600;
height: 220px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 5px;
}

#menusection{
height: 5px; /*Height of top section*/
margin-top: -18px;
}

#contentwrapper{
float: left;
width: 100%;
background-color:#FFFFFF;
}

#contentcolumn{
margin: 0 20px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column in percentage*/
margin-left: -100%;
background-repeat:no-repeat;
}

#rightcolumn{
float: left;
width: 20px; /*Width of right column in pixels*/
margin-left: -20px; /*Set margin to that of -(RightColumnWidth)*/
background-color:#FFFFFF;
}

#footer{
clear: left;
width: 100%;
background-image:url('topground.jpg');
text-align: center;
padding: 4px 0;
}

#footer a{
color:#CCFFCC;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.style1 {
	color: #FFFFFF;
	font-style: italic;
}

/*  Menu Bar */

.glossymenu{
	position: relative;
	padding: 0 0 0 25px;
	margin: 0 auto 0 auto;
	background: url(media/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(media/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(media/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/* Floating Front Slideshow */

.somediv{
width: 100%;
clear: left;
}

.somediv .floatbox{
float: right;
width: 375px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}




</style>