/* CSS Document */

/* var: color - for content-left a:hover */
#content .content-left a:hover {
color: #669933;
text-decoration:underline;
}

/* var: width - size of content-center is variable */
#content .content-right {
display: inline;
text-align: left;
float: right;
clear: right;
width: 686px;
height: auto;
margin: 0 8px 0 0;
padding: 0;
}

#content .content-right  a, #content .content-right  a:link, #content .content-right  a:visited {
	color: #588DA2;
	text-decoration: none;
	padding: 1px 2px;
}

#content .content-right a:hover {
	color: #fff;
	background-color: #99CC33;
	padding: 1px 2px 2px 2px;
	border-bottom: 1px #FF0033 solid;
}

/* var: color - for the top-menu current a link */
#top-menu #current a {
background-position:0 -61px;
color: #669933;
}

/* var: color - for the top-menu current a link with span */
#top-menu #current a span {
background-position:100% -61px;
color: #669933;
}

/* var: bg url - for the buttom sidebar menu */

.box {
margin: 0 0 8px 0;
width:160px;
background:url(/img/hmtn/hmtn-sidebar-menu-bottom-bg.jpg) no-repeat bottom left;
}

.box ul li span {
list-style:none;
font-size:12px;
font-weight:700;
background:url(/img/common/arroworange.gif) no-repeat 0 3px;
margin:0 0 0 0;
padding:0 0 0 12px;
}

.box #current a {
text-decoration: none;
color: #669933;
}


/* Start of Page Content Styles */
#page-heading {
height: 20px;
width: 600px;
clear:both;
}

#page-heading .img {
width: 180px;
float: left;
clear:left;
}
#page-heading .img img {
padding: 0 0 4px 0;
}

#page-heading .breadcrumbs {
color: #666;
height: 20px;
width: 420px;
float: right;
font-size : 11px;
font-family : Verdana, Arial, Helvetica;
}

#page-heading .breadcrumbs span {
color: #000;
}

#page-content {
	padding: 8px;
	}
	
#page-content-border em{
color: #FF0000;
margin-bottom: 12px;
font-style: normal;
font-weight: bold;
}			

	
#page-content h2 {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:  #666;
margin:0;
padding:0 0 8px;
}


#page-content strong  {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:  #666;
}

.author {
background:url(/img/common/title-bg.gif) left top no-repeat;
margin:0;
padding:8px 0;
font-size: 12px;
color: #999;
}

#page-content-border {
    border: 1px solid #ccc;
	font-family:Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 13px;
	color: #666;
	height: auto; 
	width: 684px;
	margin: 0 0 8px 0;
	}
	

/* var: qoute container - exist if 3 column is used */
#right-quote {
width: 200px;
}

#right-quote em {
font-style: normal;
color: #00CCCC;
font-weight: bold;
font-family: georgia, serif;
padding: 0 10px;
font-size:12px;
}


#comment {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
padding-left: 10px;
}

.float-left {
float: left;
width: 560px;
}

#footer {
	clear: both;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 100%;
	text-align: center;
	width: 852px;
	margin: 0 8px 8px 8px;
	padding: 5px 0 5px 0;
	border: 1px solid #ccc;
	background:url(/img/hmtn/hmtn-footer-bg.gif) top left repeat-x;
}

#footer a:hover {
	color: #333333;
	border-bottom: 1px dotted #00CCCC;
	}
#footer a {
	color: #00CCCC;
	text-decoration: none;
	}