@import url("base.css"); /*Base css file with text resizers and width buttons*/
@import url("customize.css"); /*Use this file to customize your website*/

/*This CSS controls the height of the header and the user1 box. Adjust the height in ems to fit your logo image*/
#header, #user1{height:6.8em;}
/*CSS for logo. Its a image replaced link as an H1 tag*/
#header h1 {background:url('../../images/template/logo2.jpg') no-repeat 0 0;}
/*Set the line-height and width equal to your logo image here*/
#header h1 a {width:198px;height:145px; }


/* for fixed width */
body.bodyscale #wrap-a{
	width: 790px;
	margin-right: auto;
	margin-left: auto;
}

/* for dynamic width */
#wrap-a{
	width: 95%;
	min-width:790px;
	margin-right: auto;
	margin-left: auto;
}



/* color css only nav*/
#sidenav { width:100%;}
#sidenav ul {margin:0; padding:0; }
#sidenav li {height:1.8em;  padding:2px 0px 0px 0px;position:relative;margin-top:1px;left:-15px; list-style: none; background: #849AA7;} 
#sidenav li:hover {height:1.8em;background: #5A707B;}
#sidenav a {white-space:nowrap; padding:5px 0px 5px 15px; color:#ffffff; text-decoration:none; font-weight:800;} 
#sidenav a:hover {color:#ffffff; text-decoration:none;} 

#navArea{position:relative; margin:-62px 0 0 40px; min-width:600px; clear:both;}
#navArea ul li {display:block;float:left;padding:0;list-style-type:none;text-align:center;line-height:100%;}
#navArea ul li:hover  {background: url('../../images/template/menu_On.jpg') no-repeat;}


.image{border:2px solid #7F93AB;}
.imageleft{float:left; padding-right:10px; }
.imageright{float:right; padding-left:10px; }
.single {position:relative; top:7px; left:18px; text-align:center;}

/* menu item nav */
.cssnav { 
	position:relative;
	font-family: tahoma, arial, helvetica, sans-serif;
	white-space: nowrap;
	display: block;
	text-align:center;
	margin: 0; 
	padding: 0; 
}

.cssnav a,.cssnav a:visited {
	display: block;
	color: #ffffff;
	height: 46px;
	float: left;
	text-decoration: none;
	font-size:10px;
	line-height:110%;
	
}
.cssnav img {
	width: 105px; 
	height: 46px;
	border: 0; 
}

.cssnav span {
	position: absolute;	
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	left: 8px;
	top: 5px;
	font-weight:bold;
	
}
.cssnav a:hover{color:#333;}
.cssnav a:hover img{visibility:hidden;}

.input
{
    BORDER:  1px solid #aaaaaa;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    height:16px;
    padding:2px;
}

.fileupload
{
    BORDER:  1px solid #aaaaaa;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    height:20px;
    padding:2px;
}
.select
{
    BORDER:  1px solid #aaaaaa;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    height:20px;
    position:relative;
}
.button
{ 
	border:  1px solid #aaaaaa;
	background: #efefef;
	padding: 0px 3px 2px 3px;
	color:#000000;
	height:20px;
	FONT-SIZE: 11px;
	cursor:pointer;
}
.button:hover
{ 
	border:  1px solid #000000;
	background: #ffffff;
	padding: 0px 3px 2px 3px;
	color:#000000;
	height:20px;
	FONT-SIZE: 11px;
}

.frmLabel {
	color:#333;border: 1px outset #7D93AA; padding:0px 3px 0px 3px; font-size:.9em;
	background: #f8f8f8 url('../../images/template/frmBG_Big.png') repeat-x left;
	}

.showBox {
	border:1px solid #cccccc;
	background: #9DA4AE;
	color:#f8f8f8;
	font-weight:bold;
	padding: 3px 3px 3px 5px;
	width: 100%;
}