/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{font-family:Arial, Helvetica, sans-serif; font-size: 14px; margin:20px; padding:0;}

input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:22px; color: #0A65B5;}
h2{font-size:18px; color:#6997D3; border-bottom:solid 1px #6997D3;}
h3{font-size:14px; padding:4px 0;}
h4{font-size:10px; color: #A10303;}

.contact {font-size:10px; padding:4px 0; color:#6997D3}


a:link, a:visited{font-weight: bold; color:#A10303; text-decoration:none;}
a:hover{font-weight: bold; color:#A10303; text-decoration:none;}

/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/* #container has an absolute width (790 pixel) */

#container{width:790px; margin:0 auto;}

#topbar{width:auto; display:block; height:232px;}
#navbar{width:auto; display:block; height:28px;}

#navbar a{height:28px; line-height:28px; padding:0 8px; display:inline;}


#main{width:auto; display:block; padding:10px 0;}

#column_left{width:460px; margin-right:20px; float:left;}
#column_right{width:160px; margin-right:20px; padding: 4px 4px 4px 4px; float:left;background-color:#88B5EB}
#column_right_adsense{width:120px; float:left;}
div.spacer{clear:both; height:10px; display:block;}

#footer{width:auto; display:block; padding:10px 0; font-size:11px; color:#666666;}


/* ------------------------------
CUSTOM CLASSES
------------------------------ */

/* Add here your custom classes ... */

img.floatLeft { 
    float: left; 
    margin: 15px; 
}
img.floatRight { 
    float: right; 
    margin: 15px; 
}

img.floatLefticon { 
    float: left; 
    margin: 3px; 
}

img.floatLeftNew { 
    float: left; 
    margin: 3px; 
}





/***** Menu Formatting *****/
#memu { 
	display: block;
    text-align: center;
    font-size: 10px;
    text-decoration: none;
}

#menu ul { 
	width: 820px; /*If your links text is bigger you will have to adjust this value*/
    height: 34px;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	line-height: 34px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
    background: url(images/menu_bg.jpg) repeat-x left top;
}

#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}
			
#menu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 25px;
	color: #CCCCCC;
}

#menu ul li em {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
    background: url(images/menu_sep.jpg) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 2px;
    background: url(images/menu_sep.jpg) no-repeat left top;
}
		  
#menu ul li a:hover, #menu ul li a.active { 
	background: transparent url(images/menu_over.jpg) repeat-x center top;
	text-decoration: none;
	Color: #FAE853;
}

#menu ul li a.active {
	font-weight: bold;
	cursor: default;
}


/******IE hack******/
<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->


#locator { position:absolute; visibility:show; left: 200px; top: 100px; z-index:2 }