#html {
height:100%;
padding: 0px;
margin: 0px; 

}

#box{
position: relative;
margin-left: auto;
margin-right: auto;	
margin-top: 3em;
margin-bottom: 2em;	
padding: 5px;
text-align: left;
width:auto;	/* <-- use this to tie width to viewport size */	
width: 55em;/* <-- use this for a set width */	
} 	

#content h1{	
color:#0354c2;
font-weight: bold;
font-size: 1.2em;	
font-family: helvetica, geneva, arial, sans-serif;
}	

#content p	{
color:#3b3b3b;	
font-size: 1em;	
line-height: 1.3em;
font-family: arial, helvetica, sans-serif;
}		

/* ---=== border code follows ===--- */
/*	
tlc = top left corner	
trc = top right corner
blc = bottom left corner
brc = bottom right corner
lb = left border	
rb = right border
tb = top border
bb = bottom border */

#tlc, #trc, #blc, #brc{	
background-color: transparent;
background-repeat: no-repeat;	
}

#mbl{
background-image:url(../images/main_border_left.png);
background-position: 100% 0%;
background-repeat: repeat-y;	
}

#mbr{	
background-image:url(../images/main_border_right.png);
background-position: 0% 100%;	
background-repeat: repeat-y;
}

#tlc{
background-image:url(../images/tlc.png);
background-position: 0% 0%;	
}

#trc{
background-image:url(../images/trc.png);
background-position: 100% 0%;	
}	

#blc{	
background-image:url(../images/blc.png);
background-position: 0% 100%;
}

#brc{
background-image:url(../images/brc.png);	
background-position: 100% 100%;
}

#tb, #bb{	
background-color: transparent;	
background-repeat: repeat-x;
}	

#tb	{
background-image:url(../images/tb.png);
background-position: 0% 0%;	
}

#bb{
background-image:url(../images/bb.png);
background-position: 50% 100%;
}	

#rb	{
background-image:url(../images/rb.png);
background-position: 100% 0%;
background-repeat: repeat-y;
}

#lb	{
background-image:url(../images/lb.png);	
background-position: 0% 100%;
background-repeat: repeat-y;
}

#body {
margin: 0;
padding: 0;	
background-color: white;	
font-size: 100.01%;


}

#container {

margin-right: auto;
margin-left: auto;
margin-top: -4px;

height:auto;
width:998px;
background-color:#FFFFFF;
background: url(../images/contentback.jpg);
background-repeat:repeat-y;
padding:none;



}

#VerticalMenu {
font-size:20px;
}

#container #header {
background: url(../images/topmenulogo.png) center;
background-position:top;
background-color:#d6be94;
background-repeat: no-repeat;
vertical-align:top;

height:225px;
width:100%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin-top:0;
padding-top:0;
}

#container #content {
font:12px Verdana, Arial, Helvetica, sans-serif;
text-align:left;

background: url(../images/contentback.jpg) center;
background-repeat:repeat-y;
}


.textInput
{
border: 1px solid #ff0000;
background: #555555;
color: #ffffff;
font-size: 1.1em;
}


#containermenutop {
margin:auto;
padding-top:0px;
padding-bottom:0px;
height:75px;
width:100%;

}

#containermenutop .menutop001{
float:left;
width:33%;
height:auto;



}

#containermenutop .menutop002{
float:left;
width:33%;
height:auto;
border:thick;

}

#containermenutop .menutop003{
float:right;
width:33%;
height:auto;



}


#content .col1 {
float:left;
width:190px;
height:100%;
padding-top:0px;
padding-left:10px;
padding-bottom:10px;
margin:0;



}




#content .col2 {
float:left;
width:618px;


background-color:#FFFFFF;
height:100%;
margin: 0px;
padding:0px;

}

#content .col3 {

float:left;
width:178px;
background-color:#FFFFFF;
height:100%;
margin: 0px;
padding:0px;


}

#container #footermenu {
clear:both;
height:20px;
font:12px verdana, Helvetica, sans-serif;text-align:center;
}

#container #footer {
clear:both;
height:265px;
background:#fbf8f1 url(../images/bottombg.png) center;background-repeat: no-repeat;
font:12px Arial, Helvetica, sans-serif;text-align:center;
}



div#horiz-menu {
background: url(../images/menu_bar_bg.gif) 0 0 repeat-x;
width:996px;
}

div#horiz-menu li {
background: url(../images/menu_bar_sep.gif) 100% 0 repeat-y;
}