/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/
html, body, div, span, 
h1, h2, h3, h4, h5, h6, 
fieldset, form, label, legend
{
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 white-space: normal;
}
h1 {
    color: #8d0024;
    font-size: 18pt;
   }
h2 {
    color: #8d0024;
    font-size: 16pt;
    }
ol, ul,p, li
{
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}

body {
font-family:Verdana, Geneva, sans-serif;
background:#fff url(http://secure3.convio.net/stjo/images/content/pagebuilder/background.jpg) 0 0 repeat-y;
background-size:100%;
margin:0;
padding:0;
}

ul,li {
margin-left:0;
padding-left:0;
}

a:focus { outline:0; }
img { border: none; }

#main {
width:960px;
margin-left:auto;
margin-right:auto;
background-color: #fff;
}


#header {
background:url(http://secure3.convio.net/stjo/images/content/pagebuilder/red-header.png) center no-repeat;
height:107px;
}

#header img { padding:4px; }

#phone {
color:#fff;
position:relative;
float:right;
font-size:18px;
margin:0;
padding:8px 18px 0 0;
}
#phone a { color:#fff; text-decoration:none; }

#addthis {
clear:right;
float:right;
margin:8px 16px 0 0;
}

#search {
clear:right;
float:right;
margin:8px 18px 0 0;
}

#search label { display: none; }
#phrase {
 color:#9a1f3e;
 height:16px;
 border:1px solid #000;
 background-color:#e6e6e6;
 padding:3px;
 width: 118px;
}

#nav {
background-color:#cfd0d1;
height:28px;
margin:0;
}

#nav ul { list-style:none; }

#nav li {
display:inline;
float:left;
width:20%;
border-top:2px solid #a3687c;
border-bottom:3px solid #8D0024;
height: 26px;
}

#nav a {
text-transform:uppercase;
color:#000;
height: 20px;
text-decoration:none;
display:block;
text-align:center;
border-right:1px solid #780027;
padding:3px;
font-size: 15px;
}

#nav a#hide-final-bar { border-right:none; }

#nav a:hover {
color:#000;
background-color:#e6e6e6;
}

#side-nav {
position:relative;
background-color:#e6e6e6;
width:204px;
margin:0;
padding:14px 0 0 14px;
top:3px;
}

#side-nav li {
list-style:none;
padding-bottom: 3px;
margin: 0 0 3px 0;
}

#side-nav a {
color:#391e09;
text-decoration:none;
}

#side-nav ol li {
margin:0 0 0 -30px;
font-size: 14px;
padding: 2px 0;
}
#side-nav ol li a { font-size: 12px; }

#side-nav a:hover { text-decoration:underline; }
#side-nav a.selected { color:#780027; }

#content {
/*position:absolute;*/
/*top:138px;*/
width:716px;
/*margin-left:220px;*/
float:left;
background-color:#fff;
padding:8px 12px;
font-size: 14px;
font-family:Verdana, Geneva, sans-serif;
overflow: auto;
height: auto;
position:relative; margin-top:4px; vertical-align:top; margin-left:0px; top:0px;
}


#content ul li { margin-left: 24px; line-height:160%;}

#footer {
height:208px;
background-color:#e6e6e6;
border-top:solid 2px #989898;
left:255px;
width:960px;
padding-top:8px;
margin:1px 0;
}

#footer p {
line-height:8px;
font-size:12px;
}

#footer a {
text-decoration:none;
color:#000;
}
#footer a:hover { text-decoration:underline; }

.col1 {
position:relative;
float:left;
left:10px;
width:192px;
border-right:2px solid #989898;
height:130px;
}

.col2 {
position:relative;
float:left;
left:30px;
width:182px;
border-right:2px solid #989898;
height:130px;
}

.col3 {
position:relative;
float:left;
left:50px;
width:182px;
border-right:2px solid #989898;
height:130px;
}

.col4 {
position:relative;
float:right;
right:10px;
width:318px;
}

.atitle {
font-weight:700;
text-transform:uppercase;
}

a.social_network_link {
width:36px;
height:36px;
display:block;
overflow-x:hidden;
overflow-y:hidden;
float:left;
background-repeat:no-repeat;
background-image:url(http://secure3.convio.net/stjo/images/content/pagebuilder/social-media.png);
margin:9px 2px 0 2px !important;
}

a.social_network_link.facebook { background-position:-6px -8px; }
a.social_network_link.twitter { background-position:-48px -8px; }
a.social_network_link.youtube { background-position:-90px -8px; }

#legal {
 clear:both;
 padding:18px 0 3px 10px !important;
}

#skiplink a {
	width: 0;
	height: 0;
	position: absolute;
	overflow: hidden;
}

#skiplink a:active, #skiplink a:focus {
	width: auto;
	padding: 3px 5px 5px;
	border: 1px solid #fff;
	background-color: #666;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	position: absolute;
	overflow: visible;
	height: auto;
	top: 3px;
	right: 3px;
}
.accordionContent {color:#391eo9; font-size:14px; padding: 2px 0px;background-color:#e6e6e6; float:left; width:204px;}
.accordionButton {color: #780027; font-size:16px; padding:2px 0;background-color:#e6e6e6; float:left; width:204px; cursor:pointer;}
#side-nav .accordionButton a, #side-nav .accordionButton a:visited {color: #780027;}
#side-nav .accordionButton a:hover {text-decoration:underline;}
#side-nav .accordionButton a.selected {font-weight:bold;}
.accordionContent li {list-style:none;}
#side-nav {min-height:500px; float:left; height:auto; top:0px; margin-top:3px;}
#footer {float:left; border-top: 2px solid #989898; width:960px;}
#wrapper {width:960px; margin:0px auto;}
#main {background-color:#e6e6e6; float:left;}
#header {float:left; width:960px;}
#nav {width:960px; float:left;}
#store_image {vertical-align:bottom; float:left; height:301px;}
#nav a.selected {background-color:#e6e6e6;}

</style>