/* ------------------------------------ *
 SFSI CSS v2.0b
 * ------------------------------------ */

html {margin:0;
    padding:0;
    background-image: url(img/background.png);
    height:100%}

body {margin:0;
    padding:0;
    font-family:Arial;
    background-image: url(img/head_bar.png);
    background-repeat:no-repeat;
    font-size:10pt;
    height:100%}

a.menulink {text-decoration:none}
a.iconlink {text-decoration:none; border:0px}
a.iconlink:visited {text-decoration:none; border:0px}

#header_lefta {position:relative;
    padding-top:60px;
    padding-left:240px;
    width:200px;
    color:#ffffff;
    height:20px;
    cursor:pointer;
    font-size:8pt;
    float:left}
.header_left {position:relative;
	width:360px; 
	padding-top:53px;
	padding-right:10px;
	color:#ffffff; 
	font-size:8pt;
	font-weight:bold;
	float:left;
	cursor:pointer}    
#header_location {position:relative;
	padding-top:53px;
	padding-right:10px;
	width:80px;
	color:#ffffff; 
	font-size:8pt;
	font-weight:bold;
	float:left;}
#header_form {position:relative;
	float:left;
    padding-top:0px;
    width:335px;
    color:#ffffff;
    height:80px;
    float:left}
#sfs_locations {background-color:#cccccc;
	font-size:8pt;
	border:1px dashed #ffffff;
	padding:4px;
	width:240px;
	position:absolute;
	top:70px;
	left:193px;
	z-index:100;
	display:none;}
.header_input {font-family:Arial;
    font-size:9pt;
    filter: alpha(opacity=80); -moz-opacity: 0.8;
    border:1px solid #000000;
    vertical-align:middle;
    padding-left:5px}
.input_button {vertical-align:middle;}
#header.button {padding-top:3px}

#main {width:776px;
	height:auto;
	clear:both}
	
#fillerColumn {position:absolute;
    top: 80px;
    left: 776px;}

.clearBox {clear:both;
    height:0px}


#slideshow {background: url(img/slideshow/slideshow00001.jpg);
    float:left;
    background-repeat:no-repeat;
    height:60px;
    padding-top:270px;
    vertical-align:bottom;}

    #slideshowTextBackground {float: left;
        vertical-align:text-bottom;
        background-color:#cccccc;
        width:560px;
        filter: alpha(opacity=80); -moz-opacity: 0.8;
        height:50px;
        padding:5px;}

    #slideshowText {position:relative;
        filter: alpha(opacity=100); -moz-opacity: 1.0;
        color:#000000;}

        #slideshowSeparator {position:relative;
            float:left;
            height:60px;
            filter: alpha(opacity=80); -moz-opacity: 0.8;}
        #slideshowSeparator1 {position:relative;
            background-color: #cccccc;
            height:19px;
            width:2px;
            margin-bottom:2px;
            visibility:visible;}
        #slideshowSeparator2 {position:relative;
            background-color: #cccccc;
            height:19px;
            width:2px;
            margin-bottom:2px;
            visibility:hidden;}
        #slideshowSeparator3 {position:relative;
            background-color: #cccccc;
            height:18px;
            width:2px;
            visibility:hidden;}
        #slideshowButtonFrame {float: left;
            position:relative;
            filter: alpha(opacity=80); -moz-opacity: 0.8;}
        #slideshowButtonTop {position:relative;
            background-color: #cccccc;
            height:19px;
            width:28px;
            text-align:center;
            margin-bottom:2px;}
        #slideshowButtonMid {position:relative;
            background-color: #cccccc;
            height:19px;
            width:28px;
            text-align:center;
            margin-bottom:2px;}
        #slideshowButtonBot {position:relative;
            background-color: #cccccc;
            height:18px;
            width:28px;
            text-align:center}
        .slideshowNumber {position:relative;
            filter: alpha(opacity=100); -moz-opacity:1.0;
            color:#000000;
            cursor:pointer}

#menu {width:175px;
    height:330px;
    background:url(img/menu/menubg.jpg);
    position:relative;
    float:left;
    background-repeat:no-repeat;
    border-right:1px solid #555555}

    .menu_text { height:19px;
        padding-top:6px;
        padding-right:25px;
        font-size:12px;
        font-weight:bold;
        text-align:right;
        color:#ffffff;
        cursor:pointer}

    .menu_spacer {margin-top:1px;
        margin-bottom:1px;
        border-left:1px solid #777777;
        border-right:1px solid #777777;
        background-color:#555555;
        height:3px;
        font-size:1pt;}
    .menu_search {margin-top:1px;
        margin-bottom:1px;
        height:42px;
        padding-top:3px;
        padding-left:15px;
        font-size:12px;
        font-weight:bold;
        text-align:left;
        color:#ffffff;}

    .submenuborder {border-top:1px solid #555555;
        width:150px;
        text-align:left;
        height:100%;
        z-index:100;}
    .submenu {width:140px;
        background-color:#000033;
        filter: alpha(opacity=80); -moz-opacity:0.8;
        border-right:1px solid #555555;
        border-bottom:1px solid #555555;
        border-left:1px solid #555555;
        cursor:pointer}
    .submenu_text {filter: alpha(opacity=100); -moz-opacity:1.0;
        padding-top:1px;
        padding-right:15px;
        height:18px;
        width:125px;
        font-size: 10px;
        font-weight: bold;
        text-align: right;
        color: #ffffff;
        position: relative;
        cursor:pointer}


#tabbedpart {background-color:#eeeeee;
    border-right:1px solid #777777;
    width:599px;
    height:100%;}
#bragNew {background-image:url(img/bb_new/background.gif);
    background-repeat:repeat-y;
    border-right:1px solid #777777;
    background-color:#eeeeee;
    width:175px;}

#bragNewItems {
}

#affiliations {background-image:url(img/affiliations/background.gif);
    background-repeat:no-repeat;
    width:775px;
    height:52px;
    padding:3px;
    margin-top:5px;}


#menu input {font-size:8pt;
}


.newsDate {float:left;
    font-size:8pt;
    padding-left:10px;
    font-weight:bold;
    float:left;
    height:100%;
    width:125px}
a:visited {color:blue}
.newsText {float:left;
    position:relative;
    text-align:justify;
    font-size:9pt;
    padding-left:10px;
    width:440px}
    
.accordionHeader {color:#ffffff;
	font-weight:bold;
	background-color:#000033;
	padding:4px;
	cursor:pointer;
	font-size:12pt;
	margin-top:5px}
.accordionContentCentered {padding:4px;
	border-left:1px dashed #000000;
	border-right:1px dashed #000000;
	border-bottom:1px dashed #000000;
	text-align:center;
	background-color:#eeeeee}
.accordionContentLeft {padding:4px;
	border-left:1px dashed #000000;
	border-right:1px dashed #000000;
	border-bottom:1px dashed #000000;
	background-color:#eeeeee;}
	
.tableHeader {color:#ffffff;
	font-weight:bold;
	background-color:#000033;
	padding:4px;
	font-size:12pt;
	margin-top:5px}
.tableContentCentered {padding:4px;
	border-left:1px dashed #000000;
	border-right:1px dashed #000000;
	border-bottom:1px dashed #000000;
	text-align:center;
	background-color:#eeeeee}
.tableContentLeft {padding:4px;
	border-left:1px dashed #000000;
	border-right:1px dashed #000000;
	border-bottom:1px dashed #000000;
	background-color:#eeeeee;}	


.fancyButton {color:#415461; 
	height:22px; 
	font-size:8pt; 
	font-weight:bold; 
	font-family:'trebuchet ms',helvetica,sans-serif}
	
.fancyButtonSmall {color:#415461; 
	width:20px;
	font-size:7pt; 
	font-weight:bold; 
	font-family:'trebuchet ms',helvetica,sans-serif;
	padding-top:0px}	


.modalPopupBackground { background-color:#cccccc;
	filter:alpha(opacity=70);
	opactiy:0.7;
	-moz-opacity:0.7}



.weather {font-family:arial;
    font-size:9pt;}
.disclaim {font-family:Arial;
    font-size:6pt;}
pre {font-family:courier;
    font-size:8pt}

/* ------------------------------------ *
 RSS CSS
 * ------------------------------------ */

.rss_item {font-family:Arial;
    font-size:9pt;
    color:blue;}
.rss_item:hover {color:red}
div.rss_box {}
.rss_date {font-family:Arial;
    font-size:8pt;
    font-style:italic;
    color:#000000}
.rss_desc {font-family:Arial;
    font-size:9pt;
    color:#000000}