/***********************************************/
/* emx_nav_right.css */
/* Use with template Halo_rightNav.html*/
/***********************************************/

/***********************************************/
/* HTML tag styles */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #502800;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #ffffcc;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #0066cc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline ;
}

/************** header tag styles **************/

h1{
 font: bold 280% Lucida Handwriting;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Lucida Handwriting;
 color: #005FA9;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Lucida Handwriting;
 color: #005FA9;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h6{
 font: bold 120% Lucida Handwriting;
 color: #005FA9;
 text-align:center ;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style -type: square ;
}

/***********************************************/
/* Layout Divs */
/***********************************************/
#pagecell1{
position:absolute ;
top: 120px;
left: 2%;
right: 2%;
width: 859px;
background-color: #ffff99;
border: 1px solid #663300;
}

.topbar{
position: absolute;
top: -1px;
left: 0px;
}

#tl {
position:absolute ;
top: -1px;
left: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
}

#tr {
position:absolute ;
top: -30px;
right: 0px;
margin: 0px;
padding: 0px;
z-index: 100;
width: 4px;
height: 7px;
}

#masthead{
position: absolute ;
top: 4px;
left: 2%;
right: 2%;
width: 859px;
height: 129px;
}

#pageNav{
float: right;
width: 178px;
padding: 0px;
background-color: #ffffaa;
border-top: 1px solid #cc9900;
font: small Verdana,sans-serif;
}

#content{
padding: 0px 10px 0px 10px;
margin:0px 178px 0px 0px;
border-right: 1px solid #cc9900;
}


/***********************************************/
/* Component Divs */
/***********************************************/
#siteName {
margin: 0px;
padding: 16px 0px 8px 0px;
color: #cc9900;
font-weight: normal;
}

/************** utility styles *****************/

#utility{
font: 75% Verdana,sans-serif;
position: absolute ;
top: 16px;
right: 0px; 
width: 250px;
}

#utility a {
	color: #CC9900;
}

#utility a:hover {
	text-decoration: underline ;
}

/************** pageName styles ****************/

#pageName {
padding: 25px 0px 14px 10px;
margin: 0px;
}

#pageName h2{
font: bold 175% Lucida Handwriting;
color: #cc9900;
margin:0px;
padding: 0px;
}

/************** feature styles *****************/

.feature {
padding: 0px 0px 10px 10px;
font-size: 80%; 
height: auto;
}

.feature h3{
font: bold 150% Lucida Handwriting;
color: #cc9900;
padding: 10px 0px 5px 0px;
}

.feature img{
float: right;
padding: 0px 10px 0px 0px;
border: none;
}

/*************** story styles ******************/

.story{
padding: 10px 0px 0px 10px;
font-size: 80%;
}

.story h3{
font: bold 125% Lucida Handwriting;
color: #cc9900;
}

.story img{
float: left;
padding: 0px 10px 0px 0px;
}

.story p{
padding: 0px 0px 10px 0px;
}

/*************** gallery styles ******************/

.gallery{
padding: 10px 0px 0px 10px;
font: 120% Lucida Handwriting;
color: #005FA9;
text-align:center ;
}

.gallery img{
border:none;
float: left;
padding: 0px 10px 0px 0px;
}

td.galleryText{
text-align: left;
font: 60% Lucida Handwriting;
}

/************** siteInfo styles ****************/

#siteInfo{
clear : both;
border-top: 1px solid #cc9900;
font-size: small;
color: #005FA9;
padding: 10px 10px 10px 10px;
margin-top: 0px;
}

/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;
}

#sectionLinks a:link, #sectionLinks a:visited {
display: block;
border-bottom: 1px solid #cc9900;
background-color: #ffffaa; 
background-image: none;
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #0066cc;
}

#sectionLinks a:hover {
background-color: #ffffcc;
background-image: none;
font-weight: bold;
text-decoration: none;
color: #3399ff;
}

/************* relatedLinks styles **************/

.relatedLinks{
margin: 0px;
padding: 0px 0px 10px 10px;
border-bottom: 1px solid #cc9900;
}

.relatedLinks h3{
padding: 10px 0px 2px 0px;
color: #0066cc;
}

.relatedLinks a{
display: block;
}

/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}

/********************* end **********************/