/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background: #d7d7d7 url(assets/body-bg.gif) top left repeat;
		font: 12pt Verdana, Arial, sans-serif;
		color: #000000;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		width: 600px;
		margin: 0 auto;
		margin-top: 10px;
		background: #ffffff;
		padding: 10px;
		}
		
#masthead {
		background: #fff url(assets/masthead.jpg) left top no-repeat;
		height: 120px;
		margin-bottom: 0px;
		display:none;
		}
		
#content {
		padding-bottom: 0px;
		background-color: #fff;
		}

#footer {
	clear: both;
	text-align: right;
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 10px 0 0 0;
	}

#sidebar, #mainColumn, #extraColumn {
		float: left;
		padding: 10px;
		background: #F0D9D7;
		height: 100%;
		}

#sidebar {
		background: #F0D9D7;
		display:none;}
		
#mainColumn {
		background: #fff;		
		width: 100%
		}
		
#extraColumn {
		background: #EEE;
		display:none;
		}	
		
#last {
	width: 720px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	background: url(assets/footer-bg.gif) left bottom no-repeat;
	height: 10px;
	}

.twoColumnPage #sidebar {
		width: 149px;
		margin-right: 10px;
		}

.twoColumnPage #mainColumn {
		width: 500px;
		}

.twoColumnPage #extraColumn {
		display: none
		}

.threeColumnPage #sidebar {
		width: 149px;
		margin-right: 10px;
		}

.threeColumnPage #mainColumn {
		width: 372px;
		margin-right: 10px;
		}

.threeColumnPage #extraColumn {
		width: 112px;
		}

.entrancePage #sidebar {
		width: 324px;
		margin-right: 11px;
		}

.entrancePage #mainColumn {
		width: 324px;
		}

.entrancePage #extraColumn {
		display: none
		}

.separator {
	clear: both;
	}

.separatorline {
clear: left;
margin: 0 auto;
margin-bottom: 8px;
height: 10px;
width: 80%;
color: #666;
background: #FFFFFC url(assets/dottedrule.gif) bottom left repeat-x;
}		
		
.recycle {
	background-color: #33CC00;
	}
		
.leftFloatImg {
	float:left;
	padding: 0;
	margin: 0 10px 0 0;
	border: 1px solid #999;
	}
.leftFloatImgNB {
	float:left;
	padding: 0;
	margin: 0 10px 0 0;
	border:none;
	}	

.rightFloatImg {
	float:right;
	padding: 0;
	margin: 0 0 0 10px;
	border: 1px solid #999;
	}	
	
.stdImg {
	padding: 0;
	margin: 0;
	border: 1px solid #999;
	}

.validateImg {
	padding: 20px 0 0 0;
	text-align:center;
	margin: 0 auto;
	border: 0;
	}	

/* ---------- 3. links and navigation ---------- */

#menu {
        background: #fff;
		font: normal 14px Arial, sans-serif;
		height: 2em;
		margin-bottom: 10px;
		display: none;
		}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li { /* all list items */
	float: left;
	position: relative;
	width: 143px;
}

#menu li ul {/* second-level lists */
	position: absolute;
	display: block; 
	top: 2em;
    left: 0;
}

#menu li>ul {/* to override top and left in browsers other than IE */
	top: auto;
	left: auto;
}

#menu li ul li ul  {/* third-level lists */
	position: absolute;
	display: block; 
	top: 0;
    left: 139px;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul { display: block; }

#menu li:hover>ul { visibility:visible; }

#menu ul ul { visibility:hidden; }		

/* Make-up syles */
#menu ul, li {
    margin: 0 0 0 0; 
}

/* Styles for Menu Items */
#menu ul a {
	display: block;
	width: 141px;
	text-align: center;
	line-height: 2em;
	background: #D1877E;
	text-decoration: none;
	color: #ffffff;
	border-right: 2px solid #ffffff;
}

/* Hover Styles */
#menu ul a:hover { 
	background: #777777;
	color: #ffffff;
} 

/* Sub Menu Styles */
#menu li ul a {
	width: 139px;
	font-size: 90%;
	text-decoration: none;
	color: #FFF;
	background: #D1877E; /* IE6 Bug */
	line-height: 20px;
	border: 1px solid #fff;
    padding: 0px; 
} 

/* Sub Menu Hover Styles */
#menu li ul a:hover { 
	font-size: 90%;
	color: #000; 
	background: #D7D7D7; 
} 

/* Icon Styles */
#menu li a.submenu {background:#fff url("v_arrow.gif") no-repeat right; }
#menu li a.submenu:hover {background:#f9f9f9 url("v_arrow.gif") no-repeat right;}
#menu li ul a.submenu {background:#fff url("r_arrow.gif") no-repeat right;}
#menu li ul a.submenu:hover {background:#f9f9f9 url("r_arrow.gif") no-repeat right;}


/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, {
		}

h1 {
		font: bold 125% Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 5px;
		}
		
h2 {
		font: bold 115% Arial, sans-serif;
		margin-bottom: 5px;
		}
		
h3 {
		font: bold 100% Arial, sans-serif;
		margin-bottom: 0;
		padding-bottom: 0;
		}
		
#sidebar h1 {
		font: bold 90% Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 5px;
		}

p {
		font-size: 93%;
		line-height: 1.3em;
		margin-bottom: 1em;
		}
p.backtotop {
text-align: right;
font-size: 85%;
}
		
#mainColumn ul {
	margin: 0;
	font-size: 93%;
	padding-left: 10px;
	list-style-type:circle;
	}	
	
#mainColumn li {
	padding-bottom: 5px;
	}		

.twoColumnPage #sidebar, .threeColumnPage #sidebar {
		font-size: 92%;
		}
		
		
.threeColumnPage #extraColumn h1 {
		font-size: 85%;
		}
		
.threeColumnPage #extraColumn p {
		font-size: 84%;
		}
		
#footer p {
		font-size: 78%;
		margin-bottom: 0;
		}

/* ---------- 5. forms ---------- */

#mainform {
	float:left;
	}

#mainform form {
	margin: 5px;
	padding: 0;
	width: 350px;
}
  
#mainform label {
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
}

#mainform input {
color: #000;
background: #F2F2F2;
border: 1px inset #666666;
} 

#mainform select, #mainform textarea {
color: #000;
background: #F2F2F2;
border: 1px inset #333333;
} 

#mainform checkbox {
color: #000;
background: #F2F2F2;
border: 1px inset #2F7F4B;
} 

#mainform fieldset {

}

#mainform legend {
color: #D1877E;
background: #F2F2F2;
font-weight: bold;
font-size: 105%;
border: 1px solid #2F7F4B;
margin-left: 10px;
padding: 2px 6px;
} 

#mainform p {
margin: 10px 0 0 10px;
}

#mainform .submit  {
/*color: #000;
font-weight: bold;
margin-bottom: 10px; */
cursor:hand;
} 

#mainform .noborder  {
background: #FFFFFF;
border: none;
} 


/* Form Control End */