/***********************GLOBAL SETTINGS***********************/
/*Changes within this document will apply to the whole site  */
/*************************************************************/

/* 10/21/2009 FMT - ATW. Added css to hide div spacer on pages */
#homePageSpacer {
display:none;
}

html {
height:100%;
}
/*settings for tables*/
/*SAH 10/22/09: commented because sharepoint doesn't like it
#content table {
margin:0px;
padding:0px;
border-collapse:collapse;
border-top:1px #ccc solid;
}
#content td,#content th {
padding:4px 0px 4px 0px;
border-bottom:1px #ccc solid;
}
*/

body {
height:100%;
background:url(../../PublishingImages/bg2.gif);
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
text-align: center;
}



/*global font family*/
n,body,p,h1,h2,h3,h4,h5,h6,address {
font-family:arial,helvetica,verdana,sans-serif;
color:#666;
font-size:12px;
}

img {
border: 0px;
}

a {
text-decoration:none;
}

#logo{
margin-top:12px;
float:right;
margin-bottom:12px;
}

#homefooter {
width:600px;
margin-right:auto;
margin-left:auto;
text-align: center;
border-width:0px;
}

#page {
width:873px;
text-align:left;
margin-right: auto;
margin-left: auto;
height:auto;
border-left: 2px solid #FFF;
border-right: 2px solid #FFF;
border-top: 2px solid #FFF;
background-color:#fff;
}

#mytable {
margin-left=auto;
margin-right=auto;
text-align:center;http://www.sfcs.net/studentactivities/athletics/04_05_pdf/05-summer%20camp%20brochure.pdf
border-top:none;
padding-bottom:20px;
}

#mytable tr td{
border-top:none;
border-bottom:none;
}


#nav #hometable{
background-color:#fff;
border:none;
text-align:left;
position:absolute;
margin-left:13px;
margin-top:262px;
cellspacing:20px;
}

#nav #hometable ul{
width:171px;
background: #fff;
}

#nav #hometable li{
height:40px;
margin:0px 0px 13px 0px;
}

#nav #hometable li a, #nav #hometable li a:visited{
padding: 0px 0px 0px 0px;
}



/*//////////////////////SETTINGS FOR NAV//////////////////////*/
#nav {
background: #fff url(../../PublishingImages/menu_shadow.gif) no-repeat -2px -3px;
padding:0px;
width:873px;
height: 80px;
position:relative;
z-index:40;
}

/*settings for all lists(menus) in nav*/
#nav ul {
display:block;
width:873px;
border: 0px;
margin: 0px;
padding: 0px;
list-style-type: none;
}

/*settings for all list(menu) items in nav*/
#nav li {
display: block;
float: left;
margin: 0px;
width: auto;
font-weight: bold;
}

/*settings for all links in nav w/ important boxmodel hack*/
#nav a, #nav a:visited {
display: block;
padding: 8px 0px 0px 10px;
width: 120px;
height: 30px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 110px;
height: 22px;
}


/*settings for topnav in nav w/ important boxmodel hack*/
#nav #topnav {
overflow:hidden;
background-color:#666;
border-bottom: 1px solid #fff;
height:31px;
voice-family: "\"}\""; 
voice-family:inherit;
height:30px;
}

/*settings for topnav links in nav*/
#nav #topnav li a,#nav #topnav li a:visited {
color:#ccc;
border-right: 1px solid #666;
}

#nav #topnav li a:hover,#nav #topnav li a:active {
color:#fff;
}

/*settings for second nav in nav*/
#nav #secondnav {
display:block;
height:30px;
z-index:500;
}

#nav #secondnav li {
position:relative;
z-index:500;
}

#nav #secondnav li a,#nav #secondnav li a:visited {
border-right: 1px solid #fff;
}

#nav #secondnav li #selected, #nav #secondnav li #selected:visited {
color:#fff;
}

/*settings for first link in second nav w/ important boxmodel hack*/
#nav #secondnav li a.firstlink {
width:120px;
voice-family: "\"}\""; 
voice-family:inherit;
width:115px;
}

/*settings for last link (nr #8) in second nav w/ important boxmodel hack*/
#nav #secondnav li a.lastlink, #nav #secondnav li a.lastlink:visited {
width:85px;
border-right:0px;
voice-family: "\"}\""; 
voice-family:inherit;
width:75px;
}

/*settings for dropdown navigation lists*/
#nav #secondnav li ul {
display: none;
position: absolute;
top: 30px;
left: -1px;
width: 188px;
/*background: url(dropdownshadow.gif) 5px 5px;*/
padding-bottom:3px;
}
#nav #secondnav li ul.lesswidth {
left:0px;
}
#nav #secondnav li ul.lesswidth2 {
left:-1px;
}
#nav #secondnav li ul li {
float:none;
height:auto;
padding:0px;
}
#nav #secondnav li.ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: -1px;
}
#nav #secondnav li a:hover,#nav #secondnav li:hover ul, #nav #secondnav li.over ul {
display:block; /* lists nested under hovered list items */
}

#nav #secondnav li ul li a, #nav #secondnav li ul li a:visited{
border-top:1px solid #fff;
color:#990000;
background-color:#CCC;
display:block;
width: 174px;
padding:3px 3px 3px 10px;
height:auto;
border-right:0px;
}

/*settings for dropdown hover*/
#nav #secondnav li ul li a:hover, #nav #secondnav li ul li a:active {
background-color:#DEDEDE;
}

#nav #secondnav li ul.lesswidth li a, #nav #secondnav li ul.lesswidth li a:visited, #nav #secondnav li ul.lesswidth2 li a, #nav #secondnav li ul.lesswidth2 li a:visited {
width:166px;
}


/*settings for the title box in nav w/ important boxmodel hack*/
#nav #title {
	padding-top:7px;
	padding-left:10px;
	width:125px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:115px;
}

#nav #title a, #nav #title a:visited {
	width:auto;
	border:0px;
	padding:0px;
	margin:0px;
}

/*Settings for the search box in nav*/
#nav form {
float:left;
padding:0px;
margin:0px;
height:15px;
margin-top:5px;
}

/*Settings for the searchcontainer in nav*/
#nav #search{
width:170px;
float:right;
}

/*Settings for the searchfield in nav*/
#nav #searchfield{
display:block;
position:absolute;
left:700px;
top:6px;
height:16px;
width:130px;
margin: 0px;
padding:0px;
float: left;
background: url(../../PublishingImages/form_bg.gif) no-repeat;
color: #000;
font : normal 10px Arial, Helvetica, sans-serif;
border: 1px solid #aaa;
}
/*Settings for the searchbutton in nav*/
#searchbutton{
display:block;
float:left;
position:absolute;
top:5px;
left:830px;
width:24px;
height:18px;
}
/*//////////////////////END SETTINGS FOR NAV//////////////////////*/

/*//////////////////////SETTINGS FOR HEADER//////////////////////*/

#header {
margin-left:20px;
height:39px;
}

#header h1 {
margin-left:20px;
top:0px;
font-size:18px;
margin:0;
font-family: times new roman, serif;
font-weight: normal;
}



/*//////////////////////END SETTINGS FOR HEADER//////////////////////*/


/*//////////////////////SETTINGS FOR FOOTER//////////////////////*/
#footer{
clear:both;
margin:15px 0px 15px 0px;
padding: 4px 0px 0px 0px;
width:729px;
}
#footer #lastupdate {
display:block;
float:right;
}
/*settings for links*/
#footer a,#footer a:visited {
color:#666; 
font-weight:bold;
}
/*//////////////////////END SETTINGS FOR FOOTER//////////////////////*/


/*clearer hack*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#breadcrumbtrail {
   float:left;
   margin-top: 30px;
   text-align:left;
   background-color:#FFF;
   width:873;
   border-top: 1px solid #F7F7EE
}

/*/////////////////////Content Settings/////////////////////////*/

#topnav, #topnav li, #secondnav, #secondnav li {display: inline; list-style-type:none}
#secondnav ul {display:none;}
#leftcolumn {float:left; width:225px;} 
#rightcolumn {float:left; width:600px;}

#content{
position:relative;
margin: 0px;
padding:0px;
width:873px;
height:1%; /*ie mac 5.2 needs this*/
_height:100px;
}


.clear{
clear:both;
}


/*settings for leftcolumn*/
#content #leftcolumn{
margin:0px;
margin-left:5px;
margin-right:15px;
padding:0px;
width:225px;
_height:100px;
}

/*protection from two large imgs*/
#content #leftcolumn img{
max-width:225px;
}


#current {
color:#990000;
}

/*settings for rightcolumn*/
#content #rightcolumn{
position:relative;
z-index:1;
clear:right;
float:left;
padding:0px;
margin:0px auto;
width:610px;
_height:100px;
}

/*protection from two large imgs*/
#content #rightcolumn img{
display:block;
max-width:600px;
}


/*/////////////////////////STYLES/////////////////////////////*/

/*all heading styles */

#content h1{
font-size: 12px;
font-weight: bold;
clear: right;
}

#content h2{
font-family:arial,helvetica,verdana,sans-serif;
color:#666;
font-size:12px;
}

#content h1.clear, h2.clear{
font-size: 12px;
font-weight: bold;
clear: both;
}

/* all anchor styles */

a.arrow, a.arrow:visited {
display:block;
background: url(../../PublishingImages/arrowbglinkgray2.gif) no-repeat bottom right;
border-bottom: 1px solid #ccc;
margin-bottom:4px;
}

/*settings for links*/
a, a:visited {
color:#666; 
font-weight:bold;
}

/*settings for links*/
a.nobold, a.nobold:visited {
color:#666; 
font-weight:normal;
}

/* all paragraph styles */

p.color {
margin-top: 1em;
}

p.quote {
font-family: times, times new roman, serif;
font-style:italic;
font-weight:bold;
font-size:13pt;
}

p.tagline {
font-family: times, times new roman, serif;
font-weight:bold;
font-size:13pt;
color:#909090;
}

p.nomargin {
margin-top:0em;
}

p.caption{
font-size:11px;
margin:12px 0px 24px 0px;
}

p.error{
color:red;
font-weight:bold;
}


/* link tables*/

#content #rightnav,#content #articlenav, #content #linknav{
list-style: none;
padding:0px;
margin:0em 0em 2em 0em;
}
#content #rightnav li, #content #articlenav li, #content #linknav li{
border-top: 1px solid #fff;
background-color:#E6E6E6;
}

#content #rightnav li, #content #articlenav li.title, #content #linknav li.title{
font-weight:bold;
padding:4px;
}

#content #rightnav li.title, #content #articlenav li.title, #content #linknav li.title{
color:#fff;
background-color:#666;
}

#content #articlenav li, #content #linknav li  {
padding:0px 0px 1px 0px;
}

#content #articlenav li a, #content #articlenav li a:visited{
background: url(../../PublishingImages/arrowbglink.gif) no-repeat bottom right;
}

#content #articlenav li a, #content #articlenav li a:visited, #content #linknav li a, #content #linknav li a:visited {
font-weight:normal;
display:block;
padding:4px 4px 10px 4px;
margin:0px;
}


/* all form styles */

form{
display:block;
padding:0px;
margin:0px;
}

form fieldset{
padding:0px;
margin:0px;
border:0px;
}

form dl dt{
font-weight:bold;
padding:6px 6px 6px 0px;
width:170px;
}

form dl dd{
margin: -24px 0px 3px 180px;
}

form dl dd.submit{
margin: 0px 0px 3px 180px;
}

form dl dt.short{
font-weight:bold;
padding:6px 6px 6px 0px;
width:100px;
}

form dl dd.short{
margin: -24px 0px 3px 110px;
}

form dl dd.shortsubmit{
margin: 0px 0px 3px 110px;
}

/* styles for role landing page 3 column content */

div.school {
display:block;
float:left;
width:171px;
height:300px;
padding: 0px 0px 15px 0px;
margin: 0px 15px 15px 0px;
background: url(../../PublishingImages/arrowbggray.gif) no-repeat bottom right;
border-bottom: 1px solid #ccc;
}

div.school img {
display:block;
margin-bottom:15px;
}

div.school h2 {
margin: 15px 0px 15px 0px;
}

#content #leftcolumn #leftnav {
margin-top:18px;
}

/*settings for menu*/

#content #leftcolumn ul{
width:171px;
padding:0px;
margin:0px;
border-top: 1px solid #ccc;
}
#content #leftcolumn ul ul{
border:none;
}
#content #leftcolumn ul ul ul{
border:none;
}
#content #leftcolumn ul ul ul ul{
border:none;
}

#content #leftcolumn ul li {
list-style: none;
padding:3px 6px 4px 0px;
border-bottom: 1px solid #ccc;
}

#content #leftcolumn ul ul li {
list-style: none;
padding:6px 0px 2px 7px;
border:none;
}
#content #leftcolumn ul ul ul li {
list-style: none;
padding:6px 0px 2px 7px;
border:none;
}
#content #leftcolumn ul ul ul ul li {
list-style: none;
padding:6px 0px 2px 7px;
border:none;
}
#content ul ul a, #content ul ul a:visited, {
font-weight:normal;
}

/*settings for selected menu choice in left column*/
#content a.selected, #content a.selected:visited {
display:block;
}

#content img.floatright {
float:right;
}

#content img.floatleft {
float:left;
}

#content th.sectiontitle {
font-weight:bold;
text-align:left;
}


/*/////////////////////////Color Scheme///////////////////*/

/*color of second nav links*/
#nav #secondnav li a, #nav #secondnav li a:visited, #squarenavs .square h1 a,#squarenavs .square h1 a:visited  {
color:#CCCCCC;
}
#nav #secondnav li a:hover,#nav #secondnav li a:active, #squarenavs .square h1 a:hover,#squarenavs .square h1 a:active {
color:#fff;
}

/*the nu main color is #003B78 */
#header h1.inst, #header h1.inst a, #header h1.inst a:visited, #header a, #header a:visited, #nav #secondnav li ul li a:hover, #nav #secondnav li ul li a:active, #content a:hover, #content a:active, #content a.selected, #content a.selected:visited, #footer a:hover, #footer a:active, #footer a.selected, #footer a.selected:visited,#content #maincolumn h1, #content p.h1sub, #squarenavs .square a:hover, #squarenavs .square a:active, #content th.sectiontitle, #content p.color, #rightcolumn h1, #content p.quote, #content #rightcolumn form dl dt, #content #maincolumn form dl dt, .color {
color:#003B78;
}
#nav #secondnav, #content #articlenav li.title, #squarenavs .square h1 {
background-color:#990000;
}

/*
SAH 10/22/09: commented because it makes sharepoint angry
#content th.sectiontitle {
border-top: 1px solid #003B78;
}
*/

#rightTextBox {
margin: 50px;
}