HTML	{
	margin: 0px; 
	padding: 0px;
	margin-bottom: 1px;
	height: 100%;}


BODY {
	text-align: center;
	background: #ffffff url(bg.jpg) repeat-x; /* Background image for the template */
	font: .8em Verdana, Arial, sans-serif;
	color: #333;
	margin-top: 25px;
	padding: 0;
	margin: 0 auto; /* fix for centering div in firefox */
}

img {border:0;}

a {color: #4da0c2; text-decoration: none;}
a:active, a:hover { color: #D66646; text-decoration: underline; }

h1 {font: 160% "Trebuchet MS", serif;	color: #BD493C;}
h2 {font: 150% "Trebuchet MS", serif;	color: #789CAC;}
h3 {font: 140% "Trebuchet MS", serif;	background: #485984; border: 3px solid #fff; color: #fff; padding: 5px;}
h4 {font: 130% "Trebuchet MS", serif;	color: #4E5861;}
h5 {font: 125% "Trebuchet MS", serif;	color: #555;}
h6 {font: 120% "Trebuchet MS", serif;	color: #999;}

/* Classes */

.imageleft { /* Use for images you want to the left of the text */
	border: 3px solid #fff; 
	background: #fff;
	margin: 5px; 
	float: left; }

.imageright { /* Use for images you want to the right of the text */
	border: 3px solid #fff; 
	background: #fff; 
	float: right; 
	margin: 5px;}

.mainimage { /* Use for images in the column */
	text-align: center;
	border: 3px solid #fff; 
	background: #fff; 
	margin: 2px; }

.clear {clear:both;}

.Letrachica {font-size: small}

/* DIV ID CLASSES */

#wrapper {  /* Holds the main body of the website */
	text-align: center;
	padding: 0px;
	width: 1024px;
	background: #fff;
	margin: 0px auto; /* fix for centering div in firefox */}

#header1 { /* Top navigation area */
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	text-align: left;
	height: 50px;
	background: #fff;
	width: 1024px;
	text-transform: lowercase;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 1014px;	}
	
	html>body #header1 {width: 1014px;}

#header2 { /* Logo area */
	height: 45px;
	width: 1009px;
	font: 200% "Trebuchet MS";
	padding: 5px 0 10px 5px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	color: #fff;
	text-align: left;
	background: #485984;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 1009px;
	height: 45px;	}
	
	html>body #header2 {width: 1009px; height: 45px;}

#body1 { /* Main body layout */
	font: 100%/140% Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	width: 800px;
	border: 5px solid #fff;
	padding: 25px 10px 25px 10px;
	float: right;
	background: #FAF7F5;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 770px;	}
	
	html>body #body1 {width: 770px;}

#body1_left { /* Main body layout - floated to the left */
	font: 100%/140% Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	width: 824px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	padding: 5px 10px 5px 10px;
	float: left;
	background: #FAF7F5;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 799px;	}
	
	html>body #body1left {width: 799px;}
		
#body1_3col { /*Main body area for 3 column layout */
	text-align: justify;
	font: 100%/140% Verdana, Arial, Helvetica, sans-serif;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	padding: 5px 10px 5px 10px;
	float: left;
	background: #FAF7F5;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 574px;	}
	html>body #body3col {width: 575px;}
		
#body2 { /* Left side column */
	font: 95%/140% Verdana, Arial, Helvetica, sans-serif;
	width: 224px;
	color: #fff;
	float: left;
	text-align: left;
	background: #789CAC; 
	padding: 10px 10px 10px 10px;	
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 199px;}
	
	html>body #body2 {width: 199px;}
	#body2 h1 {color: #fff;}
	#body2 a,#body2 a:hover {color: #fff;}

	#body2 ul {
	border-top: 1px solid white;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
    
    #body2 ul li {
	padding: 7px 14px 7px 14px;
	list-style: none;
	font-weight: bold;
	color: #181C80;
	border-bottom: 1px solid white;
	text-decoration: none;
}

#body3 { /* Right Side Column */
	color: #fff;
	background: #BD493C;	
	text-align: left;
	font: 95%/140% Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
	border: 5px solid #fff;
	padding: 10px 10px 10px 10px;	
	float: left;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 170px;}
	
	html>body #body3 {width: 170px;	}
	#body3 h2 {color: #fff;}
	#body3 a,#body3 a:hover {color: #fff;}


/*Bottom Area - Copyright */
#bottom {width: 1014px;}

	#footer {
		font: 95% arial;
		text-align: left;
		color: #4E5861;
		padding: 5px 0 5px 0;}
	
/* Top Horizontal Menu CSS */

#topmenu {
		text-align: right;
		margin: 0;
		padding: 14px 8px 4px 0;		
		list-style: none;}

	#topmenu ul , #topmenu li {
		margin: 0px;
		text-align: right;
		display: inline;}

	#topmenu a{
		font: 100% arial;
		color: #789CAC;
		text-decoration: none;
		padding: 0 8px 0 8px;}

	#topmenu a:active, #topmenu a:hover {
		font: 100% arial;
		text-decoration: underline;
		color: #BD493C;
		padding: 0 8px 0 8px;}
		
/* Sub side-Menu CSS */
#menu {
	margin: 0; padding: 0px;}
	
	#menu li, #menu ul { 
		list-style: none; 
		text-align: left;}
	
	#menu a:link, #menu a:visited {
		margin: 3px 0 3px 0;
		font: 100% "Trebuchet MS", serif;		
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 5px 0 0 10px;
		width: 199px;
		height: 25px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 20px;
		width: 186px;}
	
		html>body #menu a:link, html>body #menu a:visited, html>body #menu a:hover { 
			height: 20px; width: 189px;}

	#menu a:active, #menu a:hover {
		font: 100% "Trebuchet MS", serif;		
		background: #FAF7F5;
		color: #333;}