body {
	background: #ffffff;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
hr {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* header styles */

#container-header-left {
	width: 598px;
	text-align: left;
	
}
#container-header-left-pad {
	margin-left: 20px;
}
#container-header-middle {
	width: auto;
}
#container-header-right {
	width: 426px;
	text-align: right;
	line-height: 18pt;
	font-size: 8pt;
}
#container-header-right form, #container-header-right input {
	padding: 0px;
	margin: 0px;
}
#container-header-right .top-blurb {
	font-size: 9pt;
}
#container-header-right-pad {
	margin-right: 20px;
}
#container-header-right a.header:link, a.header:active, a.header:visited {
	color: #000000;
	text-decoration: none;
}
#container-header-right a.header:hover {
	text-decoration: underline;
}

#container-content-left-menu {
	width: 120px;
	padding-right: 15px;	
}

/* position styles */

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.left {
	text-align: left;
}

/* image styles */

img {
	border: 0px;
}
img.float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
img.float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

/* font styles */

.telephone {
	font-weight: bold;
	color: #636466;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.searchurl {
	font-style: italic;
	color: #a8a8aa;
}
ul .subsubsection {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 15px;
}
.subsubsection li {
}

.small {
	font-size: 7pt;
}
/* generic link style */

a:link, a:active, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* header styles */

#container-header {
	width: 100%;
	height: 106px;
	max-height: 106px;
	padding: 0;
}
#container-header-images {
        width: 100%;
        height: 226px;
	border-bottom: 1px solid #727375;
}
#container-index-header-images-left {
        width: 407px;
	height: 226px;
}
#container-index-header-images-middle {
	width: 100%;
	height: 226px;
	background: #69c4da;
}
#container-index-header-images-right {
        width: 407px;
	height: 226px;
}
#container-header-images-left {
        width: 322px;
        text-align: center;
}
#container-header-images-middle {
        width: 322px;
        padding: 0px 10px;
        text-align: center;
}
#container-header-images-right {
        width: 323px;
        text-align: center;
}
#container-menu-top {
	width: 100%;
	height: 29px;
	background: #636466;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
        min-width: 990px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/* drop down styles */

ul.dropdown {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
	color: #ffffff;
}
ul.dropdown li a.menu-top:link, a.menu-top:visited, a.menu-top:active {
        color: #ffffff;
        font-weight: bold;
        font-size: 9pt;
        display: block;
}
ul.dropdown a.menu-top:hover {
        text-decoration: underline;
}
ul.dropdown a:visited {
	color: #ffffff;
}
ul.dropdown ul {
        width: 140px;
        border-bottom: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
	display: block;
}
ul.dropdown ul li a {
        line-height: 11pt;
        padding: 2px 5px;
        color: #ffffff;
        border-top: 1px solid #ffffff;
        background: #636466;
}
ul.dropdown ul li a:hover {
        text-decoration: underline;
}

/* content styles */

#container-content {
        width: 1024px;
        margin: 0;
        vertical-align: top;
	font-size: 10pt;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#container-content td {
        vertical-align: top;
        text-align: left;
}
#main-small-content-id {
	padding: 20px 75px 20px 0;
        width: 654px;
	min-height: 326px;
}
.spirit-background {
	background: #ffffff url(../images/bg_ymca_sarnia_main.jpg) top right no-repeat;
}
.swirl-background {
	background: #ffffff url(../images/bg_ymca_sarnia_inner.jpg) bottom no-repeat;
}
#container-content #main-grey-content {
	background: #f0f0f0;
	width: 370px;
	height: 100%;
	padding: 20px;
}
#container-content .main-image img {
        margin: 20px 0 auto 0;
	width: 370px;
}
#container-content .inner-image {
	margin-left: 40px;
	margin-bottom: 20px;
	float: right;
}

#right-grey-fill {
	background: #f0f0f0;
	width: 15%;
}
#right-white-fill {
	background: #ffffff;
	width: 15%;
}


/* left menu styles */

#container-menu-left {
        float: left;
        width: 120px;
        padding: 2px 0px 20px 0px;
}
ul.left-menu {
        margin-left: 15px;
        margin-right: 0px;
        margin-bottom: 10px;
        padding: 0px;
        list-style-type: none;
}
ul.left-menu li a.menu-left:link, a.menu-left:active, a.menu-left:visited {
        font-size: 8pt;
        font-weight: normal;
        text-decoration: none;
}
ul.left-menu li a.menu-left:hover {
        text-decoration: underline;
}
ul.left-menu li.on {
        list-style-type: circle;
}

/* footer styles */

#container-index-footer {
        background: #007eb1 url('../images/ymca_of_sarnia_footer_background.jpg') center no-repeat;
        width: 100%;
        height: 262px;
	margin: 0 auto 0 auto;
        text-align: center;
	color: #ffffff;
}
#container-index-footer a.footer:link, a.footer:active, a.footer:visited {
	font-weight: bold;
	color: #ffffff;
	font-size: 8pt;
	line-height: 13pt;
	text-decoration: none;
}
#container-index-footer a.footer:hover {
        text-decoration: underline;
}
#container-index-footer td.content {
	vertical-align: top;
	width: 305px;
	height: 262px;
	padding: 0 10px 0 10px;
	text-align: left;
	font-size: 12px;
}
#container-index-footer td.content a {
	color: #ffffff;
}
#container-index-footer td img.float-right {
	float: right;
}
#container-index-footer h4 {
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0 10px 0;
	text-align: center;
}
#main-grey-content h4 {
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	text-align: center;
}

#main-grey-content h4.yellow {
	color: #F8981D;
}

#main-grey-content h4.red {
	color: #EE3A43;
}

#main-grey-content h4.green {
	color: #A3AB22;
}


td.container-index-footer-space {
	background: #007eb1;
        width: auto;
        height: 262px;
}
td.container-index-footer-divide {
        background: url(../images/bg_ymca_sarnia_02.jpg) no-repeat;
        width: 1px;
        height: 262px;
}
#container-footer {
	width: 100%;
	height: 43px;
	background: #201d1e;
	color: #ffffff;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	line-height: 12pt;
}
#container-footer a {
	color: #ffffff;
	text-decoration: none;
}
#container-footer a:hover {
	text-decoration: underline;
}

/* font styles */

h1 {
	font-size: 18pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
        font-size: 11pt;
        font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
        font-size: 11pt;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
}

/* intranet dropdown */
#intranet-menu {
	width: 100%;
        min-width: 990px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

ul.dropdown-intranet {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
	color: #ffffff;
}
ul.dropdown-intranet li a.menu-top:link, a.menu-top:visited, a.menu-top:active {
        color: #ffffff;
        font-weight: bold;
        font-size: 9pt;
        display: block;
}
ul.dropdown-intranet a.menu-top:hover {
        text-decoration: underline;
}
ul.dropdown-intranet a:visited {
	color: #ffffff;
}
ul.dropdown-intranet ul {
        width: 120px;
        border-bottom: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
	display: block;
}
ul.dropdown-intranet ul li a {
        line-height: 11pt;
        padding: 2px 5px;
        color: #ffffff;
        border-top: 1px solid #ffffff;
}
ul.dropdown-intranet ul li a.blue {
	background: #007eb1;
}
ul.dropdown-intranet ul li a.green {
	background: #A3AB22;
}
ul.dropdown-intranet ul li a.red {
	background: #EE3A43;
}
ul.dropdown-intranet ul li a.yellow {
	background: #F8981D;
}

ul.dropdown-intranet ul li a:hover {
        text-decoration: underline;
}

#container-menu-top-int {
	width: 100%;
	height: 10px;
	background: #636466;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
        min-width: 990px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}