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


#maincontainer{
width: 1024px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: white;
}

#topsection{
background: white;
height: 140px; /*Height of top section*/
}

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

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

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

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

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


#footer{
clear: left;
width: 100%;
background:  #669999;
color: #FFF;
font-size: 70%;
font-family: "Trebuchet MS";
text-align: center;
padding: 4px 0;
}

#footer a{
color: gray;
}



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

/*Menu*/
.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color:  #669999;
font-family:"verdana";
font-size: 75%;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: #990000;
}


/*Text*/

p.a {font-weight: bold;color:black;font-family:"verdana";font-size: 70%}
p.b {font-weight: normal;color:black;font-family:"verdana";font-size: 70%}
p.c {font-weight: bold;color:red;font-family:"verdana";font-size: 70%}
p.d {font-weight: normal;color: #990000;font-family:"verdana";border-bottom: 1px solid #669999;font-size: 105%}

p.e {font-weight: bold;color:white;font-family:"verdana";font-size: 68%}
p.f {font-weight: normal;color: gray;font-family:"verdana";font-size: 105%}


div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/
;
margin-right: 15px; /*spacing with right column*/
}

/*innermenu**/
.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
}

.buttonmenu li a{
color: #669999;
display: block;
font-family:"verdana";
font-size: 75%;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: normal;
border: 0px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: white;
text-decoration:none;
}


.buttonmenu li a:visited{
color: #669999;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
color: white;
background-color: #669999;
}



/*Line*/
.breakline{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #669999; /*bottom horizontal line that runs beneath tabs*/
}
/**link**/


a:link {color: #669999}
a:visited {color: #669999}
a:hover {color: #669999}
a:active {color: #669999}

/*image*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 0px dashed orange;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}



/*hint*/


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #F0F0F0;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;

}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: gray;
margin: 3px 8px;
}


p.outset {border-style: outset}


/***Table***/
table.coll 
{
border-collapse: collapse
}

/*Container*/

.curlycontainer{
border: 0px dotted #b8b8b8;


width: 1024px;
}