/* SFBTA style sheet 6-09-2*/

html {width:1000px; padding:0px; margin:0px;}
body {background-color:#F4BE49; margin-top:15px;}

/*Main Container styling*/

.container {z-index:1; position:absolute; left:500px; margin-left:-385px; width:770px; background:#ff9; border:1px solid #DDCA7A;	padding: 5px 5px 0px 5px;}
h1 {background: url("../images/topBanner.gif") no-repeat top left; width: 770px; height: 134px;	text-indent: -9999px; margin:  0px;	padding: 0px; z-index:1;}
h2 {position:absolute; top:90px; left:35px; font-family:Comic Sans MS; font-size:15px; color:#c2481d/*d35c32*/;}

/* LOGO POSITIONING*/
.topLogo {position:absolute; top:5px;left:555px;z-index:50;}


/* Top Navigation Bar Styling*/
ul#topNav {position:relative; list-style-type:none; padding:0; margin:0; width:750px;}
ul#topNav li { display:inline; font-family: Comic Sans MS; font-size: 15px; text-align: center; height: 35px; background: url("../images/navBar2.jpg") repeat-x; padding:0px; border-left:1px solid #000; line-height:33px;}
li#home {position: absolute; top: 0px; left: 0px; width: 64px;}
li#about {position: absolute; top: 0px; left: 65px; width: 62px;}
li#conferences {position: absolute; top: 0px; left: 128px; width: 114px;}
li#products {position: absolute; top: 0px; left: 243px; width: 92px; }
li#training {position: absolute; top: 0px; left: 336px; width: 82px;}
li#research {position: absolute; top: 0px; left: 419px; width: 90px;}
li#scholarships {position: absolute; top: 0px; left: 510px; width: 110px;}
li#links {position: absolute; top: 0px; left: 621px; width: 68px;}
li#contact {position: absolute; top: 0px; left: 690px; width: 79px;}
ul#topNav li a {display:block; color: #ffffff; text-decoration: none; height: 35px;}
ul#topNav li:hover {display: block; background: url("../images/navBar_on.jpg") repeat-x top;}

/* LEFT COLUMN news/announcements */
ul#news {position: relative; list-style-type: none; background-color: #fffd8c; border: solid 1px #DDCA7A; margin: 70px 0px 20px 0px; float: left;	width: 200px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
#news li {width: 190px; background: url("../images/line.png") no-repeat bottom;	/*border-bottom: 2px dotted #993333;*/ padding:1em 0px 2em; margin:0 auto;}
#news li.colhead1, #articles li.colhead1 {width: 197px; font-family: Comic Sans MS; font-size: 17px; font-weight: bold; color:#993333; padding:.5em 0 0 ; text-align: center; background-image:none;}
#news li a, #articles li a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#993333; font-weight: normal; }
#news li a:hover, #articles li a:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#993333; font-weight: normal; text-decoration:none; }
#news img {  margin: 12px 12px 0px 0px;}
#news #cup {float:left; margin:4px 12px 0 0;}
li.news span {margin-left:0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

/* DROP DOWN MENU STYLES*/
#dropmenudiv{position:absolute;font-family:Comic Sans MS ;border: 2px solid #993333;line-height:18px; z-index:100;}
#dropmenudiv a{color: #932A11; display: block; text-indent: 15px; border-bottom: 0; padding: 1px 0; text-decoration: none;}
#dropmenudiv a:hover{font-family:Comic Sans MS; color: #fff/*F17E4B*/; background-color: #993333;}

/* Center Column Events*/
.colhead {font-family: Comic Sans MS; font-size: 22px; font-weight: bold; color:#993333; padding-bottom: 0; padding-top:.5em;}
#center {border:none; float: left;padding-top: 15px;width: 326px;margin: 65px 20px 20px;text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px;}
#center .caption {margin: 3px 0px 10px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; text-align:center;}
#center img {margin: 15px 0px 0px 0px; border: 1px solid #000;}
#center a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#993333; margin:0;}
#center a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#993333;text-decoration:none;}
#center ul {border:none;text-align:left;text-indent:0; padding:0;width:324px; margin:0 auto;line-height:25px;list-style-image:url("images/arrow.png");list-style-position:inside; }
.lftText {text-align:left;font-size:13px;}
.bold {font-weight:bold;}
#center #banAd {margin:0px 0 20px;}
#banAdd{margin: 15px auto; border: 1px solid #000;}
/* Right Column Articles*/
#articles {position: relative; list-style-type: none; background-color: #fffd8c; border: 1px solid #DDCA7A; margin: 70px 0px 20px 0px; float:right;	width: 200px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
#articles li {width: 190px; background: url("../images/line.png") no-repeat bottom;	/*border-bottom: 2px dotted #993333;*/ padding:1em 0px 2em; margin:0 auto;} 
#articles img {float:left; margin:4px 12px 0 0;}
#articles li p {margin:0 auto 10px ; font-size:12px;font-weight:bold; color:#323232;}
li#quotearea {margin:25px auto; width:170px;padding:7px; background:#fefb78;}
#quoteText img {margin:4px auto 4px 15px; }
#news li.last, #articles li.last {background-image:none; padding-bottom:1em;}

/* footer styling*/
#footer {clear:left; width:782px; border-top: 2px solid #DDCA7A; height:25px; margin: 0 -5px; padding:0; text-align:center;}
#footer li {display: inline; line-height:27px; font-size: 12px; padding: 0 10px;} 
#footer a {font-family: Comic Sans MS; color: #DDCA7A; font-size: 12px; text-decoration: none; }
#footer a:hover {font-family: Comic Sans MS; color: #993333; font-size: 12px; text-decoration: underline;}
#upperFooter {clear:left; width:782px; height:25px; margin: 0 -5px; padding:0; text-align:left;}
#upperFooter li {display: inline; line-height:27px; font-size: 12px; padding: 0 10px; font-family: Comic Sans MS; color: #993333; } 
#upperFooter a {font-family: Comic Sans MS; color: #DDCA7A; font-size: 12px; text-decoration: none; }
#upperFooter a:hover {font-family: Comic Sans MS; color: #993333; font-size: 12px; text-decoration: underline;}

.otherLinks {clear:left; width:192px; height:15px; margin: 10px auto; padding:0; text-align:center; border:none;  font-size: 10px; color: #993333;}
.otherLinks a {font-family: Comic Sans MS; padding:0 2px; color: #993333; font-size: 11px; text-decoration: underline; border:none; }
.otherLinks a:hover{font-family: Comic Sans MS; color: #993333; font-size: 11px; text-decoration:none; border:none;}
#center .noBorder {border:none;}
#center .lftMargin {margin-left:30px; font-size:12px;line-height:12px;}