/***************************************************************
NEW HOMEPAGE STYLES 
***************************************************************/
/* This is the home container, container padding style, and a fixer that clears any floats at the bottom. */
#homepageContainer {width:760px;background:#fff;}
#homepageContainer div.pad {padding:10px 10px 0px 10px;}
#homeFixer {clear:both;width:740px;height:30px;overflow:hidden;background:transparent;}

/* These styles handle the flash content and assoicated backup. */
#widgetFlashContent {float:right;width:205px;overflow:hidden;}
#widgetFlashContent h1 {float:left;width:185px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(/images/head_L1_slice.gif) #000 repeat-x;color:#fff;line-height:24px;text-align:center;}
#widgetFlashContent div.widget {background:#000;clear:both;border-top:1px solid #999;padding:20px 10px 20px 10px;color:#fff;text-align:center;}
#widgetFlashContent img {margin:0px auto 10px auto;}
#widgetFlashContent ul {list-style-position:outside;list-style-type:square;text-align:left;font:normal .97em arial,sans-serif;}
#widgetFlashContent a {color:#fff;font:bold .85em arial,sans-serif;}
#widgetFlashContent p {margin:0;padding:0;text-align:left;}
#marquee {width:760px;height:250px;position: relative;}
#marqueeFlash {width:760px;height:250px;}
#marqueeFlashContent {width:760px;height:250px;z-index:2;}

/* These styles handle the 3 homepage columns. */
div.homeColumn {float:left;width:173px;margin-right:3px;}
div.homeColumn h1 {float:left;width:153px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(/images/head_L1_slice.gif) #000 repeat-x;color:#fff;line-height:24px;}
div.homeColumn div.box {clear:left;background:url(/images/bkgd_gradient_slice.gif) #fff repeat-x;padding:7px 10px 0px 10px;font:normal 1em arial,sans-serif;height:100%;}
div.homeColumn div.box ul {display:block;list-style-type:none;padding:0;margin:0;}
div.homeColumn div.box ul li {padding:0px 0px 3px 0px;margin:0;}
div.homeColumn div.box div.iconLine {height:20px;overflow:hidden;margin:10px 0px 4px 0px;}
div.homeColumn div.box div.iconLine img {width:30px;height:20px;float:left;}
div.homeColumn div.box div.iconLine div {border-top:1px solid #ccc;float:left;width:117px;margin-top:10px;}
div.homeColumn div.box p {padding:0px 0px 7px 0px;margin:0;}
.headLeftCurve {float:left;width:10px;height:24px;overflow:hidden;background:url(/images/head_L1_left.gif) transparent no-repeat;}
.headRightCurve {float:left;width:10px;height:24px;overflow:hidden;background:url(/images/head_L1_right.gif) transparent no-repeat;}
.headFormLeftCurve {float:left;width:10px;height:24px;overflow:hidden;background:url(/images/head_L1_lefta.gif) transparent no-repeat;}
.headFormRightCurve {float:left;width:10px;height:24px;overflow:hidden;background:url(/images/head_L1_righta.gif) transparent no-repeat;}

/* These styles handle the login box. */
div#loginFix {width:203px;background:url(/images/bkgd_gradient_slice.gif) #fff repeat-x;z-index:4;opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;}          
div#loginFixBorder {position:absolute;top:44px;left:545px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
div#loginForm div.box form {padding:0;margin:0;}
div#loginForm div.box form fieldset {padding:0;margin:0;border:0;}
div#loginForm div.box form fieldset legend {display:none;}
div#loginForm {float:left;width:205px;position:absolute;top:20px;left:545px;z-index:5;height:100%;}
div#loginForm div.box {clear:left;padding:10px 10px 10px 10px;}
div#loginForm h1 {float:left;width:185px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(/images/head_L1_slice.gif) #000 repeat-x;color:#fff;line-height:24px;}
div#loginForm div.box form fieldset div#lg1Content {display:block;}
div#loginForm div.box div#lg1Content a {font-size:0.9em;}
div#loginForm div.box form fieldset select {display:block;width:100%;margin:0px 0px 7px 0px;font:bold 1.0em arial,sans-serif;float:left;}
div#loginForm div.box form fieldset div label {display:block;float:left;padding:3px 0px 5px 0px;width:75px;font:bold 1em arial,sans-serif;}
div#loginForm div.box form fieldset div input {display:block;float:left;margin:0px 0px 5px 0px;width:90px;font:normal 1em arial,sans-serif;}
div#loginForm div.box form fieldset div div.formRow {clear:both;font:normal 1em arial,sans-serif;color:#999;line-height:1.3em;}
div#loginForm div.box form fieldset div#lg2Content {font:normal 1em arial,sans-serif;padding:0 0 0 3px;color:#000;line-height:1.3em;}
div#loginForm div.box div#lg2Content a {font-size:0.9em;}
div#loginForm div.box form fieldset div#lg3Content {font:normal 1em arial,sans-serif;padding:0 0 0 3px;color:#000;line-height:1.3em;}
div#loginForm div.box div#lg3Content a {font-size:0.9em;}
div#loginForm div#lg4Content {font:normal 1em arial,sans-serif;color:#000;line-height:1.2em;}
div#loginForm div#lg4Content p {padding:10px 0px;margin:0;}
/* override the button since it is on a gray background */
div#loginForm div#loginBox button {display:block;float:left;}
div#loginForm div#loginBox button.redButton span span {background:url(/images/button_red_left_g.gif) no-repeat left top;}
