body{
margin:0;
padding:0;
line-height: 1.5em;
background-color: #CCCCCC;
margin-top: 20px;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: #FFFFFF;
}


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

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

#header{
background: #006600;
height: 105px;
}

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

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

#contentcolumn{
margin: 0 160px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-right: dotted;
border-right-color: #006600;
border-bottom-width: thin;

}


#footer{
width: 100%;
background: #006600;
text-align: center;
padding: 4px 0;
border-top: thin;
border-top-color: #FFFFFF;
border-top-style: none;
height: 20px;
}

#footer a{
color: #FFFFFF;
}

#footer link{
text-decoration: none;
color: #999999;
}


/*-----------------------------------------------------------------------------*/


#chromemenu{
width: 99%;
font-weight: bold;
font-family: Helvetica;
font-size: 90%;
padding-left: 3px;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: inline;
height: 0;
clear: both;
visibility: hidden;

}

#chromemenu ul{
border: 0px solid #BBB;
width: 100%;
background: #FFFFFF;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#chromemenu ul li a:hover{
background: #FFFFFF;
color: #006600;
}

#chromemenu ul li a:active{
background: #FFFFFF;
color: #006600;
}

/*-----------------------------------------------------------------------------*/

.wireframemenu{
border-top: 1px solid #C0C0C0;
background-color: #CCE2DD;
border-bottom-width: 0;
width: 130px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 130px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Arial;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: #006600;
}



/*-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------*/



.a{
color: #FFFFFF;
text-align: left;
font-family: Tahoma;
font-size: x-small;
padding-left: 5px;
padding-right: 3px;
}

.a1{
color: #FFFFFF;
text-align: right;
font-family: Tahoma;
font-size: x-small;
padding-left: 5px;
padding-right: 3px;
margin-top: -25px;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
font-family: Arial;
font-size: smaller;
}
.h1{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
font-family: Arial;
color: #006600;
font-weight: bolder;
font-size: 15px;
}
.h1s{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
font-family: Arial;
color: #999999;
font-weight: bolder;
font-size: 20px;
}

.h2s{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
font-family: Arial;
color: #006600;
font-weight: bolder;
font-size: 14px;
text-align: left;
}

.h2{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
font-family:  Arial;
font-size: smaller;
text-align: justify;
line-height: 0.45cm;
vertical-align: top;
}

.h2c{
font-family:  Arial;
font-size: small;
text-align: center;
font-weight: bold;
font-style: italic;
}

.h3{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
font-family: Verdana;
font-size: xx-small;
}
.h4{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
font-family: Arial;
font-size: smaller;
color: #999999;
text-decoration: underline;
}

.h5{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
font-family: Arial;
font-size: smaller;
text-align: justify;
color: #FF9900;
font-weight: bold;
}

.h6{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
font-family: Arial;
font-size: 18px;
text-align: left;
color: #FF9900;
}

.h7{
margin: 3px; /*Margins for inner DIV inside each column (to provide padding)*/
font-family: Arial;
font-size: 12px;
color: #006600;
text-decoration: none;
text-align: center;
}
.t1{
margin: 0px;
font-family: Arial;
font-weight: bold;
font-size: smaller;
text-align: center;
}


.class1 A:link {text-decoration: underline; color: #006600; font-weight: bold;}
.class1 A:visited {text-decoration: underline; color: #FF9933; }
.class1 A:active {text-decoration: none;}
.class1 A:hover {color: #666666;}

.class2 A:link {text-decoration: underline; font-weight: bold; color:#FF9900; }
.class2 A:visited {text-decoration: underline; font-weight: bold; color:#FF9900;}
.class2 A:active {text-decoration: none; font-weight: bold;}
.class2 A:hover {text-decoration: none; color: #666666;}

.class3 A:link { text-decoration: underline; color: #006600; font-weight: bold; font-size: 16px;}
.class3 A:visited {text-decoration: none; color: #FF9933; font-size: 16px; }
.class3 A:active {text-decoration: none;}
.class3 A:hover {color: #FF9900; font-weight: bold;}

.class4 A:link {text-decoration: none; font-weight: bold; color:#006600; }
.class4 A:visited {text-decoration: none; font-weight: bold; color:#006600;}
.class4 A:active {text-decoration: none; font-weight: bold; color: #006600;}
.class4 A:hover {text-decoration: none; color: #666666;}


.t2{
margin: 0px;
font-family: Arial;
font-size: x-small;
text-align: left;
}

:link{
  text-decoration: none;
  color: #666666;
  display: inline;
}
:link.bold{
  text-decoration: none;
  color: #666666;
  font-weight: bold;
}

.toggleborder:hover img{
}




/*-----------------------------------------------------------------------------*/



.somediv .floatbox{
float: left;
width: 155px;
}


.cssform p{
width: 30px;
clear: left;
margin: 0;
padding: 0px;
padding-left: 0px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
font-family: Verdana;
font-size: xx-small;
margin-left: 5px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 30px;
margin-left: 5px;
}

.cssform textarea{
width: 20px;
height: 50px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
}

IMG.left {
    display: block;
    margin-left: 5px;
    border: none;
}

IMG.header {
display: inline;
margin-left: 390px;
}
IMG.index {
display: inline;
border: none;
margin-left: 55px;

}
IMG.support {
display: inline;
border: none;
margin-left: 40px;

}

label
{
width: 8em;
margin-left: 3px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
font-family: Arial;
}


input
{
color: #006600;
background: #F8FBBD;
border: 1px solid #006600
}

.submit input
{
color: #000;
margin-left: auto;
margin-right: auto;
background: #ffa20f;
border: 0px outset #d7b9c9;

}

table{
	width: 100%;
	background-color: #E0E0E0; margin: 0;
	padding: 0;
	background-image: url('table_bg.png');
	background-repeat: repeat-x
}

tr.subhead th{
	background-image: url('none');
	background-color: #DAAFAD;
	color: #000;
	height: 21px;
	font-weight: bold;
	text-align: left; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}

th{
	/*height: 21px;*/
	/*background-image: url(th_bg.png);*/
	background-image: url('table_header.png');
	color: white;
	width: 15%;
	background-position: -150px 0;
	height: 35px;
	padding-top: 14px;
    text-align:center
}

th.first_child{
	text-align: left;
	background-position: 0 0;
	background-image: url('table_header.png');
	/*padding 14px 0 0 20px;*/
	padding-left: 50px;
	width: 70%
}

th.first_child2{
	text-align: left;
	background-position: 0 0;
	background-image: url('table_header.png');
	/*padding 14px 0 0 20px;*/
	padding-left: 50px;
	width: 30%
}

td{
	text-align: center;
	background-color: white;
	line-height: 17px;
}

td.first_child{
	text-align: left;
	padding-left: 10px;
}

table.domain_table th.first_child{
	padding-left: 50px;
}

table.domain_table th.last_child{
	width: 200px;
}