@import 'features.css';


/* ----------------------- Layout Presets for Entire Site ------------------------ */

html, body, p, div, table, tbody, tfoot, tr, td, th, 
form, fieldset, label, legend, q, a, blockquote, 
caption, h1, h2, h3, h4, h5, h6, ol, ul, dl 
	{
	/* background: transparent; */ 
	border: 0;
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}

/* removed html styles - they were already included in the declarations above 07-18-13 KH */


body	{
	
	background: #c3bb9b url(../images/theme/watch_bg.jpg);
	background-attachment: fixed;
	background-repeat: repeat;
	cursor: default;
	font-size: .8em;
	line-height: 1.3em;
	
	}

/* removed text-align center in body styles above - originally used for IE 5 fix 07-18-13 KH */


address { font-style: normal; }

a:hover { text-decoration: none; }

blockquote, q { quotes: none; }
	
form label { color: #6c4e3c; }

form input { 				/* added this to uniform text accross browsers like firefox */
	color: #333399; 
	background-color: #efefef;
	font-family: arial, helvetica, sans-serif; 
	padding: .25em;
	}

form select { color: #333399; }

hr	{
	background-color: #cfbf99;
	border:0;
	clear: left;	
	color: #cfbf99;
	height: 1px;
	margin: 0 0 .6em 0;
	}
	
hrshort	{
	background-color: #cfbf99;
	border:0;
	clear: left;	
	color: #cfbf99;
	height: 1px;
	width: 50%;
	margin: 0 0 .6em 0;
	}	
	
img	{ border: none; }

ol	{
	list-style: decimal;
	margin-left: 2em;
	margin-bottom: 1.5em;
	}

p	{
	padding-bottom: 1em;
	text-align: left;
	}

table 	{
	border-collapse: collapse; 
	border-spacing: 0; 
	}
	
td .txtright { text-align: right; }

td	{ vertical-align: top; }

ul, dl, blockquote {
	margin-left: 1.5em;
	}
	
ul 	{ 
	list-style: none; 
	margin-bottom: 1em; 
	}


/* ----------------------- Default Font Settings ------------------------ */

h1	{
	font-weight: 300;
	letter-spacing: .1em;
	text-transform: capitalize;
	}

h2	{
	color: #303055;
	font-size: 140%;
	font-weight: 500;
	margin: 5px 0px 5px 0px;
	text-transform: capitalize;
	}

h3	{
	color: #7f6040;
	font-size: 130%;
	font-weight: 200;
	margin: 5px 0px 5px 0px;
	text-transform: capitalize;
	}

h4	{
	color: #303055;
	font-size: 110%;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	}
	
h5	{
	color: #506090;
	font-size: 100%;
	line-height: 1.8em;
	}


/* ------------------ Custom Styles for Entire Site ------------------ */

.backtop {
	float: right;
	font-size: 80%; 
	margin-right: 1em;
	text-align: right;
	}

.bluefont { color: #003399; }

.blueitalic { color: #003399; font-style:italic; }

.bold	{ font-weight: bold; }

.boldblue { 
	font-weight: bold; 
	color: #003399; 
	}

.boldcenter { 
	font-weight: bold;
	padding-top: .5em;
	text-align:center; 
	}

.boldital { 
	font-style: italic; 
	font-weight: bold; 
	}
	
.boldgreen { 
	font-weight: bold; 
	color: #009900; 
	}

.darkred { 
	color: #933036; 
	font-weight: bold; 
	}
	
.darkrednorm { color: #933036; }

.darkredital { 
	color: #933036; 
	font-style: italic;
	font-weight: bold; 
	line-height: 1.3em;
	}

.goldfont { color:#6f6639; }

.goldfontcenter { 
	color: #7f6040;
	font-size: 130%;
	font-weight: 200;
	text-align: center;
	}

.goldbold { 
	color: #6f6639; 
	font-weight: bold; 
	}

.indent { padding: 0 2em 1em 1em; }

.indentlrg { padding: 0 2em 1em 10em; }

.indentbold {
	font-weight: bold;
	padding: 0 2.5em 1em 2em;
	}
		
.italic { font-style: italic; }

.italicsmall { 
	font-style: italic;
	font-size: 91%; 
	}

.italbold { 
	font-style: italic;
	font-weight: bold;
	}

.label { color: #6c4e3c; }

.ltbluefont { color: #6688bb; }

.pagehead h2 {
	background: transparent url(../images/theme/pageheader.jpg) repeat-y;
	border-bottom: 1px solid #cfbf99;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding-left: .5em;
	line-height: 1.3em;
	margin: .5em 0 1.5em 0;
	}

.pagehead span { 						/* used for separate color on main headline split */
	color: #83663c;
	font-weight: 200;
	margin-left: .2em;
	}

.pullquote {
	color: #8f7055;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align:center;
	}
	
.rednorm { color: #CC0000; }

.redbold { 
	color: #CC0000; 
	font-weight: bold; 
	}
	
.redboldital { 
	color: #CC0000; 
	font-style: italic;
	font-weight: bold;
	}

.redboldcenter { 
	color: #933036; 
	font-weight: bold; 
	text-align: center;
	}

.signature {
	color: #6c4e3c;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding: 1em 2em 1em 0;
	text-align:right;
	}

.smallfont { font-size: 91%; }

.smallerfont { font-size: 80%; }

.largefont { font-size: 180%; }

.smallfontblue { 
	font-size: 91%; 
	color: #0033a3; 
	}

.smallfontbold { 
	font-size: 91%; 
	font-weight: bold;
	}

.smaboldbluecenter { 
	color: #0033a3; 
	font-size: 91%; 
	font-weight: bold;
	text-align: center;
	}

.smallblueital {
	color: #0033a3;
	font-size: 93%;
	font-style: italic;
	}

.smallfontcenter { 
	font-size: 91%; 
	text-align: center;
	}

.smallredital {
	font-size: 91%;
	font-style: italic;
	color: #CC0000;
	}

.tablecenter { margin: 0 auto 0 auto }

.txtcenter { 
	text-align: center; 
	background: transparent; 
	}

.txtright { text-align: right; }

.whitefont { 
	color: #ffffff; 
	font-weight:100!important;
	}

.whitebold { 
	color: #ffffff;
	font-weight: bold;
	}

.whitecentbold { 
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	}

.whitecentboldsm { 
	color: #ffffff;
	font-size: 91%;
	font-weight: bold;
	text-align: center;
	}


/* ------------------ Banner and Top Navigation ------------------ */

#banner	{
	background-color: #bfc8d9;
	background-image: url(../images/theme/watch_banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px solid #ffffff;
	clear: right;
	height: 80px;  				/* could use 6.96em */
	overflow: hidden;
	padding: 0;
	width: 100%;
	}

#topnav {
	clear: both;
	background: #000044;
	border-bottom: 3px solid #b9a66f;
	font-size: 85%;
	padding-bottom: 4px;
	padding-right: 2px;
	padding-top: 2px;
	}

#topnav ul {
	list-style: none;			/* removes bullets from list */
	margin: 0;
	padding: 0;
	text-align: center;
	}

#topnav ul li {
	color: #ffffff; 
	display: inline;			/* displays list items on one line */
	margin-right: .6em;
	margin-left: .6em;
	}

#topnav ul li a {
	color: #ffffff; 
	text-decoration: none!important; 
	}

#topnav ul li a:visited { 
	color: #ffffff; 
	}

#topnav ul li a:hover { 
	color: #cfbf99; 
	text-decoration: underline!important; 
	}



/* --------------------- Layout Styles for Entire Site --------------------- */

#content ul ul { list-style-image: url(../images/theme/bluedot.gif); margin-bottom: 0; }

#date	{
	clear: both;
	color: #223366;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-align: center;			/* added this and removed the center from body 07-18-13 KH */	
	}

#wrapper {		
	background-color: #ffffff;
	border: 2px solid #ffffff;
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	text-align: left; 			/* see note in body at the top */	
	width: 92%;
	} 					/* removed overflow hidden - caused banner crop and white gap below footer */

#nameplate {
	color: #94a0b7;
	text-align: center;
	display: none;
	}
	
#titlebar  { background-color: #000044; }

#main {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
#content td, th { vertical-align: top!important; }

#content a { color: #0000cc; }

#content a:visited { color: #0000cc; }

#content a:hover { color: #6f6639; }

#content {
	min-height: 400px; 			/* not supported by IE browsers */
	margin: 0;
	padding: 2em 3em 2em 3em;
	}
	
#content .imgleft {
	border: 1px solid #7f7666;
	clear: left;
	float: left;
	margin: 4px 18px 10px 0;
	padding: 3px;
	}

#content .imgright {
	border: 1px solid #7f7666;
	clear: right;
	float: right;
	margin: 4px 0 10px 12px;
	padding: 3px;
	}

#content .imgleft_noborder {
	clear: left;
	float: left;
	margin: 4px 18px 10px 0;
	padding: 3px;
	}

#content .imgright_noborder {
	clear: right;
	float: right;
	margin: 4px 0 10px 12px;
	padding: 3px;
	}

#content ul { list-style-image: url(../images/theme/goldbullet.gif); }

#content li { line-height:1.5em; }



/* ----------------------- Default Footer Styles ----------------------- */

#footer {
	background-color: #000044;
	border-top: 3px solid #b9a66f;
	font-family: arial, helvetica, sans-serif!important;
 	padding: .5em 0 .25em 0;
	text-align: center;
	}

#footer ul {
	background-color: #20264f;
	display: block;
	font-size: 85%;
	margin: 1em 0 .5em 0;
	padding: 0;
	}

#footer ul li {
	display: inline;
	font-weight: bold;
	margin-left: 1em;
	list-style: none;
	padding: 0;
	}

#footer a, a:visited { 
	color: #b9a06f; 
	font-family: arial, helvetica, sans-serif!important;
	}

#footer a:hover {
	background-color: #3c3c5f;
	color: #ffffff;
	font-family: arial, helvetica, sans-serif!important;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	text-decoration: none;
	}

#footer p {
	color:#b9a66f;
	font-family: arial, helvetica, sans-serif!important;
	font-size: 90%;
	text-align: center;
	}