/***********************************************/

/* hnt.css                                   */

/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 



body{

	font-family: "Trebuchet MS", Arial, "MS Sans Serif";

	margin: 0px;

	padding: 10px;

	background-color: #E2EEB5;

	text-align: center;

}



a:link {

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}

/* overrides decoration from previous rule for hovered links */



h1, h2, h3, h4, h5, h6 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin: 0px;

	padding: 0px;

}



h1{

 font-family: Verdana,Arial,sans-serif;

 font-size: 120%;

 color: #334d55;

}



h2{

	font-size: 120%;

	color: #CC6600;

	padding: 5px;

	font-weight: lighter;

}



h3{

	font-size: 120%;

	color: #CC6600;

	font-weight: lighter;

}



h4{

 font-size: 100%;

 font-weight: normal;

 color: #CC6600;

}



h5{

	font-size: 10px;

	text-indent: 10px;

}



ul{

	list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



label{

	font-size: 100%;

}

				



/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#page{

	border: 0px none #849C23;

	width: 760px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	margin-top: 20px;

	float: none;

	margin-bottom: 30px;

	padding: 0px;

}



#page a:link {

	color: #993300;

}



#page a:visited {

	color: #993300;

}



#page a:hover {

	color: #006600;

}



#masthead{

	width: 760px;

	padding: 0px;

	margin: 0px;

	height: 110px;

	background-image: url(../images/masthead_watch.jpg);

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



#middle{

	width: 100%;

	display: block;

}



#navBar{

	margin-top: 3px;

	margin-right: 0px;

	margin-bottom: 0px;

	width: 190px;

	position: relative;

	font-size: 70%;

	background-color: #FFE16A;

	padding-top: 10px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 3px;

	background-repeat: repeat-x;

	background-position: bottom;

	margin-left: 13px;

	line-height: 130%;

}



.tableNavbar{

	border: 1px solid #FF9900;

	padding: 3px;

	margin-bottom: 10px;

	margin-top: 10px;

}



#content{

	float:right;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: solid;

	margin-top: 5px;

	margin-right: 15px;

	margin-bottom: 10px;

	margin-left: 5px;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-color: #FFE16A;

	border-right-color: #FFE16A;

	border-bottom-color: #FFE16A;

	border-left-color: #FFE16A;

	width: 520px;

}





#content a:link {

	color: #993300;

	font-weight: bold;

}



#content a:visited {

	color: #993300;

	font-weight: bold;

}



#content a:hover {

	color: #006600;

	text-decoration: underline;

	font-weight: bold;

}



#footer {

	padding-top: 6px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	margin-top: 0;

	margin-right: 15px;

	margin-bottom: 0;

	margin-left: 15px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	clear: both;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-color: #FF9900;

	border-right-color: #FF9900;

	border-bottom-color: #FF9900;

	border-left-color: #FF9900;

	font-size: 70%;

	text-align: center;

}



#footer a:link {

	color: #993300;

	font-weight: bold;

}



#footer a:visited {

	color: #993300;

	font-weight: bold;

}



#footer a:hover {

	color: #006600;

	text-decoration: underline;

	font-weight: bold;

}



#location {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 65%;

	background-repeat: no-repeat;

	color: #FFFF00;

	text-align: left;

	margin-bottom: 0px;

	background-color: #FE9900;

	background-image: url(../images/location_bar_watch.jpg);

	padding-top: 20px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	margin-top: 0px;

	margin-right: 10px;

	margin-left: 10px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-left-width: 0px;

	border-right-style: solid;

	border-left-style: solid;

	border-bottom-width: 0px;

	border-top-style: solid;

	border-bottom-style: solid;

	background-position: top;

	vertical-align: middle;

}



#location a:link {

	color: #993300;

}



#location a:visited {

	color: #993300;

}



#location a:hover {

	color: #FFFFFF;

}



#quotation {

	font-size: 100%;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #999999;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	color: #666666;

	padding: 10px;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

	float: right;

	width: 200px;

	background-color: #E2EEB5;

}



#sideshadow{

	background-image: url(../images/sideshadow.jpg);

	width: 760px;

	background-repeat: repeat-y;

}



#bottomshadow{

	background-image: url(../images/btmshadow.jpg);

	height: 10px;

	margin-bottom: 20px;

	width: 760px;

	background-repeat: no-repeat;

	background-position: center;

}





/***********************************************/

/*Component Divs                               */

/***********************************************/



#siteName{

	margin: 0px;

	padding: 0px;

	background-image: url(../images/masthead.jpg);

	height: 100px;

	background-repeat: no-repeat;

}





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



#pageName{

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	color: #CC6600;

	padding-left: 5px;

	font-family: "Trebuchet MS", Arial, "MS Sans Serif";

}





/************* #globalNav styles **************/



#globalNav{

	text-align: right;

	color: #CC6600;

	background-color: #9A0201;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 80%;

	padding: 3px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 10px;

	border-right-width: 0px;

	border-left-width: 0px;

	border-right-style: none;

	border-left-style: none;

	border-top-width: 0px;

	border-bottom-width: 0px;

	border-top-style: none;

	border-bottom-style: none;

}

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line

   this will force a horizontal scrollbar if there isn't enough room for all links

   remove rule or change value to 'normal' if you want the links to line-wrap */



#globalNav img{

	text-align: center;

	padding: 0px;

}



#globalNav a:link {

	font-size: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFCC00;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-decoration: none;

}



#globalNav a:visited {

	font-size: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFCC00;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-decoration: none;

}



#globalNav a:hover {

	font-size: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



/************** .tagline styles ***************/



#tagline{

	text-align: right;

	background-image: none;

	color: #FFFFFF;

	background-color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 80%;

	padding-top: 8px;

	padding-right: 10px;

	pa
dding-bottom: 8px;

	padding-left: 3px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 10px;

}



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



.feature{

	font-size: 100%;

	padding: 0px;

	text-align: center;

}



.feature h3{

	padding: 30px 0px 5px 0px;

	text-align: center;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

	margin: 0 5px 5px 0;

}

/* adjust margins to change separation between the feature image and text flowing around it */



/************** .pageindex *****************/



#pageindex{

	clear: both;

	font-size: 65%;

	padding: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #FFE16A;

	margin: 10px;

	text-align: center;

}



#pageindex p{

	padding: 0px 0px 10px 0px;

}



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



.story{

	clear: both;

	font-size: 80%;

	padding: 10px;

	line-height: 150%;

	color: #9F5000;

}



.story p{

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 20px;

}



.story a:link {

	color: #993300;

}



.story a:hover {

	color: #006600;

}



.story a:visited {

	color: #993300;

}



.table {

	border: 2px solid #CCCCCC;

	padding: 4px;

	margin: 3px;

}



.strong {

	font-weight: bold;

	font-style: normal;

}



.italic {

	font-weight: normal;

	font-style: italic;

}



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



#siteInfo{

	font-size: 70%;

	color: #006600;

	padding-top: 10px;

	background-color: #FFE16A;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	margin-top: 5px;

	margin-right: 15px;

	margin-bottom: 5px;

	margin-left: 15px;

	clear: both;

	line-height: 150%;

}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)

	the bottom border of the navBar in cases where they "touch" */



#siteInfo img{

	padding: 4px 4px 4px 0px;

}



/************* #Footer styles ***************/



#Footer{

	font-size: 70%;

	color: #006600;

	margin-top: 0px;

	padding-top: 10px;

	clear: both;

	height: 110px;

	width: 190px;

	float: left;

	background-image: url(../images/comma.jpg);

	background-repeat: no-repeat;

	background-position: center center;

}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)

	the bottom border of the navBar in cases where they "touch" */



#Footer img{

	padding: 4px 4px 4px 0px;

}





/************* #search styles ***************/



#search{

	padding: 5px 0px 5px 10px;

	border-bottom: 1px solid #cccccc;

	font-size: 90%;

}



#search form{

 margin: 0px;

 padding: 0px;

}



#search label{

	display: block;

	margin: 0px;

	padding: 0px;

}





/*********** #navBar link styles ***********/



#navBar a:link {

	color: #993300;

}



#navBar a:hover {

	color: #006600;

	text-decoration: underline;

}



#navBar a:visited {

	color: #993300;

}



#navBar ul a:link, #navBar ul a:visited {

	display: block;

	padding-bottom: 2px;

	background-color: #FF9900;

	font-weight: bold;

	color: #990000;

	padding-top: 2px;

	padding-right: 2px;

	padding-left: 3px;

	border: 1px solid #FF6600;

	font-size: 110%;

}



#navBar ul a:hover {

	display: block;

	padding-bottom: 2px;

	background-color: #AA6600;

	font-weight: bold;

	color: #FFFF00;

	padding-top: 2px;

	padding-right: 2px;

	padding-left: 3px;

	border: 1px solid #FFCC00;

	text-decoration: none;

}



#navBar ul {

	list-style: none;

	padding: 0;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0px;

}



#navBar ul ul a:link, #navBar ul ul a:visited {

	display: block;

	padding-bottom: 2px;

	background-color: #FFFF80;

	font-weight: normal;

	color: #990000;

	padding-top: 2px;

	padding-right: 2px;

	padding-left: 3px;

	border: 1px solid #849C23;

	text-indent: 5px;

}



#navBar ul ul a:hover {

	display: block;

	padding-bottom: 2px;

	background-color: #849C23;

	font-weight: normal;

	color: #FFFF00;

	padding-top: 2px;

	padding-right: 2px;

	padding-left: 3px;

	border: 1px solid #FFCC00;

}



#navBar ul ul {

	list-style: none;

	padding: 0;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0px;

}



#navBar ul ul ul a:link, #navBar ul ul ul a:visited {

	display: block;

	padding-bottom: 2px;

	background-color: #FFFFBF;

	font-weight: normal;

	color: #990000;

	padding-top: 2px;

	padding-right: 2px;

	padding-left: 3px;

	border: 1px solid #849C23;

	text-indent: 10px;

}



#navBar ul ul ul a:hover {

	display: block;

	padding-bottom: 2px;

	background-color: #849C23;

	font-weight: normal;

	color: #FFFF00;

	padding-top: 2px;

	padding-right: 2px;

	padding-left: 3px;

	border: 1px solid #FFCC00;

}



#navBar ul ul ul {

	list-style: none;

	padding: 0;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0px;

}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {

	border-bottom: 1px solid #EEE;

	padding-bottom: 4px;

}



/* fix for browsers that don't need the hack */

html>body #navBar li {

	border-bottom: none;

	padding-bottom: 4px;

}





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



#sectionLinks{

	font-size: 100%;

	border: 1px none #8bb900;

	padding: 2px;

	left: 3px;

	top: 2px;

	right: 2px;

	bottom: 2px;

	margin: 0px;

	width: 185px;

	line-height: 150%;

}



#sectionLinks h3{

	color: #8bb900;

	font-size: 100%;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 0px;

}



#sectionLinks a:link, a:visited {

	width: auto;

	width: auto;

	padding-right: 0px;

	text-decoration: none;

	color: #990000;

	font-weight: normal;

}



#sectionLinks a:hover{

	background-color: #F0F7D7;

	text-decoration: underline;

	display: block;

}





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



.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	font-size: 90%;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}





/************** #headlines styles **************/



#headlines{

	margin: 0px;

	padding: 10px 0px 20px 10px;

	font-size: 80%;

}



#headlines p{

	padding: 5px 0px 5px 0px;

}



/************** .indexlinks **************/



#indexlinks {

	font-size: 85%;

}



#indexlinks a:link, a:active, a:visited {

	color: #849C23;

}



#indexlinks a:hover {

	text-decoration: none;

	color: #CC0000;

}



.indexlinks {

	width: 33%;

	float: left;

	text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding-bottom: 5px;

	padding-top: 5px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	display: block;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-color: #D2E48B;

	border-right-color: #D2E48B;

	border-bottom-color: #D2E48B;

	border-left-color: #D2E48B;

	font-size: 80%;

}





.image {

	float: right;

	padding-left: 20px;

	clear: right;

}



.imageleft {

	float: left;

	padding-right: 20px;

	clear: left;

}

.greenbar {

	color: #849C23;

}

.backtotop {

	text-align: right;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin-top: 30px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #D0E386;

	margin-bottom: 30px;

	font-size: 90%;

}



.downloadbox {

	margin: 2px;

	border: 1px solid #FFFFFF;

	padding: 2px;

}



.divider {

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #A3D044;

	margin-top: 10px;

	margin-bottom: 20px;

	margin-right: 5px;

	margin-left: 5px;



}



.webcounter {

	margin-top: 10px;

	padding-left: 5px

}



.totop{

	padding-top: 10px;

	padding-bottom: 10px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #BBDD75;

}