/* This reduces default size from 16px to 13px.
   All font-sizes after here are in ems and made to whole pixel sizes.
*/
BODY {
   font-size:62.5%;
    background: url('/images/sfmt_tile_bg_star_bk.gif') repeat-y left top; 

   }

body,
html {
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; 
    color:#000;
    }

body {
    width:760px;
    padding: 0 5px 0 5px;
    background-color: #000;
    margin:5px auto;
    }



H1 {font-size:1.8em;}  /* displayed at 24px */
H2 {font-size:1.4em;}  /* displayed at 18px */
H3 {font-size:1.25em;}  /* displayed at 15px */
H4 {font-size:1em;}  /* displayed at 12px */

#leftcolumn h1 {
	text-align: center;
}

a:link {  text-decoration:none; color: #c00; }
a:visited { text-decoration:none; color: #c00; }
a:hover { text-decoration: underline ;color: #f00; }
a:active {text-decoration:none; color: #c00;}


#wrap{
     background:#fff;
    /*background:#ffc;*/
    /*background: url('/images/sfmt_layout_wrap_bkgd.jpg') repeat-y left top; */
    margin:10px auto 10px 15opx;
    width:760px;
    }

#header {
    padding: 10px 0px 0px 0px;
    margin: 0 0 5px 0;
    width:760px;
    /*background: url('/images/sfmt_layout_top.jpg') no-repeat left top; */
    background-color:#fff;
    clear:both;
    }
.headerlinks {
    text-align: right;
    margin-right: 20px;
}
#nav {
    padding:0 10px 0 10px;
    margin-left: 15px;
    width:730px;
    /*border-bottom: 2px solid black;*/
    margin:0px 25px 0px auto;
   }

#footer {
   text-align:center;

   }

#fullcolumn {
    font-size:1.2em;
    background:#fff;
    float:left;
    clear:left;
    margin-left:15px;
    width:695px;
    padding:0;
    }



#leftcolumn {
    font-size:1.2em;
    background:#fff;
    float:left;
    clear:left;
    margin-left:15px;
    margin-top:10px;
    width:470px;
    padding:0;
    }
#rightcolumn {
    font-size:1.2em;
    background:#fff;
    float:right;
    width:225px;
    margin-right:16px;
    margin-bottom:10px;
    padding:0 5px 5px 5px;
    }

* html #rightcolumn {
    margin-right: 0px;
}
#footer {
    padding: 0px 0px 10px 0px;
    margin:0px auto 10px auto;
    width:760px;
    /*background: url('/images/sfmt_layout_bottom.jpg') no-repeat left bottom; */
    background-color:#fff;
    clear:both;
    }

#nav li{
    display:inline;
    float:left;
    width:100px;
    margin:0px auto 0px auto;
    }


#nav, #nav a {
    font-family:Arial Black;
    font-size: 1.2em;
	left: .5em;
	padding: 5px 5px 0 5px;
	color:#000;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

#nav a:hover { 
	color:#f00;
}


#nav li ul{display: none;}

#nav li:hover ul {visibility: visible; display: inline; float:left;
    width:auto;
   padding: 0px; margin: 0px; 
   color: #AAA; background: #fff; border: 1px solid #c00;
   font: 10px Verdana, sans-serif; text-align: center;

   }

#nav li  ul li{
    display:block;
    text-align:left;
    width:auto;
    margin:0px auto 0px auto;
    }




#toplinks { 
  font-family:Arial Black;
  height: 23px;
  width: 725px;
  font-size: 11px; 
  text-align:right;
  padding: 5px 5px 5px 5px;
  margin-bottom: 5px;
  float:left;
  clear:right;
}

.headerlogo {
  margin-left: 15px;
  float: left;
}

#header form {
float:right;
text-align:right;
width:570px;
height:70px;
margin-bottom: 25px;
margin-right:  20px; 
margin-top:  10px; 
}


.clearall {
  clear:both;
}

#rightcolumn {
	border-style: solid;
	border-color: #000;
	border-width: 2pt;
    border-top-width:0;
    border-right-width:0;
}

#rightcolumn h2,
#leftcolumn  h2.header {
    color:#fff;
    font-style: italic;
	background-color: #C00;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	border-top-width: 2px;
	border-right-width: 0pt;
	border-bottom-width: 2px;
	border-left-width: 0pt;
	margin-bottom: .5em;
	margin-top: 0;
	clear: both;
}

#rightcolumn h2 a{
     color:#fff;
}

#rightcolumn h2 a:hover{
     color:#000;
     text-decoration:none;
}

#rightcolumn .item  {
	margin-bottom: .5em;
}

#leftcolumn .item {
	margin-bottom: 1.5em;
}

#leftcolumn p{
  font-size:100%;

}

.quote {
  font-style: italic;
}

.quote .citation {
    font-style: normal;
    font-weight:bold;
    text-align:right;

}

ul.schedule  {
	list-style-type: none;

}


#leftcolumn ul.schedule li.event,
#leftcolumn ul.schedule li {
	font-size: 14px;
}

#leftcolumn ul.schedule li .event_title {
	font-size: 16px;
}

ul.schedule li.event{
	margin-bottom: 10px;
}

ul.schedule li .venue_name,
ul.schedule li .event_title {
	font-weight: bold;
}

#rightcolumn ul.schedule {
	padding-left: 0;
	margin-left: 0;
}

#rightcolumn ul.schedule .other_info {
	display: none;
}

h3.jobtitle {
	margin-bottom: 0px;

}

.flash {
   postion: relative;
   z-index: 1;

}

