/*
 *    BSCC website stylesheet
 *    copyright 2010 Jonah Jones
 */


/* general settings */
body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin:0; font-size:12px; line-height:130%; color:#333; background:white; }
img { border:0 }
li { margin-top:10px; }
a { color:#625B6C; }
p { margin-top:0px; margin-bottom:10px; line-height:18px; }
td { font-size:12px; }




/* global page elements */
#BSCCLogo { position:absolute; left:15px; top:65px; }
#login { position:absolute; left:557px; top:0px; }
#loginDetails { position:absolute; left:240px; top:3px; height:20px; width:300px; text-align:right; color:#666; font-size:11px; }
#strapline { position:absolute; left:510px; top:80px; }
#nav { position:absolute; top:111px; left:10px; }
#navbar { position:absolute; top:120px; left:25px; color:white; font-size:16px; }
#navbar a { color:white; text-decoration:none; font-size:11px; font-weight:bold; }
#pageTitle { position:absolute; top:147px; left:24px; font-family:Arial, Helvetica, sans-serif; font-size:27px; color:white; font-weight:normal; line-height:27px; }

/* columns */
#column1 { position:absolute; left:10px; top:210px; width:130px; z-index:200; }
#column2 { position:absolute; left:10px; top:210px; width:395px; padding:0px 0px 30px 150px; background:url('../images/topline.gif') no-repeat; width:"545px" }
#column3 { position:absolute; left:585px; top:210px; width:180px; }

#column2wide { position:absolute; left:10px; top:210px; width:595px; background:url('../images/toplinewide.gif') no-repeat; padding:0px 10px 30px 150px; width:"745px" }

#listResultsLabel { position:absolute; left:160px; width:200px; top:255px; background:white; width:400px; height:30px; padding:15px 0px 0px 200px; font-weight:normal; font-family:Arial; color:#666; font-size:15px; margin:5px 0px 15px 0px; }
#listResultsColumn1 { position:absolute; left:360px; width:180px; top:310px; padding-bottom:30px; }
#listResultsColumn2 { position:absolute; left:590px; width:180px; top:310px; padding-bottom:30px; }

#listResultsColumn1Wide { position:absolute; left:160px; width:280px; top:310px; padding-bottom:30px; }
#listResultsColumn2Wide { position:absolute; left:490px; width:280px; top:310px; padding-bottom:30px; }

.RSSLink { margin:-0px -10px 20px 20px; float:right; }
.NewsletterLink { margin:-10px -10px 20px 20px; clear:both; float:right; }
.ASMBox { background:#eee url('../images/corner.gif') top right no-repeat; padding:1px 15px 15px 15px; }
.WhiteBox { margin:15px 0px 15px 0px; border:1px solid #000; padding:15px 10px 10px 10px; }

.AdminBox { margin:15px 0px 15px 0px; background:#666; color:white; padding:15px 10px 10px 10px; }
#column1 .AdminBox h1 { color:#ccc; font-size:16px; font-weight:bold; margin:0px 0px 15px 0px; }
#column1 .AdminBox a { color:#fff; font-weight:bold; border:none; display:block; text-decoration:none; padding:0px 0px 0px 20px; margin-bottom:5px; background:url('../images/link_arrow_light.gif') no-repeat; }


/* Link lists (with arrows) */
a.LinkList ,
a.LinkListInline,
a.LinkListTight,
a.LinkListSmall { text-decoration:none; padding-left:20px; margin-bottom:5px; background:url('../images/link_arrow.gif') 0px 2px no-repeat; }
a.LinkList { display:block; }
a.LinkListInline { position:absolute; left:500px }
a.LinkListTight { position:relative; left:25px; top:-10px; }
a.LinkListSmall { display:block; font-size:11px; }

a.AdminAction ,
a.AdminActionTight { text-decoration:none; font-weight:bold; padding-left:20px; margin-bottom:5px; background:url('../images/link_arrow.gif') 0px 2px no-repeat; margin-right:30px; color:#999 !important; }
a.AdminActionTight { font-weight:normal; position:relative; left:25px; top:-10px; }

a.ArchiveLink { display:block; text-decoration:none; }
a.ArchiveLink p { padding-top:5px; margin-bottom:20px; color:black; }

a.MoreLink { display:block; text-decoration:none; text-align:right; margin-bottom:5px; font-weight:bold; }



/* Tables */
.DateTable { width:100%; margin:10px 0px 10px 0px; }
.DateTable td { padding:4px 0px 4px 0px; vertical-align:top; }
.DateTable .Label { color:#333; font-weight:bold; width:110px; padding-right:10px; }
.DateTable .LabelMed { color:#333; font-weight:bold; width:180px; padding-right:10px; }
.DateTable .LabelWide { color:#333; font-weight:bold; width:250px; padding-right:10px; }

span.LightText { display:block; color:#999; margin:2px 0px 0px 0px; font-weight:normal; }
span.LightTextInline { color:#999; margin:0px 0px 0px 10px; font-weight:normal; }


/* Download links */
.PDFPara , .PPTPara , .TXTPara { display:block; padding-left:25px; margin:15px 0px 15px 0px; text-decoration:none; }
.PDFPara { background: url(../images/pdf_small.gif) top left no-repeat; }
.PPTPara { background: url(../images/ppt_small.gif) top left no-repeat; }
.TXTPara { background: url(../images/txt_small.gif) top left no-repeat; }

.PDFParaBig { display:block; padding-left:35px; margin:4px 0px 4px 0px; background: url(../images/pdf_med.gif) top left no-repeat; height:30px; text-decoration:none; }


/* index page */
#box1 { position:absolute; top:380px; left:12px; width:179px; height:107px; }
#box2 { position:absolute; top:380px; left:202px; width:179px; height:107px; }
#box3 { position:absolute; top:380px; left:392px; width:179px; height:107px; }
#box4 { position:absolute; top:380px; left:582px; width:179px; height:107px; }
#indexFooter { position:absolute; top:500px; left:10px; width:745px; height:20px; font-size:10px; padding:5px; border-top:1px solid #ccc;  }

#indexIntro { position:absolute; top:180px; left:45px; color:white; width:500px; font-size:11px; }
#indexIntro h1 { font-weight:normal; font-family:Arial; color:#fff; font-size:16px; margin:0px 0px 15px 0px; }
/*#indexIntro p { line-height:14px; margin-bottom:6px; }
#indexIntro p.Small { margin-bottom:4px; line-height:13px; font-size:10px; }

#indexIntro ol { margin:0px 0px 12px 0px; }
#indexIntro li { margin-top:4px; line-height:14px; }*/

.Footer { margin-top:50px; width:730px; font-size:14px; position:relative; left:-135px; }
.Footer a { font-size:10px; padding:0px 0px 0px 0px; text-decoration:none; }

.Label { color:#0078b9; font-weight:bold; padding-right:2px; }
.FooterLabel { color:#93081c; padding-left:10px; }
.NoPad { padding:0px; }
.Pre { white-space:pre-wrap; }


/* summary pages */

#column1 h1 { font-weight:normal; font-family:Arial; color:#333; font-size:22px; margin:25px 0px 0px 0px; }
#column1 h2 { font-weight:normal; font-family:Arial; color:#666; font-size:15px; margin:5px 0px 15px 0px; }
#column1 a { display:block; text-decoration:none; padding:3px 0px 3px 0px; border-bottom:1px dotted #999; }

#column2 h1 , #column2wide h1 { text-transform:uppercase; font-weight:normal; font-family:Arial; color:#666; font-size:14px; margin:20px 0px 15px 0px; }
#column2 h2 , #column2wide h2 { font-weight:normal; font-family:Arial; font-size:16px; margin:20px 0px 10px 0px; line-height:19px; }
#column2 h3 , #column2wide h3 { font-weight:normal; font-size:12px; margin:15px 0px 5px 0px; }
#column2 h4 , #column2wide h4 { font-weight:bold; font-size:11px; margin:15px 0px 5px 0px; color:#999; }

#column3 h1 { text-transform:uppercase; font-weight:normal; font-family:Arial; color:#333; font-size:15px; margin:0px 0px 5px 0px; }
#column3 h2 { font-weight:bold; font-size:11px; margin:0px 0px 5px 0px; }
#column3 h3 { color:#000; font-weight:normal; font-size:11px; margin:0px 0px 5px 0px; }
#column3 p { font-size:11px; }
#column3 .Spacer { height:15px; border-top:1px dotted #999; border-bottom:none; }




#back { display:block; margin:20px 0px 15px 0px; }


.InputDay { width:16px; }
.InputYear { width:30px; }

.InputNarrow { width:80px; }
.InputWide { width:160px; }
.InputWider { width:260px; }
.InputWidest { width:360px; }
.InputFullWidth { width:500px; }
input { padding:0px 5px 0px 5px; }
textarea { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; padding:2px 5px 2px 5px; }

input.SubmitButton { position:relative; top:0px; left:155px; }

h1 .BracketLeft { font-weight:bold; font-size:22px; padding-right:5px; color:#000; }
h1 .BracketRight { font-weight:bold; font-size:22px; padding-left:5px; color:#000; }

.Spacer { height:15px; border-bottom:1px dotted #999; }
.SpacerThin { height:8px; }

input.LoginInput { background:white !important; }


/* news page */
.News a ,
.News h2 ,
.News h3 ,
.News .Footer a.NewsNav { color:#0085b5; }
.News a:hover { color:#004585; }
.News .Footer a { color:#666; }


/* membership page */
.Membership a ,
.Membership h2 ,
.Membership h3 ,
.Membership .Footer a.MembershipNav { color:#ad8c00; }
.Membership a:hover { color:#7d4c00; }
.Membership .Footer a { color:#666; }


/* resources page */
.Resources a ,
.Resources h2 ,
.Resources h3 ,
.Resources .Footer a.ResourcesNav { color:#81315b; }
.Resources a:hover { color:#41011b; }
.Resources .Footer a { color:#666; }


/* meetings page */
.Meetings a ,
.Meetings h2 ,
.Meetings h3 ,
.Meetings .Footer a.MeetingsNav { color:#a80047; }
.Meetings a:hover { color:#780007; }
.Meetings .Footer a { color:#666; }


/* labs page */
.Labs a ,
.Labs h2 ,
.Labs h3 ,
.Labs .Footer a.LabsNav { color:#4a8000; }
.Labs a:hover { color:#0a4000; }
.Labs .Footer a { color:#666; }


/* login page */
.Login a ,
.Login h2 ,
.Login h3 ,
.Login .Footer a.LoginNav { color:#008ca6; }
.Login a:hover { color:#004c76; }
.Login .Footer a { color:#666; }


/* forum page */
.Forum a ,
.Forum h2 ,
.Forum h3 ,
.Forum .Footer a.ForumNav { color:#ff4d1b; }
.Forum a:hover { color:#bf0d0b; }
.Forum .Footer a { color:#666; }
a.ForumTitle { display:block; margin-top:20px; margin-bottom:2px; font-size:15px; text-decoration:none; }

/* research page */
.Research a ,
.Research h2 ,
.Research h3 ,
.Research .Footer a.ResearchNav { color:#016; }
.Research a:hover { color:#002; }
.Research .Footer a { color:#666; }



.Hidden { font-size:1px !important; text-decoration:none !important; color:white !important; }




/* PRINT CSS */

@media print {

  #column1 ,
  #back ,
  #login ,
  #loginDetails { display:none; }
  
  
  #column2 { left:0px; top:145px; width:375px; padding:0px 0px 30px 0px; }
  #column3 { position:absolute; left:390px; top:145px; width:180px; }
  
  #column2wide { position:absolute; left:0px; top:145px; width:570px; padding:0px 0px 30px 0px; }

  #listResultsLabel { left:140px; top:230px; padding:15px 0px 0px 50px; }
  #listResultsColumn1 { left:170px; top:285px; }
  #listResultsColumn2 { left:380px; top:285px; }
  
  #BSCCLogo { left:5px; top:0px; }
  #strapline { position:absolute; left:320px; top:15px; }
  #nav { left:0px; width:570px; top:45px; }

}