body{
margin:0;
padding:10;
line-height: 1.5em;
width:100%;

}

b{font-size: 110%;}
em{color: red;}

#topsection{
margin: 0 0 0 0;
padding-top: 1px;
background:url(/images/banner.jpg) no-repeat;
background-position: top center;
height: 162px; /*Height of top section*/

}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 260px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background:url(/images/bgstripe.jpg) repeat-y;
Z-INDEX:50;
}

#leftcolumn{
float: left;
width: 230px; /*Width of left column*/
margin-left: -100%;
}

#rightcolumn{
position:relative;
float: left;
width: 260px; /*Width of right column*/
margin-left: -260px; /*Set left marginto -(RightColumnWidth)*/
Z-INDEX:1;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

DIV.main
{

  BORDER-RIGHT: blue 2px solid;
  PADDING-RIGHT: 2px;
  BORDER-TOP: white 2px solid;
  PADDING-LEFT: 2px;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 1% 2px;
  BORDER-LEFT: blue 2px solid;
  COLOR: #191970;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: white 2px solid;

}

DIV.classes
{
background:beige;
  BORDER-RIGHT: blue 2px solid;
  PADDING-RIGHT: 2px;
  BORDER-TOP: white 2px solid;
  PADDING-LEFT: 2px;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 1% 2px;
  BORDER-LEFT: blue 2px solid;
  COLOR: #191970;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: white 2px solid;

}

DIV.demo
{
  BORDER-RIGHT: blue 2px solid;
  PADDING-RIGHT: 2px;
  BORDER-TOP: white 2px solid;
  PADDING-LEFT: 2px;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 1% 2px;
  BORDER-LEFT: blue 2px solid;
  COLOR: #191970;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: white 2px solid;

}

DIV.demo
{
  BORDER-RIGHT: blue 2px solid;
  PADDING-RIGHT: 2px;
  BORDER-TOP: white 2px solid;
  PADDING-LEFT: 2px;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 1% 2px;
  BORDER-LEFT: blue 2px solid;
  COLOR: #191970;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: white 2px solid;
z-index:4;
}

DIV.box3
{
  z-index:500;
}



.style1 {
	color: #FF0000;
	font-size: xx-large;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
}
.style3 {
	font-size: xx-large
}
.style4 {
	font-size: x-large;
	font-weight: bold;
}
.style5 {
	font-size: large;
	font-weight: bold;
}
.style6 {color: #CC0033}
.style7 {color: #CC0033; font-size: xx-large; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.style8 {color: #CC0033; font-size: large; }












/*BEGIN BUTTONS HERE*/




.glossymenu{
	position:relative;
	padding: 0 90px 0 90px;
	margin: 90px 0 90px -10px;
	background: url(/images/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 14px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(/images/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(/images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}






.preload1 {background: url(/images/sk_2a.png);}
.preload2 {background: url(/images/sk_2b.png);}
.preload3 {background: url(/images/sk_2c.png);}


#nav {padding:0; margin:0 0 20px 0; list-style:none; top:80px; height:38px; background:#fff url(/images/sk_0.png) repeat-x; position:relative; z-index:90; font-family:arial, verdana, sans-serif; width:100%; }
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 25px; cursor:pointer; background: url(/images/sk_0.png);}
#nav li a.top_link span {float:left; display:block; padding:0 25px 0 0; height:35px; background: url(/images/sk_0.png) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 25px 0 0; height:35px; background: url(/images/sk_0b.png) right top no-repeat;}

#nav li.current a.top_link {color:#ff0; background: url(/images/sk_2a.png);}
#nav li.current a.top_link span {background: url(/images/sk_2b.png) no-repeat right top;;}
#nav li.current a.top_link span.down {background: url(/images/sk_2c.png) no-repeat right top;;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(/images/sk_1a.png) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(/images/sk_1b.png) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(/images/sk_1c.png) no-repeat right top; padding-bottom:3px;}

#nav li.current:hover a.top_link,
#nav li.current a.top_link:hover
{color:#ff0; background: url(/images/sk_2a.png) no-repeat;}
#nav li.current:hover a.top_link span, 
#nav li.current a.top_link:hover span
{background:url(/images/sk_2b.png) no-repeat right top;}
#nav li.current:hover a.top_link span.down,
#nav li.current a.top_link:hover span.down
{background:url(/images/sk_2c.png) no-repeat right top; padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:90;}

#nav :hover ul.sub
{left:1px; top:38px; background: #edb; padding:3px; border:1px solid #fff; white-space:nowrap; width:110px; height:auto; z-index:95;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:10px; height:18px; width:110px; line-height:18px; text-indent:3px; color:#000; text-decoration:none;border:1px solid #edb;}
#nav :hover ul.sub li a:hover 
{background:#da3; color:#fff; border-color:#fff;}

#nav li.current a:hover,
#nav li.current:hover
{position:static; white-space:normal; z-index:1;}


#nav li.current .line
{margin:0; padding:0; list-style:none; position:absolute; left:0; top:35px; width:100%; height:25px; background:url(/images/back.gif) repeat-x; border:0;}

#nav li.current .line li {display:inline; font-weight:normal; height:25px; margin:0; padding:0;}
#nav li.current .line li a
{display:block; float:left; padding:0 10px; margin:0; color:#ff0; text-decoration:none; border:0; height:25px; line-height:25px; font-size:11px;}
#nav li.current .line li a:hover {text-decoration:underline;}