/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 75%/1.5 Verdana, Helvetica, Arial, sans-serif; background: url(../images/bg_body.jpg) repeat-y scroll center top;}
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { border-bottom : 2px solid #433b34; font-weight : bold; }
td {}
th,td { padding : 4px 10px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }

/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } 

----------------------------------------------------------------------------------------- */

html {text-align:center; color: #323232; overflow-y: scroll;}

img {border:none;}

.hide {display:none}

.image_border {border:1px solid #CCCCCC; margin:0px 0px 4px; padding:4px;}

.border {border:1px solid #ccc; background:#fff; margin:4px; padding:2px}

.oxlt-text {color:#8db5e9; font-size:12px}
.torg-text {color:#370000; font-size:12px}
.smalltext {font-size:10px}

/************************************************************************ <h> TAGS CSS ************************************************************************/

h1 {font-size:150%; color:#323232; font-weight:bold}
h2 {font-size:130%; color:#666666; font-weight:bold}
h3 {font-size:110%; color:#323232; font-weight:bold}
h4 {font-size:100%; color:#666666; font-weight:bold}
h5 {font-size:90%; color:#061f35}
h6 {font-size:80%; color:#f2a705}

/************************************************************************ LIST ITEMS CSS ************************************************************************/

ul, li {list-style-image: url(../images/tcm-arrow.png); }


/************************************************************************ PSEUDO CLASSES CSS ************************************************************************/

a:link{color:#666666; text-decoration:none; font-weight:bold}
a:visited {color:#666666; text-decoration:none; font-weight:bold}
a:hover {color:#000666; text-decoration:none}

/************************************************************************ QUICK FORM ELEMENTS ************************************************************************/

.generic-box {width:250px; height:15px; background:#fff; margin:2px 4px 0px 5px; color:#323; float:left; border:1px solid #ccc; font-family:"Verdana", Arial, Helvetica, sans-serif;; padding:2px}
.dropdown-box {width:256px; height:25px; background:#fff; margin:2px 4px 5px 5px; color:#323; float:left; border:1px solid #ccc; font-size:12px; font-family:"Verdana", Arial, Helvetica, sans-serif; padding:2px}
.text-box {width:250px; height:50px; background:#fff; margin:2px 4px 5px 5px; color:#323; float:left; border:1px solid #ccc; font-family:"Verdana", Arial, Helvetica, sans-serif; padding:2px}
.submit_btn {width:165px; background: #fff; border:1px solid #ccc; color:#323232; float:left; margin:5px 0px 0px 0px; font-size:11px; font-family:"Verdana", Arial, Helvetica, sans-serif;; font-weight:bold}

/******************************************************************************** HOMEPAGE MAIN CSS ************************************************************************/

#container {
	width:990px;
	margin:0px auto 10px auto;
	position:relative;
	font-size:11px;
	color:#666666;
	line-height: 130%;
/*	overflow:hidden;*/
}

#header {margin-left:auto; margin-right:auto; float:right; height:75px; width:990px; text-align:right; background:#370000;}

#top-nav {
    font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background:#370000;
	width:980px;
	float:right;
	text-align:left;
	padding:10px 0px 7px 10px;
	margin-bottom:0px;
	border-bottom:2px solid #fff;
	position:relative;
} 

#top-nav li {display:inline;}
	
#top-nav a:link {padding:2px 4px 2px 4px; color:#FFFFFF; text-decoration:none; font-weight:bold}

#top-nav a:visited {padding:2px 4px 2px 4px; color:#FFFFFF; text-decoration:none; font-weight:bold}
#top-nav a:active {padding:2px 4px 2px 4px; color:#FFFFFF; text-decoration:none; font-weight:bold}
	
#top-nav a:hover {color: #ccc;}

#top-nav .searchbox {width:220px; padding:5px; float:right; text-align:right; background:#370000;}

#leftnav
{
	float: left;
	width: 140px;
	height:auto;
	background-color: #fff;
	margin: 0px;
	color:#666;
	font-weight:bold;
	font-size:9px;
	padding-left:0px;
	padding-right:10px;
	padding-top:160px;
	text-align: right;
	position:relative;
}

#leftnav ul {position:relative; left:13px;}

#leftnav ul li {margin-bottom:5px;}
#leftnav ul li.selected {list-style-image: url(../images/arrow-hover-ff.jpg); vertical-align: text-top}
#leftnav ul li.selected:hover {list-style-image: url(../images/arrow-ff.jpg)}

#leftnav ul li.selected a {margin-bottom:0px; margin-left:0px}

#leftnav a:link {color:#666666; text-decoration:none; font-weight:bold}
#leftnav a:visited {color:#666666; text-decoration:none; font-weight:bold}
#leftnav a:hover {color:#000666; text-decoration:none}

#leftnav .sitelinks {width:140px; min-height:40px; float:left; padding-top:380px; text-align:right; margin-top:10px; background:url(../images/more-services.jpg) no-repeat}

#content
{
	position:relative;
	margin-right:0px;
	float:right;
	background-image:no-repeat;
	background-color:#370000;
	text-align:right;
	min-height:365px;
	width:990px;
}

#content-wrapper {width:850px; float:right}

#hidden-wrapper {width:850px; height:1000px; float:right}

#content .text {width:800px; margin:10px 10px 10px 0px; padding: 30px 20px; border:1px solid #ccc; background:#fff; float:right; text-align:justify}

#content .text a:link{color:#666666; text-decoration:none; font-weight:bold}
#content .text a:visited {color:#666666; text-decoration:none; font-weight:bold}
#content .text a:hover {color:#6C4243; text-decoration:none; font-weight:bold}

.news-wrapper {width:815px; margin:10px 10px 10px 0px; padding: 30px 5px 30px 20px ; border:1px solid #ccc; background:#fff; float:right; text-align:justify}

.news-text {width:650px; margin:0px 0px 10px 0px; padding: 10px ; border:1px solid #eee; background:#fff; float:left; text-align:justify}

.news-archive {width:110px; margin:0px; padding: 10px ; border:1px solid #ccc; background:#eee; float:right; text-align:left}

#content .titlebox {width:830px; margin:20px 0px 5px; line-height:100%; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:right; padding:25px 20px 25px 0px; background: url(../images/fade.png); float:right;}

#content .fullimg {width:160px; margin:5px 10px 0px 0px; border:1px solid #fff; line-height:100%; font-size:13px; text-align:center; color:#fff; padding:5px; background:#370000; float:right;}

#content .fullimg a:link, a:visited {color:#fff; font-weight:normal}

#content .fullimg a:hover {color:#ccc; font-weight:normal}

#footer
{
	font-size:10px;
	color: #ffffff;
	text-decoration: none;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	width:970px;
	float:right;
	text-align:center;
	position:relative;
	padding-top: 20px;
	border-top:2px solid #fff;
	background-color: #370000;
} 

#footer ul {
	list-style:none;
	float:left;
	margin:0;
	}
	
#footer li {display:inline;}
	
#footer a:link, #footer a:visited {
	padding:1px 1px 1px 1px;
	color: #ffffff;
	text-decoration:none;
	font-weight:normal;
	}
	
#footer a:hover {color: #ccc; text-decoration:none}

#copyright {
	font-size:10px;
	color: #ccc;
	text-decoration: none;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	background: #370000;
	float:right;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top: 0px;
	width:970px;
	line-height:150%;
	padding-bottom:40px;
}

#copyright a:link, #copyright a:visited {
	color:#ffffff; font-weight:bold; text-decoration:none}
	
#copyright a:hover {
	color:#ffffff; font-weight:bold;}

/******************************************************************************** NEWS MAIN CSS ************************************************************************/
