@import"buttons.css";
@import"font_styles.css";

body{
margin:0px;
padding:0;
background-color:#fff;
font: 76% arial;
}
/* Wrapper for the entire page */
div#container {
background-color:#FFF;
position:relative;
width: 990px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding:0px;
border:#CCCCCC solid thin;
background:url(../images/pageBG.jpg) repeat-y;
}

div#containerHome {
background-color:#FFF;
position:relative;
width: 990px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding:0px;
border:#CCCCCC solid thin;
}
/* style for the left column of the page */
div#leftNavBar{
float:left;
width:190px;
/*background-color:#D9DFEA;
border:#5A74A3 solid thin;  */
height:100%;
}

div#hc{
position:absolute;
top:8px;
left:8px;

}


div#header{
background:url(../img/header_bg.jpg) repeat-x;

}


div#topNavBar{
font-family:"Lucida Sans Unicode";
font-size:16px;
font-weight:bold;
color:#fff;
text-align:right;
padding:0px 10px 0px 0px;
background:url(../images/topNavBar.jpg) no-repeat;
height:46px;
line-height:60px;

}

/* style for the 3 columns on the main navigation bar*/


.navbar:hover{
color:#FF6600;
}





/* style for the right column of the page */
div#sitemap{
padding:5px 0px 0px 0px;

}

div#pic{
float:right;
padding: 10px 10px 20px 10px;
border:#666666 thin solid;
background:#FFFFFF;

}

div#content {
margin:0 0 0 200px;

}

div#homeContent {
margin:0 0 0 5px;

}
div#content { 
/*min-height:300px;
height:expression(this.scrollHeight > 400 ? "auto":"300px");
*/
}

div#showleft {
background:#FFFFFF;
padding:3px;
text-align:left;
margin-left:auto;


}

p, pre{
margin:0px;
}

hr{
color:#eaeaea;
background:#eaeaea;

}
/* -----------footer--------------------------- */
#footer {

clear: both;
margin-top:0px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#eaeaea;
}



.divClear{
clear:both;
}


/* float left and float right are used to wrap text and push the divs to the respective side */
.floatLeft {
float:left;
padding:4px;
}
.floatRight {
float:right;
padding:2px 2px 2px 2px;;
margin-top:3px;
}



/* hideDiv and showDiv are used to display or hide a div block  mainly used in the various search options */
.hideDiv {
display:none;
}

.invDiv {
visibility:hidden;
}

.showDiv {
	display:inline;

}
.vDiv {
visibility:visible;
}

.invDiv {
visibility:hidden;
}
	

/* CSS markup for the search form */
fieldset {
	margin: 5px 25px 0 15px;
	padding: 0;
	
	font-family:"Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 14px;
	
} 
legend {  
margin-left: 11px;  
color: #000000;  
font-weight: bold; 
} 

fieldset.submit {  
border-style: none; 
}

label {  
float: left;  
width: 200px;  
margin: 15px 0px 0px 25px;
font-size:12px;

}

/*------ end of CSS markup for the form fields ------------*/
