@charset "UTF-8";
/* ------------------------------------------------------------

    Title:     Southwick Recreation Center styles for Screen media
    Author:    Christopher Whalley
    Updated:   January 5, 2009
		
------------------------------------------------------------ */

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
height: 100%;
}
 
body {
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.25;
	height:100%;
	background-color: #003812;
	margin: 0px;
	padding: 0px;
}
 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
	color: #002F0F;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing:-1px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 9px;
	padding-left: 0;
	font-size: 1.3em;
}
 
h2 {
padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
letter-spacing:-1px;
font:1.2em arial, helvetica, sans-serif;
color: #FFFFFF;
margin-bottom: 5px;
}
 
h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}
h4 {
	color: #FCFCFC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing:-1px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 9px;
	padding-left: 15px;
	font-size: 1.3em;
}
h5 {
	font-weight: bold;
	font-size: .9em;
}
 
p, ul, ol {
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 0;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a, a:visited {
text-decoration:none;
}
fieldset {
margin: 0px;
}


/* Structural
------------------------------------------------------------ */

#wrapper {
	padding: 0px;
	width: 1002px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#container {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 1002px;
}
#header {
	float: left;
	height: 221px;
	width: 1002px;
	margin: 0px;
	padding: 0px;
}
.logo {
	background-image: url(../imgs/logo.jpg);
	padding: 0px;
	float: left;
	height: 189px;
	width: 304px;
	margin-top: 28px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D3D3D2;
	border-right-color: #D3D3D2;
	border-bottom-color: #D3D3D2;
	border-left-color: #D3D3D2;
	background-repeat: no-repeat;
	background-position: 23px 0px;
		background-color: #154B27;
		display: inline;
}
.banner {
	background-image: url(../imgs/banner.jpg);
	float: left;
	height: 221px;
	width: 162px;
	margin: 0px;
}
.header-top-right {
	float: left;
	width: 529px;
	height: 219px;
	margin: 0px;
	padding: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #D3D3D2;
	border-right-color: #D3D3D2;
	border-bottom-color: #D3D3D2;
	border-left-color: #D3D3D2;
}
.nav {
	padding: 0px;
	float: left;
	width: 211px;
	margin: 0px;
	background-color: #D3D3D2;
	height: 189px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D3D3D2;

}

#flash {
	height: 189px;
	width: 314px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D3D3D2;
	border-left-color: #D3D3D2;	
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #D3D3D2;
}
#flash img {
	height: 189px;
	width: 314px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#content-container {
	width: 993px;
	background-color: #436a50;
	height: auto;
	float: left;
	padding: 0 0 10px 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D3D3D2;
	border-bottom-color: #D3D3D2;
	border-left-color: #D3D3D2;
	margin-left: 0px;
}
.banner-bottom-form {
	width: 993px;
	background-color: #436a50;
	height: 39px;
	float: left;
	padding: 0px;
	margin: 0px;
	background-image: url(../imgs/banner-bottom-form.jpg);
}

/* Navigations
------------------------------------------------------------ */

/***** Top Nav *****/
.topnav {
	float: left;
	width: 529px;
	margin: 0px;
	height: 28px;
	padding: 0px;
}

.topnav ul {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 215px;
}

.topnav li {
	height: 23px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 14px;
	padding-top: 4px;
	font-weight: normal;
}

.topnav a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-weight: normal;
}


/***** Main Nav *****/


/* Content Main
------------------------------------------------------------ */

/***** Left Column *****/

#column1 {
	float: left;
	width: 305px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.blocks {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 305px;
}

#column1-inner {
	float: left;
	width: 305px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}

/***** leftnav *****/
.sidenav {
	float: left;
	width: 280px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: inline;
}
.fsnav {
	background-color:#143F22;
	border:1px solid #FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	line-height:1.4em;
	width:265px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	position: relative;
	float: left;
	display: inline;
}
.fsnavtitle {
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:normal;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.fsnav ul {
font-size:1em;
margin:0 0 10px 10px;
padding:0;
}
.fsnav li {
display:inline;
font-size:1em;
margin:0;
padding:0;
}
.fsnav li a {
	background-image:url(../imgs/arrow.jpg);
	background-position:2px 7px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	margin:0;
	padding:0 0 0 19px;
	position:relative;
	text-decoration:none;
}
.fsnav a:hover {
	color:#C8D8CB;
}
.fsnav .currentpage {
	background-image:url(../imgs/arrow-active.jpg);
	background-position:2px 7px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	font-size: 12px;
	margin:0;
	padding:0 0 0 19px;
	position:relative;
	text-decoration:none;
}
/***** Content *****/
#content {
	background-color: #073A17;
	float: left;
	width: 422px;
	display: inline;
	background-image: url(../imgs/banner-bottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content-inner {
	background-color: #073A17;
	float: left;
	width: 677px;
	display: inline;
	background-image: url(../imgs/banner-bottom-ip.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.content-info {
	background-color: #FFFFFF;
	width: 412px;
	float: left;
	margin-top: 27px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: .8em;
}
.content-info ul {
list-style-position: outside;
list-style-type: disc;
}
.content-info ol {
list-style-position: outside;
list-style-type: decimal;
}
.content-inner {
	background-color: #FFFFFF;
	width: 667px;
	float: left;
	margin-top: 27px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 0.8em;
}
.content-inner ul {
list-style-position: outside;
list-style-type: disc;
}
.content-inner ol {
list-style-position: outside;
	list-style-type: disc;
}
#column2 {
	float: left;
	width: 245px;
	padding: 5px;
}

/***** News *****/
.NewsSummary {
width: 235px;
float: left;
height: auto;
color: #FFFFFF;
padding: 5px;
}
.NewsSummaryTitle {
width: 235px;
border-bottom: 1px dotted #FFFFFF;
font-size: .9em;
color: #FFFFFF;
}
.NewsSummarySummary {
width: 235px;
font-size: .8em;
color: #FFFFFF;
padding-top: 5px;
}
.NewsSummaryMorelink {
width: 235px;
font-size: .8em;
color: #FFFFFF;
text-align: right;
}
.NewsSummaryMorelink a {
width: 235px;
color: #FFFFFF;
text-align: right;
}
.NewsSummaryMorelink a:hover {
width: 235px;
color: #FFFFFF;
text-align: right;
text-decoration: underline;
}


 
/***** sportsblocks *****/
 
#content-container iframe {
min-height: 500px;
}
 

/***** Calendar *****/

.calendar {
background-color:#003300;
border:1px solid #003300;
margin:0;
padding:0;
width:900px;
margin-left: 50px;

}
.calendar td {
background-image:url(../imgs/calendar-bg.jpg);
background-repeat:repeat-y;
margin:0;
padding:0;
width:128px;
}
.calendar td.colspan {
background-color:#eadbb4;
background-image:none;
margin:0;
padding:0;
}
.calendar td ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:2px;
}
.calendar td a {
color:#000000;
font-size:11px;
margin:0;
padding:0;
}
.calendar th {
background-image:url(../imgs/calendar-dbg.jpg);
background-repeat:repeat-y;
color:#000000;
margin:0;
padding:0;
width:128px;
}
.calendar-month {
background-image:url(../imgs/calendar-mbg.jpg);
background-repeat:repeat-x;
border-left:3px solid #003300;
border-right:3px solid #003300;
border-top:3px solid #003300;
color:#FFFFFF;
font-size:17px;
height:27px;
margin:0;
padding:3px 0 0;
width:900px;
}
.calendar-prev a {
color:#FFFFFF;
}
.calendar-next a {
color:#FFFFFF;
}

/***** Wrapper *****/
 


/***** News *****/


 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.designed {
	padding: 0px;
	width: 868px;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	font-size: 0.8em;
	color: #8D8D8D;
	line-height: 1.5em;
}
dfn { display: none; }
#myGallery
{
width: 314px !important;
height: 189px !important;
}