a:link { color: rgb(0,51,204); }
a:visited { color: rgb(51,153,102); } 
a:active { color: rgb(255,153,0); }

head { border-style: none; }

body {
	background-image: url('Images/swp_09_wo-USFSA w-trans.png');
	background-attachment: scroll;
	background-repeat: repeat;
	background-color: #FFFFFF;

	font-family: Arial MT Bold, Arial, Helvetica;
	font-size: 8pt;
	
	border-style: none;
	border-width: 0px;
	color: black;
	
	list-style-type: none;
}

/* clear wrap */

div.clearm {
	clear: both;
	BORDER: #000 0px solid;
	margin:0;
	padding:0;
}

/* general default formatting */

h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt { color:#008080 } 
p { color: black; }
dt { font-weight: bold; font-style: normal; }

/* for the headers and footers, defined in css column style sheet */

#header H1 { font-size: 2.5em; TEXT-TRANSFORM: lowercase; COLOR: #008080; display: inline; }
#header H2 { font-size: 4.5em; TEXT-TRANSFORM: uppercase; COLOR: #008080; display: inline; }
#header, #footer {
	padding-left: 10px;
	padding-right: 10px;
}
#header {padding-bottom: 10px; }
#footer {text-align: center; }

/* for images */

img { border: 0px none; }
.jright { FLOAT: right; CLEAR: right; margin: 10px 0 0 10px; }
.rsImage { background-repeat: no-repeat; background-position: 50% 50%; }
.rsImage img { width: 0; margin-left: -99999px; padding-left: 1px; }

/* basic tables */

table {
 	border-color: white;
	border-width: 0px;
	border-style: none;
	text-align: center;
}

td {
	border-collapse: collapse;
	border-color: white;
	border-width: 0px;
	border-style: none;
	text-align: left;
	vertical-align: top; 
}

/* settings for variable width center column table layout */

td#left {WIDTH:220px;}
td#center {WIDTH:100%;}
td#right {WIDTH:250px;}

/* settings for bordered boxes in columns */

td#center div {
	margin: 0px 5px 5px 10px;
	padding: 2px;
	border: 1px solid #008080;
}
td#center div h3 {
	padding: 2px;
	margin: 0px;
	font-size: 1.75em ;
	font-weight: bold;
}
td#center div h2 {
	padding: 2px;
	margin: 0px;
	font-size: 2em ;
	font-weight: bold;
}

td#center p {
	color: black;
	font-size: 1.3em;
}

/* these may need to be adjusted for the column setup */

td#left div {
	margin: 0px 3px 5px 3px;
	padding: 5px;
	border: 1px solid #008080;
}

td#left div h3 {
	margin: 0px 0px 3px 0px;
	DISPLAY: block;
	BORDER: #000 0px solid;
	PADDING: 2px 3px 5px 3px;
	FONT-SIZE: .75em;
	BACKGROUND: #008080;
	TEXT-TRANSFORM: uppercase;
	color: #FFF;
}

td#right div {
	margin: 0px 0px 5px 0px;
	padding: 5px;
	border: 1px solid #008080;
}

td#right div h3 {
	margin: 0px 0px 3px 0px;
	DISPLAY: block;
	BORDER: #000 0px solid;
	PADDING: 2px 3px 5px 3px;
	FONT-SIZE: .75em;
	BACKGROUND: #008080;
	TEXT-TRANSFORM: uppercase;
	color: #FFF;
}

/* removed embedded div borders */

td#left div div, td#right div div, td#center div div div{
	padding: 0px;
	margin: 0px;
	border: 0px none;
}

/* rollover button styles */

a.button, a.buttonDis {
	width: 136px;
	height: 20px;
	background-image: url('/_borders/btnBackground-134x20x27.gif');
	background-color: transparent;
	background-repeat: no-repeat;
	display:block;
 	margin: 0px auto;
	padding-left:0;
	padding-right:0;
	padding-top:3px;
	padding-bottom:0;
	text-decoration: none;
	text-align:center;
}

span.icon {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.button:link, a.button:visited {
	color: #002577;
}

a.button:hover, a.button:active {
	background-position: 0 -27px;
	color: #FF7200;
}

a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
	background-position: 0 -54px;
	color: #5F5F5F; 
	cursor: default;
}

/* wide rollover button styles */

a.wbutton, a.wbuttonDis {
	width: 182px;
	height: 28px;
	background-image: url('/_borders/btnBackground-180x28x36.gif');
	background-color: transparent;
	background-repeat: no-repeat;
	display:block;
 	margin: 0px auto;
	padding-left:0;
	padding-right:0;
	padding-top:5px;
	padding-bottom:0;
	text-decoration: none;
	text-align:center;
}

a.wbutton:link, a.wbutton:visited {
	color: #002577;
}

a.wbutton:hover, a.wbutton:active {
	background-position: 0 -36px;
	color: #FF7200;
}

a.wbuttonDis:link, a.wbuttonDis:visited, a.wbuttonDis:hover, a.wbuttonDis:active {
	background-position: 0 -72px;
	color: #5F5F5F; 
	cursor: default;
}

/* formatting for free-floating in-line button menus */

#ffromenu { padding:0; margin:0; }
#ffromenu li { text-align:center; list-style-type: none }

/* styling for the expanding form button messages */

div.spoiler-wrapper{
	border: 0px none;
}
div.spoiler-wrapper input[type=button],div.spoiler-wrapper input[type=submit] {
	outline:none;
}
div.spoiler-wrapper input[type=button]:hover,div.spoiler-wrapper input[type=submit]:hover {
	background-position: 0 -27px;
	color: #FF7200;
	border: 0px none;
}

/* non-rollover button of the same style */

input.btn{
	color: #002577;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 136px;
	height: 20px;
	background-image: url('/_borders/btnBackground-134x20x27.gif');
	background-color: transparent;
	background-repeat: no-repeat;
	border-width:0px;
 	margin: 0px auto;
	padding-left:0;
	padding-right:0;
	padding-top:3px;
	padding-bottom:0;
	text-decoration: none;
	text-align:center;
}

/* for practice ice availability table */

.uos  { background-color: #00ff00; text-align:center;}
.uosb { background-color: #800000; color:white; text-align:center;}
.uosx { text-align:center;}
.uosh { background-color: #000000; color:white; text-align:center; font-weight: bold;}