body{
margin:0;
padding:0;
line-height: 1.5em;
font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


body
{ 
background-image: 
url(images/fading_background_12.png);
background-repeat: repeat-x
}


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

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 1px solid #00AAEE;  /* puts a 1px border around the whole visible page */
background-color: white;
}

#topsection{
background: #00AAEE;
height: 180px; /*Height of top section*/
border: 1px solid #00AAEE;
}

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

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

#contentcolumn{
margin: 0 210px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: white;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #00AAEE;
}

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

#footer{
clear: left;
width: 100%;
background: #00AAEE;
color: black;

text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFF;
}

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

/* menu , navigation */

.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 198px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 190px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}

/* styling the input form */

	fieldset
{
margin-left: 5px;
padding: 5px 5px 5px 5px;
border: 1px solid #00AAEE;
width: 270px
}

legend
{
color: #fff;
background: #00AAEE;
border: 1px solid #00AAEE;
margin: 2px 5px 5px 5px
} 

.formtext {
	font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #336699;
}

/* snazzy box*/

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:0.5px;}
#xsnazzy h1 {font:14px bold "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#555; border:0; margin-bottom: 7px;}
#xsnazzy h2 {font:14px bold ;color:#06a; border:0;}
#xsnazzy p {font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:5px;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background-image: 
url(images/teaserblue.jpg); background-repeat: repeat-x; border:0 solid #3355CC; border-width:0 1px;}
.hcc {
	font: normal 9px "Trebuchet MS", Verdana, Arial, sans-serif;
}
h2 {
	font: bold 16px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #336699;
}

.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}
.formtext2 {
	font: normal 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #336699;
}