/*colours: lightblue=#E7F0FF *****lightgrey=#C7CACF ***** darkgrey=#343432 , (text)#333333***** red=#CC0001 *****
border:1px solid red;

@import url("tvstyles.css");*/


/*GLOBAL-GENERAL STYLES*/

* {margin:0;padding:0;}
html {overflow-y:scroll;}
body {background:#EFEFEF url(../images/bg_body.jpg);background-attachment: fixed;font-family: Tahoma, Arial, sans-serif;text-align:center;}
a img {border:0;}
h1 {font-family: Tahoma, Arial, sans-serif;color:#CC0001;font-size:100%;padding:10px 0 0px 0;font-weight:normal; }

h2 {font-family: Tahoma, Arial, sans-serif; }
h5 {font-family: Tahoma, Arial, sans-serif;font-size:90%;padding:0 0 10px 0; }
p {font-size:65%;}

hr {margin:20px 0 0 0;}
a:link, a:visited, a:active {color:#343432;text-decoration:underline;}
a:hover {text-decoration:none;}
h1 a:link, h1 a:visited, h1 a:active {color:#CC0001;}
.left {float:left;}
.right {float:right;}
.btt {clear:both;text-align:right;}
.hidden {display:none;}
.red {color:#CC0001;font-weight:bold;}
table {margin: 20px 0;}
table.border td {border:1px solid #C7CACF;padding:5px;}
.txterror {font-size: 60%;color:#CC0001;font-weight:600;}
#container {margin:0 auto;width:720px;text-align:left;}
#page {background-color:#FFFFFF;float:left;padding:0px 14px 14px 14px;border:1px solid #C7CACF;border-top:none;}

/*HOME STYLES*/

/*home header*/
#home #header #logo {float:left;padding:0 0 0 50px;}
#home #header {background: url(../images/home_bkgrd.jpg) no-repeat bottom;padding:10px 30px 5px 0px;float:left;/*<<NEED THIS FLOAT:LEFT   min-height hack*/min-height:285px;height:auto !important;height:275px;}
* html #home #header {width:663px;}
#homeheader_content {margin:0 0 0 280px;}
#home #header h3 {font-size:95%;color:#333333;padding:0 0 15px 0px;font-weight:normal;float:none;font-family: Tahoma, Arial, sans-serif;font-size:90%;}
#home #header h5 {font-size:70%;font-weight:normal;text-align:right;padding:10px 0 25px 0px;margin:0 0px 0 0;}
#home #header h4 {padding:0px 0 15px 0px;}
#header span {float:right;width:100%;text-align:right;font-size:65%;display: block;}
/*home banner, callout*/
#home #page div.banner {width:345px;background-color:#FFFFFF;border:1px dotted #C7CACF;float:right;margin:0 0 5px 0;}
#home #page div.banner h3 {background-color:#CC0001;float:left;font-size:65%;font-weight:bold;padding:5px 5px 8px 5px;margin:0 5px 0 0;width:70px;}
#home #page div.banner h3 a {color:#FFFFFF;text-decoration:none;}
#home #page div.banner p {font-size:60%;padding:5px;}

/*home content*/
#home #content {background: url(../images/bg_content.jpg) repeat-x;float:left;/*width:100%;*/width:692px;padding:10px 0 0px 0;margin: 0 0 0 0px;	border:none;}
#homeleftcol {float:left;width:33%;margin:0 10px 0 0;}
#homemidcol {float:left;width:33%;}
.homearticle {width:210px;float:left;border:1px dotted #C7CACF;padding:10px 9px 0 10px;margin:0 10px 10px 0;position:relative;/*min-height hack*/min-height:150px;height:auto !important;height:150px;}
* html .homearticle {margin:0 0px 10px 0;width:auto;}
#content .homearticle h2 {width:100%;padding:0px 0 5px 0;color:#CC0001;font-size:100%;font-weight:normal; }
#content .homearticle h3 {font-weight:normal;font-size:75%;margin:0px 0px 0 75px;padding:0;}
* html .homearticle h3 {width:auto;font-size:80%;position:relative;}
#content .homearticle img {float:left;border:1px solid #C7CACF;padding:1px;background-color:#FFFFFF;}
#content .homearticle h4.more {font-size:90%;float:right;text-align:right;font-weight:normal;font-style:italic;color:#CC0001;font-family: Tahoma, Arial, sans-serif;}
#content .homearticle h4 span.grey, #callout h3 span.grey {color:#343432;position:relative;}
#content .homearticle h4.more a, #callout h3.more a  {text-decoration:none;color:#CC0001;position:relative; margin-right: 3px; }
#callout h3.more {font-size:90%;text-align:right;font-weight:normal;font-style:italic;color:#CC0001;font-family: Tahoma, Arial, sans-serif;}
#homerightcol {float:right;width:28%;border:1px dotted #C7CACF;padding:40px 10px 10px 10px;text-align:center;/*min-height hack*/min-height:281px;height:auto !important;height:281px;}
#homerightcol h3 {font-size:75%;line-height:16px;color:#343432;font-weight:normal;margin:20px 0 0px 0;}
#homerightcol img {border:1px solid #C7CACF;padding:1px;background-color:#FFFFFF;}

/*Home Nav bar*/
#nav_home {width:692px;clear:both;}
#nav_home ul {background-color:#343432;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;float:left;width:100%;}
#nav_home ul li {float:left;display:inline;font-size:70%;}
#nav_home ul li a:link {color:#FFFFFF;float:left;text-decoration:none;padding:10px 40px 20px 9px;border-right:1px solid #FFFFFF;}
#nav_home ul li a:hover {background-color:#CC0001;}
#nav_home ul li a:visited {color:#FFFFFF;float:left;text-decoration:none;padding:10px 40px 20px 9px;border-right:1px solid #FFFFFF;}
#nav_home ul li a:active {color:#FFFFFF;float:left;text-decoration:none;padding:10px 40px 20px 9px;border-right:1px solid #FFFFFF;}

#nav_home ul li a:link.end {padding:10px 44px 7px 10px;border-right:none;}
#nav_home ul li a:hover.end {background-color:#CC0001;}
#nav_home ul li a:visited.end {padding:10px 44px 7px 10px;border-right:none;}
#nav_home ul li a:active.end {padding:10px 44px 7px 10px;border-right:none;}
#nav_home ul li.lit {background-color:#CC0001;}


/*SECTIONS & ARTICLES */

/*header*/
#header {background: url(../images/header.jpg) no-repeat;height:100px;padding:10px 30px 0 220px;}
* html #header {height:110px;}
#header ul {width:100%;margin:0 0 20px 0;display:block;clear: right;}
#header li {float:left;padding:0 0 0 5px;list-style:none;font-size:65%; display: block;}
#header li img {float:left;}
#header h3 {font-size:100%;padding:10px 0 10px 0px;color:#666666;text-align:left;font-family: Tahoma, Arial, sans-serif;clear:right;}
#header h4 {font-size:77%;color:#333333;font-weight:normal;padding:0px 0 15px 0px;}

/* Nav bar*/
#nav {width:200px;}
#nav ul {background-color:#343432;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
#nav ul li {background-color:#343432;font-size:70%;list-style:none;position:relative;border-bottom:1px solid #FFFFFF;}
#nav ul li.lit {background-color:#CC0001;font-size:70%;list-style:none;position:relative;border-bottom:1px solid #FFFFFF;}
#nav ul li a:link {color:#FFFFFF;text-decoration:none;width:190px;padding:10px 0 17px 10px;display:block;}
#nav ul li a:link.end {padding:10px 0 17px 10px;border-bottom:none;}
#nav ul li a:hover {padding:10px 0 17px 10px;background-color:#CC0001;}
#nav ul li a:visited {color:#FFFFFF;text-decoration:none;width:190px;padding:10px 0 17px 10px;display:block;}
#nav ul li a:active {color:#FFFFFF;text-decoration:none;width:190px;padding:10px 0 17px 10px;display:block;}
* html #nav ul li a:hover {width:200px;}

/*Sub menu items*/
#left #nav ul.sublist {background-color:#FFFFFF;padding:10px 0px;display:block;}
#left #nav ul.sublist li {list-style:none;font-weight:bold;background:#FFFFFF url(../images/arrow.gif) 25px 4px no-repeat;padding:0 0 0 40px;font-size:90%;}
* html #left #nav ul.sublist li {font-size:85%;}
#left #nav ul.sublist li a:visited{width:150px;display:block;padding:5px 0 0 7px;}
#left #nav ul.sublist li a:active{width:150px;display:block;color:#343432;padding:5px 0 0 7px;}
#left #nav ul.sublist li a:link{width:150px;display:block;color:#9F9F9F;padding:5px 0 0 7px;}
#left #nav ul.sublist li a:hover{width:150px;display:block;color:#343432;background-color:#FFFFFF;padding:5px 0 0 7px;}
#left #nav ul.sublist li a {color:#9F9F9F;}
#left #nav ul.sublist li a.lit {color:#343432;}

/*Left Column*/
#left {float:left;width:200px;}
#left div.banner {width:198px;background-color:#FFFFFF;border:1px dotted #C7CACF;margin:10px 0;}
* html #left  div.banner {width:200px;}
#left div.banner h3 {background-color:#CC0001;font-size:65%;font-weight:bold;padding:5px 10px 8px 10px;}
#left div.banner h3 a {color:#FFFFFF;text-decoration:none;padding:5px 100px 8px 0px;}
#left div.banner p {font-size:60%;padding:10px;}
#left #callout {width:198px;background-color:#FFFFFF;border:1px dotted #C7CACF;margin:0 0 10px 0;}
#left #callout h2 {font-size:90%;padding:10px;color:#CC0001;}
#left #callout p {font-size:60%;padding:0 10px;}
#left #callout h3.more {font-size:80%;padding:0 10px;width:178px;}
* html #left  #callout h3.more {width:198px;}
#leftcol {clear:left;background: url(../images/bg_content.jpg) repeat-x;width:178px;padding:10px;margin:5px 0 0px 0;border:1px dotted #C7CACF;text-align:center;font-style:italic;/*min-height hack*/
  min-height:372px;
  height:auto !important;
  height:372px;
  }
* html #leftcol {width:198px;}
#leftcol h3 {font-size:75%;line-height:18px;color:#343432;font-weight:normal;margin:10px 0 10px 0;}
#leftcol h3 strong {font-style:normal;margin:0px 0 15px 0;}
#leftcol img {border:1px solid #C7CACF;padding:1px;background-color:#FFFFFF;margin:10px;}

/*content styles*/
#content {padding:10px 0px 25px 20px;margin: 0 0 0 200px;border-top:1px dotted #C7CACF;width:470px;}
* html #content {padding:0 0 0 20px;}
#content p {font-size:70%;color:#343432;padding:5px 0px 0 0;}
#content ul, ol {margin: 10px 0 10px 50px;}

#content ul li, #content ol li {font-size:70%;}
#content ol li h2 {font-size:100%;}
#content ul li li, #content ol li li {font-size:100%;}
#content li h2 a {font-size:130%;}
#content li p {font-size:120%;}

#content h2 {padding:10px 0 0 0;font-size:90%;font-weight:normal;}
#home #content h2  {font-size:90%;padding:0 0 10px 0;}
#content h3 {font-size:75%;padding:10px 0 0px 0;font-weight:normal;}
#content h4 {font-size:70%;padding:10px 0 0px 0;}
#content #bigbuttons {display:block;margin:10px 0;float:left;}
#content #bigbuttons ul {margin:0;}
#content #bigbuttons ul li {float:left;list-style:none}
* html #content #bigbuttons span {float:left;}
#content div.article {float:left;margin:10px 0;}
#content div.article img {float:left;margin:5px;border:1px solid #C7CACF;padding:1px;background-color:#FFFFFF;}

#yourstories #content div.article {margin:10px 0 0 0;}
#yourstories #content h1 {float:left;width:100%;border-top: 2px groove #D7D7D7; margin-bottom: 10px; }
#yourstories #content h2 {font-size: 80%; font-weight: bold; }
#yourstories #content div.article p { font-size: 90%; font-style: normal !important; }


div#guidancemap div {padding:0 10px;margin:0 0 10px 0;border-top:2px groove #D7D7D7;}


/*FOOTER*/
* html #footer {height:30px;}
ul#bottomnav {float:left;list-style:none;margin:10px 0 0 0px;}
ul#bottomnav li {float:left;border-right:1px solid;margin:0px 0 8px 0;font-size:65%;}
* html ul#bottomnav li {font-weight:normal;}
ul#bottomnav li.end {border-right:0px;}
ul#bottomnav li a {float:left;padding:0 10px;color:#000;text-decoration:none;}
#footer p {float:right;padding:10px 10px 0px 0;font-weight:normal;font-size:65%;}