/*body { text-align:center; color: black; margin-top:0; padding:0; font-family:Verdana,arial,sans; font-size:12px; width:840px; height:100%; background:white url("images/logobottom.gif") 0 171px no-repeat; }*/
body { text-align:center; margin:0px; padding:0px; color:black; font-family:Verdana,arial,sans; font-size:12px; height:100%; background:#63BEEA; }/* background:#E3E3E3; }*/
#realign { text-align:left; width:840px; }
#bgImg { width:840px; background:white url("images/logobottom.gif") 0 171px no-repeat; }

h1#header { background:url("images/logotop.gif") no-repeat; width:840px; height:132px; margin:0; padding:0; }
h1 span { display:none; }

a span { display:none; }
.menu { position:absolute; width:840px; z-index:500; }
.menu .navbar { margin:0; padding:0 0 0 0px; list-style:none; white-space:nowrap; }
.menu li { float:left; }
.menu .navbar a { display:block; float:left; padding:0 0 0px 0px; text-decoration:none; white-space:nowrap; }
.menu .navbar a:hover, .menu .navbar li:hover a { padding:0px 0 0px 0px; cursor:pointer; }
.menu .sub { display:none; }
.menu table { border-collapse:collapse; margin:-1px; width:0; height:0; }
.menu .sub { margin:0; padding:0; list-style:none; }
.menu .navbar :hover .sub { display:block; position:absolute; float:left; width:840px; top:25px; left:0; }
.menu .navbar :hover .sub li a { display:block; float:left; margin:0; white-space:nowrap; }
.menu .sub li { padding:20px 0 15px 6px; color:#cc0022; }
.menu .sub li a, p#pageSummary a, p#pageSummaryF { color:rgb(0,51,153);}
.menu .sub li a:hover, p#pageSummary a:hover {color:#cc0022;} 

a#teamTalk { background:url("images/talk.gif") no-repeat; width:112px; height:39px; }
a#teamTalk:hover, ul.navbar li:hover a#teamTalk { background-image: url("images/talk_over.gif"); }
a#staff { background:url("images/staff.gif") no-repeat; width:70px; height:39px; }
a#staff:hover, ul.navbar li:hover a#staff { background-image: url("images/staff_over.gif"); }
a#aboutUs { background:url("images/about.gif") no-repeat; width:96px; height:39px; }
a#aboutUs:hover, ul.navbar li:hover a#aboutUs { background-image: url("images/about_over.gif"); }
a#parentInfo { background:url("images/parent.gif") no-repeat; width:171px; height:39px; }
a#parentInfo:hover, ul.navbar li:hover a#parentInfo { background-image: url("images/parent_over.gif"); }
a#handbook { background:url("images/handbook.gif") no-repeat; width:134px; height:39px; }
a#handbook:hover, ul.navbar li:hover a#handbook { background-image: url("images/handbook_over.gif"); }
a#invitational { background:url("images/invitational.gif") no-repeat; width:257px; height:39px; }
a#invitational:hover, ul.navbar li:hover a#invitational { background-image: url("images/invitational_over.gif"); }

.menu .navbar :hover ul#teamMenu { margin-left:15px;}
.menu .navbar :hover ul#staffMenu {margin-left:120px; width:200px; } 
.menu .navbar :hover ul#aboutMenu { margin-left:110px; width:400px; }
.menu .navbar :hover ul#parentMenu { margin-left:120px; width:600px; }
.menu .navbar :hover ul#handbookMenu { margin-left:30px;}
.menu .navbar :hover ul#invMenu { margin-left:623px; width:100px;}

div#content { position:relative; margin:80px 0 0 0; }
h2#pageTitle { display:block; margin:0 0 0 0px; padding:17px 0 0 83px; height:50px; color:#cc0022; font-family:verdana,sans; font-size:22px; font-weight:normal; letter-spacing:2px; background:url("images/arrow.gif") 0px 0 no-repeat; }
/*width:600px; */
p#pageSummary, p#glassCategories { font-size:14px; display:block; margin:-15px 30px 30px 190px; width:620px; }
p#pageSummaryF { font-size:14px; display:block; margin:-15px 0px 30px 190px; width:650px; }
p#pageSummary a, p#pageSummaryF a, p#glassCategories a { font-size:12px; font-weight:bold; text-decoration:none; color:rgb(0,51,153); }
p#pageSummaryF a:hover { text-decoration:underline; }
p#pageSummaryF a:visited { color:rgb(0,51,153); }
p#pageSummary span, p#pageSummaryF spar { color:#cc0022; font-size:12px; }
p#pageSummary span.fee, p#pageSummaryF span.fee { color: red; font-weight: bold; }

#glassCategories { font-size:12px; display:block; width:620px; font-weight:normal; margin:-20px 30px 30px 83px; }
#glassCategories a { text-transform:uppercase; text-decoration:none; font-weight:normal; color:rgb(0,51,153); }
#glassCategories a:hover { color:#009aff; }
#glassCategories div { display:inline; padding:0px 2px 0px 2px; margin:0px 1px 0px 1px; }
#glassCategories span { color:#cc0022; font-size:12px; }
#glassCategories .catSelect { color:white; background:#cc0022; }
#glassCategories .catSelect a { color:white; }

ol.galOl { /*list-style:none; margin:0;*/ padding-left:30px; }
ol.galOl li { margin:3px 0 1px 0; }

table#schedule { border-collapse:collapse; width:780px; text-align:left; margin-left:30px; }
#tHead { background:#cc0022; }
th { font-family:verdana,sans; font-size:10px; font-weight:normal; letter-spacing:2px; color:white; padding:1px 0 1px 4px;}
td { vertical-align:top; padding:6px 0px 6px 4px; font-size:10px;}
td.meetTitle { width:200px; }
td.level { font-weight:bold; color:#cc0022; }
td strong {display:block; width:75px; }
#schedule a, #directory a { color:rgb(0,51,153); text-decoration:none; font-weight:bold;}
#schedule a:hover, #directory a:hover { color:#cc0022; }
tr { border-bottom:1px dotted #cc0022; }
div.evenRow { background: rgb(230,255,230); }
tr.evenRow, tr.oddRow { border-bottom: 1px dashed #c02; }
tr.evenRow:hover, tr.oddRow:hover { background: rgb(230,255,230); }

/*h3#dLevel { margin: 0 0 10px 30px; padding:0px; color:#cc0022; font-family:verdana,sans; font-size:22px; font-weight:normal; letter-spacing:2px; }*/
/*h3#dLevel { margin: 0 0 10px 0; padding:0px; color:#cc0022; font-family:verdana,sans; font-size:22px; font-weight:normal; letter-spacing:2px; }*/
/*table#directory { border-collapse:collapse; width:650px; text-align:left; margin-left:30px; }*/
table#directory { border-collapse:collapse; width:650px; text-align:left; margin:0px; }
td.gymnast, td.parents { width:100px; }
td.address { width:175px; }
td.phone { width:150px; }


div.postHeader { background:#efefef; border:1px solid black; border-bottom:none; margin:0 0 0px 4px; position:relative; width:834px; height:108px; }
#editArea .postHeader { border-bottom:1px solid black; margin-bottom:20px; width:828px; }
div.post { width:834px; margin:0 0 0 4px; position:relative; border-top:1px dotted black; border-bottom:1px dotted black; border-left:1px solid black; border-right:1px solid black; }
div.postHeader h3, div.postHeader h4, div#editArea .postHeader h3 { margin:0 0 0 83px; padding:0; font-size:24px; text-transform:none; font-weight:normal; }
div.postHeader h3, div#editArea .postHeader h3 { margin-top:24px; margin-bottom:4px; font-family:verdana,sans; letter-spacing:1px; }
div.postHeader h4 { font-size:16px; color:#cc0022; letter-spacing:1px; }
div.postFooter { background:#efefef; border:1px solid black; border-top:none; width:834px; padding:15px 0 15px 0; margin:0 0 15px 4px; }
div.datePage { position:absolute; top:8px; left:8px; width:69px; height:72px; padding-top:20px; background:url("images/cpage.gif") no-repeat; font-family:verdana,sans; font-size:22px; color:rgb(75,75,75); text-align:center; }
div.datePage span { font-size:28px; color:black; }
div.post p { display:block; margin:15px 83px 15px 83px; line-height:24px; font-size:12px; font-family:verdana,sans; }
div.post p a { color:black; background:url("images/Crystal_16_yast_default.gif") left top no-repeat; padding:0 0 0 18px; text-decoration:none; }
div.post p a:hover { color:#cc0022; }
p.dateEdit { display:block; text-align:right; font-style:italic; margin-right:8px; font-size:14px; }

div.bbHeader { color:white; line-height:28px; font-family:verdana,sans; text-transform:uppercase; border:1px solid #333; border-bottom:none; }
#editArea .bbHeader { border-bottom:1px solid #333;}
div.bbHeader h3,div#editArea div.bbHeader h3 { background:#cc0022; font-weight:normal; font-size:14px; letter-spacing:2px; margin:0 0 0 0px; padding-left:5px; }
div.bbHeader h4 { font-weight:normal; font-size:14px; text-align:right; border-top:1px solid #888; padding:0px 5px 0px 0; margin:0px 0px 0 0px; color:black; background:#ddd; opacity: .75; filter:alpha(opacity=75); }
div.bbHeader h4:hover { opacity: .90; filter: alpha(opacity=90); }
div.bbHeader h4 span { background:url("images/postit.gif") 0 2px no-repeat; padding-left:20px; }
div.bbPost { border:1px solid #333; border-top:1px solid #ccc; border-bottom:1px solid #ddd; }
div.bbPost p { margin:10px 5px 10px 5px; font-size:14px; line-height:20px; }
div.bbFooter { background:url("images/bg-green.gif") 0 0 repeat; color:#666; border:1px solid #333; border-top:none; height:28px; margin:0 0 20px 0; padding:0 5px 0 0; font-family:verdana,sans; font-size:14px; font-style:italic; font-weight:bold; text-transform:uppercase; text-align:right; line-height:28px; }
div.bbFooter p { margin:0; }

div#postArea, div#editArea  { padding:0 0px 0 30px; margin:0 0 0 0px; font-family:verdana,sans; }
div#postArea h3, div#editArea h3 { font-size:18px; font-weight:normal; text-transform:uppercase; margin:0 0 10px 30px; }
div#postArea h3 b{ color:#0099ff; }
div#editArea h3 b { color:#cc0022; }
ul.selectArea { display:inline; list-style:none; float:left; padding:0px; margin:0 20px 0 0px; border:1px solid black; background:white;}
ul.selectArea li { text-transform:uppercase; font-size:16px; color:#0099FF; font-weight:bold; margin:0 0 4px 0;}
ul.selectArea li span {display:block; padding:5px; background:#fff url("images/bg.gif") 0 0 repeat; text-align:center;}
ul.selectArea li ul { list-style:square; margin:0; padding:.2em 1.2em 0 1.2em; border-top:1px solid black;}
ul.selectArea li ul a { text-transform:none; text-decoration:none; display:block; font-size:12px; color:rgb(0,51,153); text-align:left; font-weight:normal; }
div#editArea h3 a { color:rgb(0,51,153); text-decoration:none;}
div#editArea .bbHeader h3 a:hover { color:white; }
ul.selectArea li ul a:hover,div#editArea .postHeader h3 a:hover { color:#cc0022; }

form { background:url("images/bg.gif") 0 0 repeat; border:1px solid black; /*padding:10px;*/ width:500px; padding:0 10px 0 10px; margin:0; }
input, textarea { background:#ffffff; width:493px; margin:0 0 12px 2px; color:black; font-family:verdana,sans; font-size:14px; border-top:1px solid black; border-left:1px solid black; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
input[type="text"], textarea { background:#ffffff; width:493px; margin:0 0 12px 2px; color:black; font-family:verdana,sans; font-size:14px; border-top:1px solid black; border-left:1px solid black; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
input[type="checkbox"] { background:#ffffff; width:15px; margin:1px 1px 2px 1px; font-size:14px; border-top:1px solid black; border-left:1px solid black; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
textarea { height:200px; }
#meet_start_date,#meet_end_date,#post,#edit { width:100px; }
#post, #edit { border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid black; border-right:1px solid black; }
textarea#post { width:493px; border-top:1px solid black; border-left:1px solid black; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
label { font-size:14px; text-transform:uppercase; margin-bottom:4px; }
button { width:200px; background:#ffffff; margin:0 30px 10px 0; color:black; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid black; border-right:1px solid black; }
div#editArea form a, div#postArea form a { text-decoration:none }
/*div#editArea form, div#postArea form { margin:0 0 0 30px; padding:0 0 0 30px; }*/

/* check the "login" section below too */
/*edit info*/
/*.gpAdmin { margin-left:30px; }*/
.gpAdmin { padding-left:30px; /*margin-left:30px;*/ }
.gpAdmin form { /*border:none;*/ background:white; padding:0px 10px 0px 10px; width:500px; margin-bottom:0px; margin-top:0px; padding-bottom:0px; opacity: .75; filter:alpha(opacity=75); }
.gpAdmin input[type="text"], .gpAdmin input[type="password"] { background:#ffffff; /*width:493px;*/ width:493px; font-size:14px; border-top:1px solid black; border-left:1px solid black; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.gpAdmin textarea { height:60px; }
.gpAdmin #cpass { width:200px; color:rgb(0,51,153); border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid black; border-right:1px solid black; }
.gpAdmin button { width:200px; background:#ffffff; margin:0 30px 10px 0; color:rgb(0,51,153); border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid black; border-right:1px solid black; }
.gpAdmin label { background:none; color:black; width:493px; font-weight:normal; opacity: 1; filter:alpha(opacity=100); }
.gpAdmin form a { text-decoration:none; }
.gpAdmin h2 { color:rgb(0,51,153); }
.gpAdmin a { color:rgb(0,51,153); text-decoration:none; font-weight:bold; }
.gpAdmin a:hover { color:#cc0022; }
.gpAdmin li { list-style:square; color:gray; }
/*.gpAdmin p { width:350px;  }*/
.gpAdmin p { /*color:#cc0022;*/ font-size:12px; }
.gpAdmin p span { color:#cc0022; }

.editAccount { float:left; display:inline; margin-left:0px; width:530px; font-size:11px; }

#leftColumn { /*margin-left:30px;*/ padding-left:30px; width:150px; float:left; display:inline; border-right:1px solid gray; }
#leftColumn a { color:rgb(0,51,153); text-decoration:none; }
#leftColumn a:hover { color:#cc0022; }
#leftColumn a span { color:gray; }
#rightColumn { margin-left:225px; }
#rightColumn h3 { font-weight:normal; font-size:18px; color:#0099ff; }
#rightColumn h3 em { color:#cc0022; font-style:normal; }
#rightColumn h3 span { color:black; }
#staffImg { float:left; display:inline; }
#rightColumn p { margin-left:175px; padding-right:30px; }

/*h2#pageTitle h3 { font-weight:normal; font-size:18px; color:#0099ff; }*/
h2#pageTitle em { color:#0099ff; }
h2#pageTitle span { color:black; }

/*edit date*/
#lastUpdated, #viewPast { margin-left:30px; }
#viewPast { font-weight:bold; }
#lastUpdated span, #viewPast span { color:#cc0022; }
#viewPast a { color:#cc0022; text-decoration:none; }
#viewPast a:hover { color:rgb(0,51,153); text-decoration:none; }

/*FAQ*/
.faq li { margin:2px 0 2px 0; padding:2px; font-size:14px; }
/*.faq a { color:black; text-decoration:none; border-bottom:1px dotted black; }
.faq a:hover { color:#cc0022; border-bottom-color:#cc0022; } */
/*p.faq  { margin:0 4px 10px 4px; padding:10px 2px 10px 2px; }*/
/*.faq a { color:rgb(0,51,153); }
.faq a:hover { color:#009aff; }*/
p.faq { margin-top:0px; padding-top:0px; }
.faq li.evenRow, p.evenRow { background: rgb(230,255,230); }
h2#faq, h2#anshead { color:white; background:#cc0022; font-weight:normal; font-size:14px; letter-spacing:2px; margin:0 0 0 0px; padding-left:5px; }
.leftcol { width:400px; position:relative; float:left; display:inline; margin:0 0 0 10px; }
/*.rightcol { position:relative; width:400px; margin-left:422px; }*/
.rightcol { position:relative; width:610px; /*margin-left:30px;*/ padding-left:30px; /*margin-right:30px;*/ float:left; }
.hideans { display:none; }
.showans { display:block; }
.answers h3 { color:#cc0022; font-weight:normal; font-size:16px; margin-bottom:4px; padding-bottom:0px; margin-top:0px; padding-top:0px; }

/*Teamphotos*/
/*#levelPhotos { float:left; display:inline; width:100%; border:solid 1px black; }*/
#levelPhotos { float:left; width:679px; /*margin-top:70px;*/}
#teamPhoto { float:left; display:inline; margin-left:10px; }
/*img.level10, img.level8 { width:515px; height:368px; }
img.level9 { width:515px; height:598px; }
img.level8 { width:515px; height:627px; }
img.level7 { width:515px; height:393px; }
img.level6 { width:515px; height:412px; }
img.level5 { width:515px; height:368px; }
img.level4 { width:515px; height:368px; }
img.levelpreteam { width:515px; height:415px; }*/

#levelMembers { float:left; display:inline; width:124px; margin-left:30px; }
#levelMembers h3 { color:#cc0022; font-family:verdana,sans; font-size:18px; font-weight:normal; margin-bottom:5px; margin-top:0px; }
#levelMembers ul { padding:0px; margin:0px; }
#levelMembers li { list-style:none; }
#levelMembers a, #levelMembers a:visited { text-decoration:none; color:#009aff; }
#levelMembers a:hover { color:rgb(0,51,153); }

/*About area - Gym*/
.aboutL { float:left; display:inline; width:250px; margin:0 30px 0 30px; }
.aboutL p { margin-top:4px; margin-bottom:30px; }
.aboutL .title { margin:0; padding:0 4px 0 4px; font-size:12px; font-weight:normal; color:white; background:#cc0022; }
.title { margin:0; padding:0 4px 0 4px; font-size:12px; font-weight:normal; color:white; background:#cc0022; }
#gym { width:100%; }
.gymM { float:left; display:inline; }
.gymR { float:right; display:inline; }
#directions { width:100%; }
.direction { float:left; display:inline; width:146px; margin-right:30px; }
.direction ul { padding:0px; margin:0px; }
.direction li { list-style:none; color:#cc0022; font-family:verdana,sans; font-size:11px; font-weight:bold; margin-bottom:15px; }
.direction li span { color:black; font-weight:normal; }
#contactUs { width:100%; margin-top:50px; }
.contact { width:172px; margin-left:30px; float:left; display:inline; font-size:13px; }
.contact span { font-size:14px; font-weight:bold; color:#cc0022; }
#contactUs p { margin-left:30px; margin-top:30px; }

/*parent info*/
.welcome { display:block; margin:-15px 30px 30px 190px; width:620px; }
.postArea { float:left; display:inline; margin:0px 30px 0px 0px; padding-left:30px; width:550px;}
/*.postArea { float:left; display:inline; margin:0px 24px 0px 24px; padding:0 6px 0 6px; width:550px;}*/
.postArea p { line-height:16px; }
/*.postArea { background:rgba(255,255,255,.7); }*/
.titleL, .titleM { font-size:18px; }
.titleL { color:#cc0022; }
.titleM { color:#009aff; }/*opacity: .75; filter:alpha(opacity=75)*/
.titleR { color:black; font-size:12px; }
.alumInfo { float:left; display:inline; margin-left:15px; width:400px; font-size:11px; }
.alumInfo span { color:#636466; }
.alumInfo .quote { color:#636466; font-size:13px; font-weight:bold; font-style:italic; margin-bottom:20px; }
.alumInfo a { color:rgb(0,51,153); text-decoration:none; }
.alumInfo a:hover { color:#009aff; }
.alumPic { float:left; display:inline; width:134px; }
.calendar { display:block; margin:-15px 30px 30px 30px; width:780px; }
.calendar img { float:left; display:inline; }/*width: 226px; height:120px; }*/
.calendar img.blank { width:226px; height:172px; }
.cDetails { float:right; display:inline; right:30px; width:370px; }
.cDetails b { color:rgb(0,51,153); }
.cMonth { color:#cc0022; margin-left:35px; }
.forms { float:left; display:inline; margin-left:30px; width:172px; }
.forms span { color:white; background:#cc0022; font-size:12px; font-weight:normal; padding:1px 2px 1px 2px; margin:0px; display:block; }
.forms img { /*width:169px; height:350px;*/ border:solid 1px #cccccc; padding:0px; margin:30px 0 0 0; }

/*handbook area*/
.know { color:#cc0022; }
.know span { float:left; display:inline; }
.know span.text { color:black; margin-left:10px; margin-bottom:4px; width:585px; /*border:solid 1px gray;*/ display:block; }
.thesport a { text-decoration:none; color:rgb(0,51,153); font-weight:bold; }
.thesport a:hover { color:#009aff; }
.thesport h3 { color:#cc0022; font-size:18px; font-weight:normal; margin-top:0px; padding-top:0px; }
.thesport h4 { margin-bottom:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; }
.thesport p span { color:#cc0022; font-weight:bold; }
.expectLevel { float:left; display:inline; margin-left:10px; width:200px; background:rgb(0,51,153); color:white; padding:7px 7px 15px 7px; }
.expectLevel span { font-size:18px; }
.expectLevel span.note { font-size:10px; }
.expectRight { float:left; display:inline; margin-left:30px; width:400px; }
.expectRight a { text-decoration:none; color:rgb(0,51,153); font-weight:bold; }
.expectRight a:hover { color:#009aff; }
.welcome span.positions { float:left; display:inline }
.welcome span.officers { float:left; display:inline; margin-left:60px; }


/*scrollbar stuff*/
.scrollLeft { /*margin-left:30px;*/ padding-left:30px; height:300px; width:130px; float:left; display:inline; overflow:auto; border:0px; /*border-right:1px solid gray;*/ }
.scrollLeft ul { height:299px; width:110px; /*overflow:auto;*/ border:0px; padding:0px; margin:0px; }
.scrollLeft li { list-style:none; color:gray; margin-bottom:10px; }
.scrollLeft li a { text-decoration:none; color:rgb(0,51,153); font-weight:bold; font-size:11px; }
.scrollLeft li a:hover { color:#009aff; }
.scrollLeft li.tMonth { color:white; margin: 22px 0 10px 0; } /*background:#cc0022; }*/
.scrollLeft li.tMonthTop { color:white; margin: 0px 0 10px 0; }
.tMonth span { background:#cc0022; padding: 1px 2px 1px 2px; }

.scrollLeft li.aYear { color:white; margin: 22px 0 10px 0; }
.scrollLeft li.aYear span { background:#cc0022; padding: 1px 2px 1px 2px; }
.scrollLeft li.aYearTop { margin: 1px 0px 10px 0px; }

/*directory stuff*/
.directory { float:left; display:inline; /*height:300px;*/ width:120px; /*margin-left:30px;*/ padding-left:30px; /*overflow:auto;*/ border:0px; }
.directory a { text-decoration:none; color:rgb(0,51,153); font-size:11px; }
.directory a:hover { color:#009aff; }
.directory ul { width:74px; border:0px; padding:5px 8px 5px 8px; margin:0px; border:solid 1px #CCCCCC; }
.directory li { list-style:none; color:gray; margin-bottom:2px; }
.directory li a { text-decoration:none; color:rgb(0,51,153); font-weight:bold; font-size:11px; }
.directory li a:hover { color:#009aff; }
.directory span { color:#cc0022; }
.directory span.tab { color:white; background:#cc0022; padding-left:4px; padding-right:4px; }
.directory form { width:74px; padding:0px; margin:0px; border:none; background:none; }
.directory input { width:90px; padding:0px; margin:0px; border:solid 1px #CCCCCC; }
.directory button { width:74px; margin:2px 0 0 0; border:solid 1px #CCCCCC; }
.dArea { margin-right:30px; }
h3#dLevel { margin: 0 0 10px 0; padding:0px; color:#cc0022; font-family:verdana,sans; font-size:22px; font-weight:normal; letter-spacing:2px; }

/*home/start page*/
#homeL { float:left; display:inline; padding-left:30px; width:120px; }
#homeL span { margin:0px; padding:0 4px 0 4px; color:white; background:#cc0022; display:block; }
#homeL ul { margin:0px; padding:0px }
#homeL li { list-style:none; margin-bottom:5px; }
#homeL a { text-decoration:none; color:rgb(0,51,153); font-size:10px; font-weight:bold; }
#homeL a:hover { color:#009aff; }
#homeR { float:right; display:inline; margin-right:30px; }
#homeR img { width:615px; height:440px; }

#homeL2 { float:left; display:inline; width:273px; /*border-right:dotted 1px #cc0022;*/ }
/*#homeL2 { float:left; display:inline; padding-left:30px; width:213px; }*/
/*#homeL2 span { margin:0px; padding:0 4px 0 4px; color:white; background:#cc0022; display:block; }*/
#homeL2 ul { margin:0px; padding:0px 30px 0 30px; }
#homeL2 li { list-style:none; margin-bottom:5px; /*padding-bottom:10px;*/ }
#homeL2 li.chatter { padding-bottom:15px; }
#homeL2 span { margin:0px; padding:0 4px 0 4px; color:white; background:#cc0022; /*display:block;*/ }
#homeL2 span.date, #homeR2 span.date { margin:0px; padding:2px 0px 10px 0px; color:gray; background:none; font-size:10px; }
#homeL2 span.summary { margin:0px; padding:0px; color:black; background:none; font-size:11px; display:block; }
/*#homeL2 ul { margin:0px; padding:0px }*/
/*#homeL2 ul { margin:0px; padding:0px 30px 0 30px; }
#homeL2 li { list-style:none; margin-bottom:5px; padding-bottom:10px; }*/
#homeL2 a { text-decoration:none; color:rgb(0,51,153); font-size:11px; font-weight:bold; }
#homeL2 a:hover { color:#009aff; }

#homeR2 { float:right; display:inline; /*padding-right:30px; padding-left:30px;*/ /*border-bottom:dotted 1px #cc0022;*/ border-left:dotted 1px #cc0022; /*width:506px;*/ width:566px; padding:15px 0 15px 0; }
#homeR2 img { width:500px; /*height:358px;*/ border:none; padding:0 30px 0 30px; }
#homeR2 p { margin:2px 0 4px 0; }

h2#pageTitle2 { /*display:block; */margin:0 0 0 0px; padding:17px 0 0 83px; height:130px; color:#cc0022; font-family:verdana,sans; font-size:22px; font-weight:normal; letter-spacing:2px; background:url("images/chatterbox.gif") 0px 0 no-repeat; }

#homeImgScroll { width:506px; padding:0 30px 0 30px; border-bottom:dotted 1px #cc0022; }
#scrollBox1 { margin:15px 0 30px 0; /*height:100px;*/ width:500px; overflow-x:scroll; overflow-y:hidden; padding-bottom:10px; /*margin-bottom:30px;*/ }
#scrollBox2 { width:950px; }
#homeR2 .homeArticle { width:500px; padding:0 30px 0 30px; }
#homeR2 .homeArticle h3 { margin:15px 0 0 0; /*padding:0 4px 0 4px;*/ color:#cc0022; /*display:block;*/ font-weight:normal; font-size:13px; }
#homeR2 .homeArticleTop h3 { margin:20px 0 0 0; }
#homeR2 .homeArticle h3 span { color:#009aff; }

#homeImgScroll img { padding:0 10px 0 5px; width:100px; /*height:75px;*/ vertical-align:middle; }
/*#homeID img { width:100px; height:75px; display:inline; float:left; }*/

#redRight { border-top:dotted 1px #cc0022; border-right:dotted 1px red; width:273px; height:500px; }

/*login box*/
.login { margin-left:30px; margin-bottom:0px; padding-bottom:0px; border-right:1px solid #ccc; border-bottom:solid 1px #ccc; width:320px; }
.login h3 { background:#cc0022; color:white; padding:0 10px 0 10px; margin-bottom:0px; width:300px; }
.login h4 { background:/*#0099ff;*/#FAFF89;/*white;*/ color:black;/*white;#cc0022;rgb(0,51,153);*/
    padding:1px 5px 2px 5px;
    margin-bottom:2px; margin-top:1px; 
    /*width:300px; 
    opacity: .50; filter:alpha(opacity=50); */
    opacity: 1; filter:alpha(opacity=100);
    /*border-bottom:solid 1px gray;#cc0022;*/ 
    border:solid 1px gray;/*#cc0022;*/ }
/*.login h4 span { opacity: 1; filter:alpha(opacity=100); }*/
/*background:#0099FF; color:white; opacity: .75; filter:alpha(opacity=75);background:#0099FF; color:white; opacity: .75; filter:alpha(opacity=75);*/
.login form { border:none; padding:5px 10px 0px 10px; width:300px; margin-bottom:0px; margin-top:0px; padding-bottom:0px; opacity: .75; filter:alpha(opacity=75); }
.login input { width:293px; font-size:14px; border-top:1px solid black; border-left:1px solid black; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
/*.login #submit, .login #reset { width:60px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid black; border-right:1px solid black; }*/
.login button { width:100px; margin:0; }
.login span { margin:0 0 0 30px; /*padding:0px 10px 1px 10px;*/ font-size:14px;
/*    background:white; 
    color:black;
border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid black; border-right:1px solid black;*/
} 
/*.login button[name="submit"] { width:100px; margin:0; }
.login button[name="reset"] { width:160px; margin:0 0 0 20px; }*/
.login a { text-decoration:none; }
.login span a { color:rgb(0,51,153); /*color:black;*/ }
.login span a:hover { color:#009aff; }

/*login info*/
#loginInfo { position:absolute; top:0px; margin-top:0px; padding-top:3px; width:840px; height:20px; background:#0099FF; color:white; opacity: .75; filter:alpha(opacity=75); }
#loginSolid { position:absolute; top:0px; margin-top:0px; padding-top:3px; width:840px; height:20px; color:white; }
#loginSolid span { float:left; display:inline; margin-left:10px; color:white; }
#loginSolid span.loginInfo { color:yellow; font-weight:bold; }
#loginSolid span.uname { float:left; display:inline; margin-left:4px; }
#loginSolid span.logout { float:right; display:inline; margin-right:10px; }
#loginSolid span.editInfo { float:right; display:inline; }
#loginSolid a { color:white; text-decoration:none; }
#loginSolid a:hover { color:yellow; }

/*registration page*/
.info { margin-left:30px; padding:10px 0 0px 0; }

/*footer*/
#footer { text-align:right; line-height:10px; /*background:#63BEEA;*/ color:white; font-weight:bold; padding:0 0px 5px 0px; margin:0 0 0px 0; /*border-bottom:solid 1px white;*/ /*border-top:solid 1px white;*/ /*text-decoration:underline overline;*/ }
#footer span { width:840px; background:#63beea; padding:0px 10px 1px 10px; margin:0; }
#footer a { text-decoration:none; color:white; }
#footer a:hover { /*text-decoration:underline;*/ color:rgb(0,51,153); }

.clearAll { clear:both; }