/* All screen styles go in here - common.css is just for styles that you want to appear on print and screen */
body {background:#000 url(/images/bg-body.jpg) top repeat-x;}
.main {width:982px; margin: 0 auto;}

.req {color:#d00;font-weight:bold;}

/* hidden text */
a.btn, .footer .willogo .thelogo span {left:-999em;outline:none;position:absolute;display:block;overflow:hidden;}

/* main navigation */
.AspNet-Menu-Horizontal { position: relative; float: left; background: #000 url(/images/bg-topnav.png) repeat-x; width: 982px; z-index: 1000; }
.AspNet-Menu, .AspNet-Menu ul { position: relative; float: left; width: 982px; }
.AspNet-Menu li ul { position: relative; width: 200px; }
.AspNet-Menu-Horizontal li { position: relative; float: left; font-size: 1em; line-height: 1; padding: 0; border-right: 1px solid #000; display:block; }
.AspNet-Menu-Horizontal li li { background: #2a2a2a; border: none; font-size: 1em; width:200px; padding:0; border-left:none; padding-top:0px;}
.AspNet-Menu-Horizontal li li li { font-size: 1em; }
.AspNet-Menu-Horizontal li a { text-decoration: none; color: #b6b6b6; float: left; font-weight: bold; text-transform: uppercase; display: block; padding: 20px; }
.AspNet-Menu-Horizontal li li a { font-weight: normal; float: none; text-transform: none; position: relative; padding: 6px 12px; width: 176px; }
.AspNet-Menu-Horizontal li a:hover,
.AspNet-Menu-Horizontal li a:focus { color:#df8c29; }
.AspNet-Menu-Horizontal li li:hover,
.AspNet-Menu-Horizontal li li.AspNet-Menu-Hover,
.AspNet-Menu-Horizontal li li a:focus,
.AspNet-Menu-Horizontal li li a:hover,
.AspNet-Menu-Horizontal li li a:active { background:#454545; color:#ffffff; }

.AspNet-Menu-Horizontal li:hover ul,
.AspNet-Menu-Horizontal li.AspNet-Menu-Hover ul { left:0; top: 51px; }
.AspNet-Menu-Horizontal li:hover li ul,
.AspNet-Menu-Horizontal li.AspNet-Menu-Hover li ul { top: -999em; }
.AspNet-Menu-Horizontal li li:hover ul,
.AspNet-Menu-Horizontal li li.AspNet-Menu-Hover ul { left: 200px; top: 0; }

.AspNet-Menu-Horizontal li a.AspNet-Menu-ChildSelected, .AspNet-Menu-Horizontal li a.AspNet-Menu-Selected { color:#df8c29; }



/* accessible skip links */
div.skiplinks {text-indent:-999em;position:absolute;}

.maincontent {float:right;width:759px;font-size:1.2em;padding:0 20px 0 0;}
.home .maincontent {width:950px;padding:20px;}

.maincontent ul {margin: 20px;}
.sub {width:183px;float:left;padding: 0 0 5px 0;font-size:1.3em}

/* level 1 */
.sub {list-style:none;float:left;}
.sub li a {display:block;text-decoration:none;color:#808080;background:url(/images/arrow-right.gif) no-repeat 13px 9px;padding: 0 0 0 25px;line-height:2.0em; font-size:0.9em; font-weight:normal;}
.sub li a:hover, .sub li a:focus, .sub li a.active,.sub li a.active:hover,.sub li a.active:focus {color:#ffffff;background: #6d6d6d url(/images/arrow-right-on.gif) no-repeat 13px 9px;} /* affects all list items under the "on" one */

/* level 2 */
.sub li ul {list-style:none;}
.sub li li a {background:#f9f9f9;font-size:0.85em;padding-left:45px;border-top:1px solid #eee;}
.sub li li a:hover, .sub li li a:focus {background:#000000;color:#000000;}
.sub li li a.more,.sub li li a.more:hover, .sub li li a.more:focus  {background-repeat:no-repeat;background-position:171px 8px;}
.sub li li a.more {background-image:url(../images/bg-subnav-off.gif);}
.sub li li a.more:hover, .sub li li a.more:focus {background-image:url(../images/bg-subnav-on.gif);}

/* level 3 */
.sub li li li a {padding-left:60px;}
.sub li li li.first a,.sub li li li.first a:hover,.sub li li li.first a:focus {border:none;}
.sub li.on li a,.sub li.on li a:hover,.sub li.on li a:focus {border-top:1px solid #fff;border-bottom:none;}
.sub li.on li a:hover, .sub li.on li a:focus {color:#000 !important;}

.pngbg {background:url(../images/png.png) no-repeat; width:250px; height:250px; clear:both; }
#yahoo {padding-bottom:20px;}

.footer {font-size:1.1em;float:left;width:960px;margin:0 0 20px 0;}
.footer, .footer a {color:#9ca4ad;}
.footer a {text-decoration:underline;}
.footer a:hover, .footer a:focus {color:#000;}
.footer .copy {width:200px;float:left;margin:5px 0 0 15px}
.footer .footernav {float:left;width:534px;text-align:center;margin:11px 0 0 0}
.footer .willogo {float:right;width:196px;line-height:36px;margin:0 15px 0 0;}
.footer .willogo span {float:left;width:120px;display:block;}
.footer .willogo .thelogo {display:block;float:right;width:76px;height:36px;background:url(../images/logo-wiliam.gif) no-repeat;}

/* enquiry popup - don't forget the ie6 fixes - REMOVE IF NOT USING */
.jqmWindow {display: none;position: absolute;top: 10px;left: 50%;margin-left: -300px;width:500px;height:458px;background-color: #fff;color: #333;border: 1px solid #686868;padding: 9px;}
.jqmWindow .enqform {clear:both;background:#fff;}
.jqmWindow .enqform h2, .jqmWindow .enqform h3 {padding: 15px 0 5px 15px;margin:0;}
.jqmWindow table th,.jqmWindow table td {padding: 3px 25px;}
.jqmWindow table {width:100%;}
.jqmWindow table th {background-color:#fafafa;}
.jqmWindow table td {background-color:#f6f6f6;}

/* jcarousel scrolling motion gallery - REMOVE IF NOT USING */
.jcarousel-skin-tango.jcarousel-container-horizontal {width: 245px; padding: 20px 40px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  245px; height: 75px;}
.jcarousel-skin-tango .jcarousel-item {width: 59px; height: 59px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 43px; right: 5px; width: 10px; height: 18px; cursor: pointer; background: transparent url(../images/arrow-right-orange.gif) no-repeat;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 43px; left: 5px; width: 10px; height: 18px; cursor: pointer; background: transparent url(../images/arrow-left-orange.gif) no-repeat;}

.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-item {float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px; height: 75px; border:1px solid #e5e5e5;}

.jcarousel-next,.jcarousel-prev {z-index: 3; display: none;}

/* flash text replacement (sifr) - don't change these - REMOVE IF NOT USING */
.sIFR-flash {  visibility: visible !important;  margin: 0;  padding: 0;}
.sIFR-unloading .sIFR-flash {  visibility: hidden !important;}
.sIFR-replaced, .sIFR-ignore {  visibility: visible !important;}
.sIFR-alternate {  position: absolute;  left: 0;  top: 0;  width: 0;  height: 0;  display: block;  overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {  margin: 0pt;   padding: 0pt;   overflow: auto;   letter-spacing: 0px;   float: none;}
.sIFR-dummy {   width: 0px;  height: 0px;  margin-left: 42px;  z-index: 0;}


/* flash text content styles - change this to match the design - REMOVE IF NOT USING SIFR */
.sIFR-active .flashtext h2, .sIFR-active .flashtext h3 {visibility: hidden;font-family: Verdana;line-height: 1em;padding:0;display: inline-block;}
.sIFR-active .flashtext h2 {font-size: 32px;}
.sIFR-active .flashtext h3 {font-size: 26px;}



/* Header */

.header {height:98px; margin:0 auto;padding-top: 32px;}

.header .logo {float:left;}
.header .logo img {border:0;}
.header .right-img {float:right; clear: right;}

/* Members Area */
.member-login {float:right; list-style:none; margin-top:-32px;}
.member-login li {float:left; color:#B6B6B6; padding:0 5px; border-left:1px solid #B6B6B6;}
.member-login li.first {border-left:none;}
.member-login li a {float:left; color:#ffffff; text-decoration:none; }

/* Body */
.page-body {background:#151515; width:100%; clear:both; float:left; padding-top:17px;}
.page-body .left {float:left; width:183px; padding:0 0 0 7px; height:auto !important; min-height:580px; height:580px;}
.page-body .left .container-left {float:left; width:183px;}
.page-body .left .container-left strong {color:#ffffff;}
.page-body .left .container-left h2.parent-cat {color:#ffffff; background:url(/images/bg-h2-wshad.jpg) no-repeat top; padding:8px 0 0 12px; height:19px; margin:0; text-transform:uppercase;}
.page-body .left .container-left .inner-left {float:left;width:183px; background:#454545 url(/images/bg-sub-nav.jpg) no-repeat top; color:#b6b6b6;}

.page-body .left .container-left .inner-left .left-content {clear:both; float:left; width: 100%;}
.page-body .left .container-left .inner-left .left-content ul {list-style:none;float:left;width:183px;padding: 0 0 5px 0;font-size:1.3em}
.page-body .left .container-left .inner-left .left-content ul li a {display:block;text-decoration:none;color:#808080;background:url(/images/arrow-right.gif) no-repeat 13px 9px;padding: 0 0 0 25px;line-height:2.0em; font-size:0.9em; font-weight:normal;}
.page-body .left .container-left .inner-left .left-content ul li a:hover, 
.page-body .left .container-left .inner-left .left-content ul li a:focus, 
.page-body .left .container-left .inner-left .left-content ul li a.active,
.page-body .left .container-left .inner-left .left-content ul li a.active:hover,
.page-body .left .container-left .inner-left .left-content ul li a.active:focus {color:#ffffff;background: #6d6d6d url(/images/arrow-right-on.gif) no-repeat 13px 9px;} /* affects all list items under the "on" one */


.page-body .center {width:571px; float:left; padding:0 15px 0 8px; }
.page-body .container-center {background:#ffffff; width:521px; float:left; padding:25px;height:auto !important; min-height:580px; height:580px;}
.page-body .expanded {width:776px; padding:0 8px 0 8px;}
.page-body .expanded .container-center {background:#ffffff; width:726px; float:left; padding:25px;}

.page-body  a {color:#7cb30f; text-decoration:none; font-weight:bold;}
.page-body .container-center a:hover, .page-body .container-center a:active {text-decoration:underline;}
.page-body .container-center ul {list-style-image:url(/images/bullet-square.gif); padding:0 0 0 25px;}
.page-body .container-center ol {color:#dc8a28; padding:0 0 0 25px;}
.page-body .container-center ol p, .page-body .container-center ol font{color:#000000;}


.page-body .right {float:right; width:198px; }
.page-body .right h2.audio-video {background:url(/images/bg-h2-aud-vid.jpg) no-repeat top; height:40px;  text-indent:-9999px; margin:0; padding:0;}
.page-body .right h2.podcast {background:url(/images/bg-h2-podcast.jpg) no-repeat top; height:40px;  text-indent:-9999px; margin:0; padding:0;}
.page-body .right .podcast-media {color:#6f6f6f; Background:url(/images/bg-podcast.jpg) no-repeat; height:35px; padding:25px 0 0 50px; margin-bottom:10px; }
.page-body .right .podcast-media a {color:#ffffff; padding:0 5px; text-decoration:none; font-weight:bold; font-size:1.1em;}

.page-body .right .container-right {float:left; background:#ffffff; width:198px;}
.page-body .right .container-right p, .page-body .right .container-right ul, .page-body .right .container-right ol{padding:0 8px 25px 8px;}

.page-body .right .container-right h2 {background:#d98827; color:#ffffff; display:block; padding:7px 0 7px 9px;}
.page-body .right .container-right h5 {color: #7cb30f;}
.page-body .right .container-right em {margin:0; padding:0; text-align:justify !important; }
.page-body .right .container-right p {clear:both;}


/* page content */
.page-body h1 {font-family: Arial, Verdana, Sans-Serif;font-size: 1.4em;color:#000000;}
.page-body h2 {font-size: 1.0em; color: #FFF;text-align: left;background: #d98827; padding:0.5em 1.0em;}
.page-body h3 {font-size: 1.3em; color: #454545;}
.page-body h4 {color:#dc8a28;	font-size: 1.3em;	font-weight:normal;}

.page-body .container-center h1, .page-body .container-center h2, .page-body .container-center h3, .page-body .container-center h4 {margin-top: 10px;}

/* Footer */
.footer {width:982px; background:transparent; color:#646464; padding-bottom:25px; }
.footer .sponsor {width:207px; float:left; padding:35px 0 0 15px;}
.footer .footernav {float:left; width:400px; padding:60px 0 0 16px; text-align:center;font-size:0.9em;}
.footer .footernav .copyright  {clear:both;text-align:center;padding:10px 0 0 5px; display:block; }

.footer .footernav ul li {list-style:none;float:left; padding:0 5px; border-left:1px solid #646464; }
.footer .footernav ul li.first {border-left:0px;}
.footer .footernav ul li a {color:#b3b3b3; text-decoration:none; }
.footer .gov {width:344px; float:right; padding-top:47px;}
.footer .gov .govlink {float:right;}
.footer .gov .youthlink {float:left;}


/* Home page */
.home {padding-top:0px;}
.home .hero {float:left;height:251px; width:784px;}
.home .body {float:left; background: url(/images/bg-home-body.jpg) top no-repeat; padding-top:25px;}
.home .body .left {float:left; width:388px; padding:0;  min-height:100px; height:auto !important;}
.home .body .left .container-left .inner-left {float:left;width:343px; background:none; color:#ffffff; padding:0 15px 0 30px;}
.home .right .podcast-media {margin:0; }

.home .body .center {float:left; width:578px; padding:0 8px;}


.home .body h1 {color:#FFFFFF;}
.home .body h2 {color:#FFFFFF; background: #151515;}
.home .body h3 {color:#FFFFFF;}
.home .body h4 {color:#FFFFFF;}


/* spot lights */
.home .body .spotlight {float:left; width:190px; padding-right:2px;}
.home .body .spotlight h2 {background:url(/images/bg-h2-spot.jpg) no-repeat; height:27px; padding:0 0 0 15px; text-transform:uppercase; font-size:1.1em; line-height:2em;}
.home .body .spotlight-body {background:#2b2b2b url(/images/bg-spot-body.jpg) no-repeat top; padding:15px 12px; color:#ffffff; height:80px;}
.home .body .spotlight-body h3 {color:#bdef5c;}
.home .body .spotlight-body a {color:#bdef5c;}
.home .body .readmore {padding:8px 0 0 15px; background:url(/images/bg-seemorelink.jpg) no-repeat; height:23px;}
.home .body .readmore a {color:#bdef5c; font-weight:normal;}



/* My Details area */
.formfields {text-align:right;}
.formfields span, .formfields input, .formfields select {float:left;}

.tblform {width:100%; border:colapse;margin-top:15px;}
.tblform td {background:#f2f2f2; border:1px solid #ffffff;}
td.tblheader {background:#e3f8b9; text-align:center; line-height:17px; height:30px; }

/* My Detail Menu */
.loginhdr {background:url(/images/bg-h2-login.jpg) no-repeat !important; height:17px;}
.login li {border-bottom:#3c3c3c 1px solid; border-top:1px solid #030303;}
.login li a {color:#ffffff; font-weight:bold; font-size:0.8em; background:none; padding:0.2em 1.0em;}
.login li a {color:#ffffff; font-weight:bold; font-size:0.8em; background:none; padding:0.2em 1.0em;}
.login li a:hover, .login li a:focus, .login li a.active,.login li a.active:hover,.login li a.active:focus {background: #6d6d6d;} /* affects all list items under the "on" one */

.page-body .left .container-left .inner-left .AspNet-Menu{list-style:none;float:left;width:183px;padding: 0 0 5px 0;}
.page-body .left .container-left .inner-left .AspNet-Menu li a {display:block;text-decoration:none;color:#808080;background:url(/images/arrow-right.gif) no-repeat 13px 9px;padding: 0 0 0 25px;line-height:2.0em; font-weight:normal;}
.page-body .left .container-left .inner-left .AspNet-Menu li a:hover, .page-body .left .container-left .inner-left .AspNet-Menu li a:focus, .page-body .left .container-left .inner-left .AspNet-Menu li a.active,.page-body .left .container-left .inner-left .AspNet-Menu li a.active:hover,.page-body .left .container-left .inner-left .AspNet-Menu li a.active:focus {color:#ffffff;background: #6d6d6d url(/images/arrow-right-on.gif) no-repeat 13px 9px;} /* affects all list items under the "on" one */




.menustyle {background:#000 url(/images/bg-topnav.png) repeat-x; height:51px;width:981px;}
.itemstyle {display:block; width:auto; padding:0;}
.itemstyle img {display:none;}
.menustyle td {width:auto;}

.dynmenustyle {background:#2a2a2a;}


/* media player  */
#player embed{position:absolute; z-index:1;}