@import url(appstyles.css);
@import url(slider.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:12px/17px Helvetica, Arial, sans-serif; background:#ccc;}

.mastWrap{ margin:0; padding:0; width:100%;}
.gradient {}
.cntrWrap{width:940px;margin:0 auto;}
.fltFix{background: url("images/outerpagefade.jpg") repeat-y scroll left top transparent; float: left; padding: 0 30px; width: 1000px;}

a { color: #2e3191; text-decoration: underline; outline:none; }
a:hover { color: #2e3191; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {margin:0;padding:0;}
h1, .PageTitleHeader {font-size:24px;line-height:30px; font-family:Georgia, "Times New Roman", Times, serif; color:#666666;font-weight:normal;}
h2, .PageSubTitleHeader {font-size:18px; line-height:24px;color:#cc0033;font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:10px 0;}
h3 {font-size:15px;line-height:21px;font-weight:bold;padding:2px 5px 3px 0;}
h4 {font-size:13px;line-height:18px;padding:2px 5px 3px 0;}
h5 {font-size:11px;line-height:15px;font-weight:bold;padding:2px 5px 3px 0;}
p {margin:0 0 15px;padding:0;}
blockquote {background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; color: #666666; margin: 0; padding: 10px; }
#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:#ccc;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}
table.TableLayout_Business td {width:14%!important} 
table.TableLayout_Default td {width:14%!important} 
table.TableLayout_Inox td {width:14%!important} 
table.TableLayout_Mac td {width:14%!important} 
table.TableLayout_Modern td {width:14%!important} 
table.TableLayout_Orange td {width:14%!important} 
table.TableLayout_Outlook td {width:14%!important} 
table.TableLayout_Stylish td {width:14%!important} 
table.TableLayout_Sunny td {width:14%!important} 
table.TableLayout_Telerik td {width:14%!important} 
table.TableLayout_WebBlue td {width:14%!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:0 0 15px; padding:40px 0 0; float:left; *height:100px; width:940px;}

.structHead #ContentLogo {margin:0 0 10px; padding:0; float:left;}
.structHead #ContentTitle {margin:15px 0 0; padding:0; float:right; font-size:24px; color:#cc0033;}
.structHead #ContentSearch {margin:-20px 0 0; padding:0 10px 0 0; float:right; color:#fff;position:relative; z-index:999; *margin-top:-21px;}
.structHead #ContentSearch input {background: url("images/bkgd_search.gif") no-repeat scroll left top transparent; border: medium none; width: 155px; height:14px;}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
#ContentTopNav {margin:0; padding:19px 0 0; float:left;width:940px;z-index:99; background:url(images/bkgd_header.gif) repeat-x top left;position:relative; *margin: -40px 0 0px;}

/* Top Level Group */
#ContentTopNav ul{list-style-type:none; float:left;margin:0; padding:0;}
#ContentTopNav ul li{float:left;font-weight:normal;line-height:normal;padding:4px 10px 5px; border-right:1px solid #fff; min-width:95px; text-align:center;}
#ContentTopNav ul li a{color:#fff;display:block;font-size:12px;text-decoration:none;}
#ContentTopNav ul li a:hover{color:#fff;}
#ContentTopNav ul li:hover a{color:#fff;}

/* Second Level Groups */
#ContentTopNav li ul { position: absolute; left: -999999px;margin:4px 0 0 -11px; background:#333; float:none; width:234px;text-align:left;border:1px solid #fff;}
#ContentTopNav li li { width: 199px; margin: 0; border-bottom:1px solid #fff;padding:5px 5px 5px 30px;background:none;line-height:normal;}
#ContentTopNav li li a {color:#fff;font-weight:normal;text-align:left;text-transform:capitalize;width:190px;border:none;font-size:12px;}
#ContentTopNav ul li:hover li a{color:#fff;}
#ContentTopNav ul li:hover li a:hover{color:#fff;}
#ContentTopNav li li:hover, #ContentTopNav li li.sfHover { background: #666666;color: #ffffff; margin: 0; }

/* Third Level Groups */
#ContentTopNav li li ul { margin:-23px 0 0 150px; background: #367c2b; color:#ffffff; width:170px;}
#ContentTopNav li li li a:hover { color: #ccc;}
#ContentTopNav li li li{ width: 170px;}
#ContentTopNav li li li a {color:#fff;}

/* The Magic */
#ContentTopNav li:hover ul ul,
#ContentTopNav li:hover ul ul ul,
#ContentTopNav li.sfHover ul ul,
#ContentTopNav li.sfHover ul ul ul { left: -999em;}

#ContentTopNav li:hover ul,
#ContentTopNav li li:hover ul,
#ContentTopNav li li li:hover ul,
#ContentTopNav li.sfHover ul,
#ContentTopNav li li.sfHover ul,
#ContentTopNav li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
#ContentTopNav  li:hover,
#ContentTopNav  li li:hover,
#ContentTopNav  li li li:hover,
#ContentTopNav  li.sfHover,
#ContentTopNav  li li li.sfHover,
#ContentTopNav  li li.sfHover { position:static;}

#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; width:235px;}

.structLeft ul {margin:0; padding:0 10px 0 15px; list-style-type:square;color:#333;}
.structLeft li {margin:0; padding:0;}
.structLeft li a {text-decoration:none; color:#666;}
.structLeft li a:hover {text-decoration:underline;color:#333;}

.structLeft #ContentLeftNav {background:#cc0033;}
.structLeft #ContentLeftNav ul {margin:0; padding:0; list-style:none;}
.structLeft #ContentLeftNav li {margin:0; padding: 0; border-bottom:1px solid #fff;}
.structLeft #ContentLeftNav li a {color:#fff;text-decoration:none; padding:2px 0 2px 30px; display:block;}
.structLeft #ContentLeftNav li:hover {background:#b1002c;}

.structLeft #ContentLeftNav li ul {margin:0; padding:0; list-style:none;}
.structLeft #ContentLeftNav li li {margin:0; padding: 0; border-bottom:none;}
.structLeft #ContentLeftNav li li a {color:#fff;text-decoration:none; padding:2px 0 2px 50px; display:block;}
.structLeft #ContentLeftNav li li a:hover {text-decoration:underline;}
.structLeft #ContentLeftNav li li:hover {background:#b1002c;}

hr.divider {float:left; margin:15px 0; padding:0; height:6px; background:#ffc423; width:100%;border:none;*color:#ffc423;*margin:15px 0 0;}
.start hr.divider { *width:940px;}

.structLeft h1#ContentLeftHeading {color:#fff; background:#cc0033;font-size:18px;font-family:"Times New Roman", Times, serif;font-weight:normal;padding: 5px 10px;}

.structLeft #ContentLeft1 a,
.structLeft #ContentLeft2 a {color:#cc0033;text-decoration:none;}
.structLeft #ContentLeft1 {margin: 10px 0; padding:10px 8px 30px; background:#e6e7e8; font-size:11px;line-height:normal;}
.structLeft #ContentLeft2 {margin: 10px 0; padding:10px 8px; background:#e6e7e8; font-size:11px;line-height:normal;}
.structLeft #ContentLeft1 span a img {display:none;}

.structBody #ContentLeft2 {padding-left: 20px;}
.structBody #ContentLeft2 h2 {color:#333; font-family:"Times New Roman", Times, serif; font-weight:normal; line-height:normal; font-size:18px;padding:0 0 5px;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0; float:left; *margin:10px 0 0;}

.structBody 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;}

.structBody .MidWrap{margin:0; padding:15px 25px 0 17px; float:left; width:407px;}

.structBody #ContentMiddle{margin:0; padding:0; float:left;width:100%;}
.structBody #ContentMiddle ul {margin:0 0 10px; padding:0; list-style:none;}
.structBody #ContentMiddle ul li {margin:0; padding:0 0 0 15px; background:url(images/bullet_redsquare.gif) no-repeat left 5px;}
.structBody #ContentMiddle ul.rtsUL li {background:none;padding:0;}
.structBody #ContentMiddle .tabstrip li {background:none; padding:0;}
.structBody #ContentMiddle ol li {background:none; padding:5px 0;}
.structBody #ContentMiddle ol ul li {margin:0; padding:10px 0 5px 15px; background:url(images/bullet_redsquare.gif) no-repeat left 13px;}
.structBody #ContentMiddle ul#ulEventCenterMenu li {background:none; padding:0 5px;}

.structBody #ContentLogin {float:left; width:195px; margin:0 20px 0 0;padding:10px 20px; background:#cc0033;color:#fff; height:230px; overflow:hidden;font-size:11px;}
.structBody #ContentLogin h2 {color:#ffc423; font-size:15px; font-family:Helvetica, Arial, sans-serif;line-height:normal; padding:0;}
.structBody #ContentLogin input[type='button'],
.structBody #ContentLogin input[type='submit'] {background:#ffc423;border:0; font-size:11px; padding: 4px 7px; margin:0 0 0 3px;}
.structBody #ContentLogin a {color:#fff; line-height:normal;}
.structBody #ContentLogin .divLoginUserNameRow,
.structBody #ContentLogin .divLoginPasswordRow {float:left; margin:10px 0 0;}
.structBody #ContentLogin .divLoginPasswordRow {margin:10px 0 10px;}
.structBody #ContentLogin .labelUserName {float:left; margin:0 6px 0 0;font-size:11px;}
.structBody #ContentLogin .labelPassword {float:left; margin:0 5px 0 0;font-size:11px;}
.structBody #ContentLogin .inputLoginUsername, 
.structBody #ContentLogin .inputLoginPassword {float:left; width:130px;font-size:11px; border:none;padding:2px; *width:125px;}
.structBody #ContentLogin .divLoginLinks {float:left;}
.structBody #ContentLogin .divLoginButtonRow {text-align:right; margin:0 3px 0 0;}
.structBody #ContentLogin .divLoginFacebook {padding:15px 0;}

.structBody #ContentLogin h3 {font-size: 12px; line-height: normal; margin: 0; padding: 10px 0 0; text-transform: uppercase;color:#ffc423;}
.structBody #ContentLogin ul {color: #FFC423; list-style: square outside none; margin: 0; padding: 0 0 0 15px;}
.structBody #ContentLogin li {padding:1px 0;}
.structBody #ContentLogin li a {text-decoration: none;}

.structBody #ContentSlider {float:left;position:relative;z-index:9;*z-index:0;}
.structBody h1.home {color:#cc0033; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;}
.structBody h2.home {color:#000; font-family: Helvetica, Arial, sans-serif; font-size:16px;}

.structBody .featureRow {float:left;padding:10px 0;}
.structBody .featureRow .spacer {margin:0 0 0 10px;}
.structBody .homeFeature {float:left;}
.structBody .homeFeature .thumb {width:87px; height:110px; float:left;}
.structBody .homeFeature .text {width:222px; float:left; padding:0 12px;}
.structBody .homeFeature h2 {font-size:16px; padding:0 0 5px;line-height:normal;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:left; width:255px;}
.structRight #ContentRight{margin:0; padding:0; float:left;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:10px 0 0; padding:0; float:left; width:955px; }
.structFooter #ContentFooterNav {float:left; width:100%; overflow:hidden; position:relative; background:url(images/bkgd_footer.gif) repeat-x bottom left;margin:20px 0 0 -8px;}
.structFooter #ContentFooterNav ul {clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;height:26px;}
.structFooter #ContentFooterNav li {display:block; float:left; list-style:none; margin:6px 0 0; padding:0; position:relative; right:50%;height:20px; border-left: 1px solid #fff;min-width:100px;}
.structFooter #ContentFooterNav li.first {border:none;}
.structFooter #ContentFooterNav li a{color:#fff; text-decoration:none; display:block;padding:2px 10px;}

.structFooter #ContentFooter{margin:10px 0 20px; padding:0; float:left; text-align:center; width:100%;font-size:11px;}
.structFooter #ContentFooter a {color:#cc0033;}

