/* Reset default browser CSS */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-weight:inherit;font-size:100%;font-style:inherit;font-family:inherit;margin:0;padding:0;vertical-align:baseline}
table {border-collapse:separate;border-spacing:0}
caption, th, td {font-weight:normal;text-align:left}
table, td, th {vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
a img {border:none}

/* General Elements */
html, body { background:#DDD; color:#333333}
html {font-size:100.01%}
body {color:#333333;font-family: Arial, Helvetica, sans-serif;font-size:75%;line-height:1.4em;padding:10px 0}

/* Links */
a:link, a:visited {color:#F63;text-decoration:none; padding-left: 10px; background-image:url(../imgs/link_bg.png); background-repeat:no-repeat; background-position: 0px 2px}
a:hover, a:focus, a:active {color:#305;text-decoration:underline; padding-left: 10px; background-image:url(../imgs/link_bg_r.png); background-repeat:no-repeat; background-position: 0px 2px}

div.image a, div.csc-textpic-imagewrap a, div#nav-container a { background:none; padding-left: 0px; }

/* Headers */
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#F63}
h1 {font-size:1.75em;margin-bottom:1em;line-height:1.25em;}
h2 {font-size:1.5em;margin-bottom:1em;line-height:1.25em;}
h3 {font-size:1.2em;margin-bottom:1em;line-height:1.25em;}
h4 {font-size:1em;font-weight:bold;margin-bottom:1em;line-height:1.25em;}
h5 {font-size:1em;margin-bottom:1em;line-height:1.25em;}
h6 {font-size:1em;font-style:italic}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}

/* Paragraphs */
p {margin:0 0 1em}
blockquote {color:#666;font-style:italic;margin:1.5em}

/* Inline Elements */
strong {font-weight:bold}
em, dfn {font-style:italic}
dfn {font-weight:bold}
sup, sub {line-height:0}
abbr, acronym {border-bottom:1px dotted #666}
address {font-style:italic;margin:0 0 1.5em}ti
del {color:#666}
pre {margin:1.5em 0;white-space:pre}
pre, code, tt {font:1em 'Andale Mono', 'Lucida Console', monospace;line-height:1.5}
.haway {display:none;}

/* Lists */
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1em}
ul {list-style-type:disc}
ol {list-style-type:decimal}
dl {margin:0 0 1.5em 0}
dl dt {font-weight:bold}
dd {margin-left:1.5em}

ul.extra {font-size:11px;list-style:none;padding:0}
ul.extra li {background:url(../imgs/bg-list_item.gif) no-repeat left 2px;padding-left:20px}

/* Tables */
table {margin-bottom:1.4em;width:100%}
th {font-weight:bold}
thead th {background:#C3D9FF}
th, td, caption {padding:4px 10px 4px 5px}
tr.even td {background:#E5ECF9}
tfoot {font-style:italic}
caption {background:#EEE}


/* Font Styles */
.small {font-size:.8em;line-height:1.875em;margin-bottom:1.875em}
.large {font-size:1.2em;line-height:1.25em;margin-bottom:1.25em}
.hide, .haway {display:none}
.quiet {color:#4C4B4B}
.loud {color:#000}
.highlight {background:#FF0}
.added {background:#060;color:#FFF}
.removed {background:#900;color:#FFF}

/* Rules */
hr {background:#FF6633;border:none;color:#FF6633;height:.1em;margin:0 0 1.45em;width:100%}
hr.space {background:#FFF;color:#FFF;visibility:hidden}

/* Forms */
label {font-weight:bold}
fieldset {border:1px solid #CCC;margin:0 0 1.5em 0;padding:1.4em}
legend {font-size:1.2em;font-weight:bold}
fieldset.strict {border:none;margin:0;padding:0}
fieldset.strict legend {display:none}
input[type=text], input[type=password], input.text input.title, textarea, select {background-color:#FFF;border:1px solid #AAA;border-bottom-color:#CCC;border-right-color:#CCC;color:#333}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {background-color:#FED;color:#000}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0}
input[type=image], input.image {vertical-align:middle}
input.text, input.title {padding:5px;width:250px}
input.title {font-size:1.5em}
textarea {height:230px;padding:5px;width:390px}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em}
form.inline {line-height:3}
form.inline p {margin-bottom:0}
fieldset.personal { float:left; width:271px }
fieldset.right{margin-left: 15px }
#fh-country { width: 250px }
#fh-message { width: 580px; height: 100px; }
#recaptcha-div table { width: 150px }
/*.error, .notice, .success {border:2px solid #DDD;margin-bottom:1em;padding:.8em}
.error {background:#FBE3E4;border-color:#FBC2C4;color:#8A1F11}
.notice {background:#FFF6BF;border-color:#FFD324;color:#514721}
.success {background:#E6EFC2;border-color:#C6D880;color:#264409}
.error a {color:#8A1F11}
.notice a {color:#514721}
.success a {color:#264409}*/

/* Layout */
#bg-div { position:fixed; top:0px; left:0px; width:100%; height:100%; overflow:hidden; z-index:1 }
#wrapper { 
	background-image: url(../imgs/content-bg.png);
	background-repeat: repeat-y;
	position: absolute;
	top: 0px;
	left: 30px;
	width:950px;
	z-index: 30;
	min-height: 100%;
}

#nav-container {
	margin-left: 10px;
	width: 199px;
	float: left;
}

#nav-top {
	background:transparent url(../imgs/logo.gif) no-repeat;
	height:208px;
	overflow:hidden
}

#logo { 
	float: left;
	height:190px;
	margin-left:10px;
	width:120px;
}

#logo a {
	display:block;
	height:190px;
	width:80px
}
#logo a span {display:none}

#quick_menu {
	color:#FFF;
	float: left;
	width:60px;
	height:190px;
	line-height:1.4;
	margin-top:9px;
	text-align:right;
	font-size:11px;
}

#quick_menu ul {
	margin: 0;
	padding: 0;
}

#quick_menu li {
	display:inline;
	margin:0;
	text-align: right;
}

#quick_menu a {color:#FFF}
#quick_menu li.act  {text-decoration: underline;}

#quick_menu .cur a {color:#006}

/* Main Menu Styles */
#main_menu {
margin:0 0 0 24px;
padding:0;
}

#main_menu ul {
display:block;
list-style:none outside none;
margin:0 0 0 0;
padding:0;
}

.main_nav_item a {
	display: block;
}

.main_nav_item a:hover {
	background-color: #EEF0FF;
}

.main_nav_item ul {
background-image:url("../../media/imgs/basics/htgr_mainnav_sub.png");
background-repeat:no-repeat;
display:none;
margin:0;
padding:0;
}

.main_nav_item ul li {
display:block;
font-weight:normal;
list-style:none outside none;
margin:2px 0 2px 0px;
}

.main_nav_item ul li a {
color:#7fc2dd !important;
padding:0 0 0 10px !important;
text-decoration:none !important;
font-weight: normal !important;
}

.main_nav_item ul li ul li a{
font-style: italic !important;
margin-left: 10px !important;
}

.main_nav_item ul li.cur {

}
.main_nav_item ul li.cur > a {
	background-image:url("../imgs/bg-list_item.gif") !important;
	background-repeat:no-repeat !important;
	background-position:left !important;
	background-color: #EEF0FF !important;
}

.main_nav_item ul li a:hover, .main_nav_item ul li.cur a:hover {
	background-image:url("../imgs/bg-list_item_orange.gif") !important;
	background-position:left center !important;
	background-repeat:no-repeat !important;
	color:#FF9933 !important;
	padding:0 0 0 10px !important;
	background-color: #EEF0FF !important;
}

.cur > a, .act > a {
	background-color: #EEF0FF !important;
}

#title {
	background-image: url("../imgs/cat1.jpg");
	background-repeat: no-repeat;
	margin: 0;
	padding: 30px 0 0 24px;
	width: 709px;
	height: 130px;
	z-index: 20;
}


.box {background:#FFF;border:1px solid #C4358D;margin-bottom:10px}



#content-container {
	margin-left: 18px;
	width: 709px;
	float: left;
	z-index: 20;
}

#info-box {
	float: right;
	position: relative; 
	top: -130px; 
	width: 230px;
	padding: 0;
	margin: 0 0 10px 25px;
	z-index: 50;
}

#headerimg { 
	width: 230px; 
	height: auto; 
	border: 6px solid #FFFFFF; 
	z-index: 50;
} 

#content-right {
	padding: 6px;
}
	
#content-normal {
	float:left;
	padding:0 20px 0 30px;
	width:650px
}

#contact 
{
	position: fixed;
	left: 40px;
	bottom: 0px;
	background-image: url(../imgs/nav_bottom.png);
	background-repeat: no-repeat;
	color:#FFF;
	line-height:1.4em;
	margin:0;
	padding:40px 5px 0px 5px;
	width:190px;
	height: 100px;
	z-index: 60;
	text-align: center;
}


#contact p {margin:0}

#contact a {color:#FFF}

/* Misc Classes */
.align-left {text-align:left}
.align-center {text-align:center}
.align-right {text-align:right}
.first {margin-left:0;padding-left:0}
.last {margin-right:0;padding-right:0}
.top {margin-top:0;padding-top:0}
.bottom {margin-bottom:0;padding-bottom:0}
.clearfix:after, .container:after {clear:both;content:"\0020";display:block;height:0;overflow:hidden;visibility:hidden}
.clearfix, .container {display:block}
.clear {clear:both}



/* News Styles */
.news-latest-container {}
.news-latest-item {margin-bottom:1.2em}
.news-latest-container .last {margin-bottom:0}
.news-latest-item p, .news-latest-item h4 {margin:0}


/* Image Box Styles */
.image {overflow:hidden}
.image img {display:block}

.csc-textpic-caption {
	font-size: 0.8em;
	margin-bottom: 0.4em;
}

/* mm_forum Forum Styles */
.tx-mmforum-pi1-newpost-left td {padding:1px}