@import url(appstyles.css);

/* General Style
---------------------------------------------
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:.8em/1.6em Arial, Helvetica, sans-serif;}

.mastWrap{ margin:0; padding:0; width:100%;}
.cntrWrap{width:771px;margin:0 auto;}
.fltFix{width:100%;}

a { color: #0066CC; text-decoration: underline; outline:none; }
a:hover { color: #FDB702; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {font-size:24px;line-height:24px;}
h2, .PageSubTitleHeader {font-size:20px; line-height:24px;}
h3 {font-size:18px;line-height:21px;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:7px 0;padding:0;}*/
#PageTitle, .PageTitleHeader { display:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------
.structHead{ margin:0; padding:0; float:left;}

.structHead h1{padding:0;margin:0;float:left;}
.structHead h1 a{display:block;text-indent:-999em;}

.structHead #ContentToplinks{margin:0; padding:0; float:left;}*/

#ContentMemberTools {float:left;margin:0px;padding:5px 0;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;}
#ContentMemberTools li {border-left:1px solid #000000;float:left;padding:0 10px;}
#ContentMemberTools li#Logout {border-left:medium none;}
#ContentMemberTools li#FirstTimeLogin {border-left:medium none;}
#ContentMemberTools a {color:#000000;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

/* LEFT COLUMN
---------------------------------------------
.structLeft{margin:0; padding:0; float:left;}
.structLeft #ContentLeft{margin:0; padding:0; float:left;}*/

/* BODY ELEMENTS
---------------------------------------------
.structBody{margin:0; padding:0; float:left;}

ul#ContentBreadCrumbs{padding:0;margin:5px 0 10px 0;list-style:none;float:left;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:.8em;padding:2px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{font-weight:bold;}*/

.MidWrap{margin:0; padding:0; width:100%; }

#ContentMiddle{margin:0; padding:0; width:100%; }

.topimgSm{float: left;/*height: 105px;*/margin: 0;overflow: hidden;padding: 0 0 0 4px;width: 127px;}

/* ------------------ Login ------------------------- */
.divLoginStructContainer .PageTitleHeader{ display:none;}
.divLoginStructContainer .instructions {}
.divLoginPanel{ float:left;margin:0;padding:0;width:100%;}
.divLoginPanel h1{ margin:0 0 5px;}

.divLtLogin{ margin:0 20px 0 0; padding:0; width:340px; float:left; display:inline;}
.divRtLogin{ margin:0 0; padding:0; width:340px; float:left; display:inline;}

.divLoginPanel .anchorTempLogin{}
.divLoginInputs{ margin:0; padding:0 0 12px;}

.labelUserName{}
.labelPassword{ padding:0 3px 0 0;}

.inputLoginUsername,
.inputLoginPassword{ width:170px;}

.divLoginUserNameRow{float:left;margin:0;padding:8px 0;width:100%;_padding:8px 0 0;} 
.divLoginPasswordRow{ float:left; width:100%; margin:0; padding:0;}

.divLoginLinks{ padding:5px 0 0;}
.divLoginLinks a{ border-right:1px solid #000000;display:inline;padding:0 10px 0 0;}
a.anchorResetPassword{ padding:0 0 0 10px; border:none;}

.divLoginPanel .button{ }
.divLoginPanel .loginButton {}
.divLoginPanel .cancelButton {}

/*    anythingFader v1.0        By Chris Coyier: http://css-tricks.com    with major improvements by Doug Neiner: http://pixelgraphics.us/    based on work by Remy Sharp: http://jqueryfordesigners.com/*/
.anythingFader                         { width:750px; position: relative; margin: 0 auto; height:100%; background:none; }
.anythingFader .wrapper                { width:750px; overflow: hidden; height:340px; margin: 0; position: absolute; top: 0; left: 0; }
.anythingFader .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; }

.anythingFader ul li                   { display: block; float: left; padding: 0; height:340px; width:750px; margin: 0; position:relative;}
.anythingFader .arrow                  { display: block; height: 17px; width:17px;text-indent: -9999px; position: absolute; top:275px; cursor: pointer; z-index:1; _behavior: url(iepngfix.htc);}
.anythingFader .forward                { background-position: 0 0; right: 10px; background-image:url(images/YlwArwRt.png); background-repeat:no-repeat;}
.anythingFader .back                   { background-position: 0 0; right: 40px;  background-image:url(images/YlwArwLt.png);background-repeat:no-repeat;}
.anythingFader .forward:hover          { background-position:; }
.anythingFader .back:hover             { background-position:; }

.topimg{ display:block;float:left;height:340px;margin:0;padding:0;position:relative;width:750px;z-index:1; }
.topHdr{color:#EFEADC;font: 60px/69px Georgia,serif;left: 0;margin: 0;padding: 0 30px;position: absolute;top:50px;width: 670px;z-index: 999;}
.topTxt{height:40px;margin:0;padding:0 17px;position:absolute;top:298px;left:0;width:613px;color:#FFFFFF;z-index:999;}
.topTxt a{color:#FFFFFF; text-decoration:underline;}

#thumbNav                               { position: relative; top: 323px; text-align: center; display:none; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             {  color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; display:none;}
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*  Prevents*/
.anythingFader .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingFader .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


#ContentSocial{ text-align:center;}
/* RIGHT COLUMN
---------------------------------------------
.structRight{margin:0; padding:0; float:left;}
.structRight #ContentRight{margin:0; padding:0; float:left;}*/

/* Footer Elements 
---------------------------------------------
.structFooter{margin:0; padding:0; float:left;}
.structFooter #ContentFooter{margin:0; padding:0; float:left;}*/