body{
margin: 0px;
padding: 0px;
font-size: 10px/1.5em;
font-family:Verdana;
/*font-size: 1.5em;*/
background-color: #eceff4;
}

a{
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

h1,h2,h3,ul,li {
margin: 0;
padding: 0;
}

body img{
border: 0px;
}

/* Top red header bar */

#headerbarcontainer {
background-color: #B4252b;
width: 100%;
float: left;
}

#headerbar{
height: 123px;
width: 960px;
margin:0 auto 0 auto;
}

#toplefttabs{
float: left;
background: url('../images/toplefttabs2.png') top left  no-repeat;
clear: right;
width: 70px;
height: 24px;
}

#toprighttabs{
float: right;
background: url('../images/toprighttabs2.png') top left  no-repeat;
width: 362px;
height: 24px;
clear: right;
}

#toprighttabs li, #toplefttabs li{
float: left;
list-style: none;
margin: 3px 3px 0 3px;
padding: 0px;
text-align: center;
font-family: Helvetica;
font-size: .7em;
font-weight: bold;
padding-left: 16px;
padding-left: 13px;
}

#toprighttabs li a, #toplefttabs li a{
text-decoration: none;
color: #ffcccc;
}

#toprighttabs ul, #toplefttabs ul{
margin: 0px;
padding: 0px;
}


#logo{ 
float: left; 
clear: left; 
margin: 8px 0 14px 0; 
} 

#quote{ 
float: left; 
clear: none; 
margin: 8px 55px 14px 0; 
} 

#lakehealth {
float: right;
clear: right; 
margin: 8px 0 14px 0; 
}




/* End Top red header bar */


/* Blue menu bar */

#menubarcontainer {
width: 100%;
background-image: url('../images/menubarsliver.png');
background-repeat: repeat-x;
float: left;
}

#menubar{
height: 35px;
width: 960px;
margin:0 auto 0 auto;
z-index:1;
position:relative;
}


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

/* See suckerfish.css for menubar dropdown code by Suckerfish */

/* End blue menu bar */


/* Content Area */

#contentcontainer{
width: 100%;
float: left;
}

#content {
background-color: #ffffff;
width: 960px;
margin:0 auto 0 auto;
}

#breadcrumbs{
height: 50px;
background-image: url('../images/breadcrumbbg.png');
background-repeat: no-repeat;
background-position: center center;
width: 100%;
float: left;
clear: right;
font-family: "Trebuchet MS";
font-weight: lighter;
padding: 12px 0 0 15px;
font-size: .75em;
color: #4d565b;
}

#breadcrumbs a{
text-decoration: none;
color: #336699;
}

/* Left navmenu */

#leftnavmenu{
width: 192px;
float: left;
padding-left: 10px;
}

#menu {
	list-style: none;
	margin: 0 0 0 6px;
	padding: 0;
	width: 145px;
	font-family: "Trebuchet MS";
}

#menu ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}


#menu ul ul {
	display: inline;
}


#menu ul ul li a {
	padding-left: 20px;
	width: 145px;
	text-decoration: none;
}
#menu a {
	color: #4d565b;
	cursor: pointer;
	display: block;
	margin: 0 0 0 0;
	padding: 0px 2px 0px 17px;
	padding: 2px 2px 2px 17px;
	width: 145px;
	text-decoration: none;
}

#menu a.expanded {
	background: #fff url('../images/menuclose.png') no-repeat 0 -4px;
	background: #fff url('../images/menuclose.png') no-repeat 0 -2px;
	font-size: .9em;
	line-height: 30px;
}

#menu a.collapsed {
	background: #fff url('../images/menuopen.png') no-repeat 0 -4px;
	background: #fff url('../images/menuopen.png') no-repeat 0 -2px;
	font-size: .9em;
	line-height: 30px;
}

#menu ul a {
	background: #fff;
	border-top: 2px solid #fff;
	color: #336699;
	display: block;
	font-weight: normal;
	padding: 2px 2px 2px 10px;
	width: 128px;
	margin-left: 20px;
	font-size: .7em;
	text-decoration: none;
}

#menu .footer {
	border-top: 2px solid #fff;
	height: 9px;
	margin: 0 0 10px 0;
	width: 142px;
}

#menu .footer span {
	display: none;
}
/* End Left navmenu */


/* Center content area -- this is where most content will "live"*/

/* rey: this is whenever we don't have right navigation menu, let the main content go full width*/
#centercontentmax{
width: 950px;
float:left;
}

#centercontentfull{
width: 742px;
float:left;
}

#centercontent{
width: 562px;
float: left;
}

#athleticstop {
width: 560px;
float: left;
}


#slideshow {
width: 560px;
height: 255px;
float: left;
}

/*Start articles */


#articlecolumn{
width: 370px;
float: left;
}

.menudesc 
{
	font-style:italic;
	color:Navy;
}

.articleimageholderleft{
width: 170px;
display: inline;
float: left;
margin: 0 10px 0 0;
}

.articleimageholderright{
width: 170px;
display: inline;
float: right;
margin: 0 0 0 10px;
}

.caption {
font-family: 'Trebuchet MS';
font-size: .7em;
width: 150px;
text-align: center;
margin: 0 10px 0 10px;
}

.articleimage {
border: 10px solid #E1E6EC;
}

.articlebody {
font-family: 'Helvetica';
font-size: .75em;
color: #4d565b;
}

.article {
float: left;
margin: 0 0 20px 0;
}

.article h2{
font-family: 'Trebuchet MS';
color: #b3252a;
font-size: 1.4em;
margin: 10px 0 10px 0;
}

.article h2 a{
color: #b3252a;
}

.articledate {
font-family: 'Trebuchet MS';
color: #4d565b;
font-size: .7em;
font-style: italic;
}

.articlehr{
margin: 20px 0 0 0;
}

.article p {
margin: 0;
line-height: 1.2em;
}
/*End articles */




/*End center content area */

/* Modules: These are written in kind of a tricky way, using class AND ID for some elements. */
/* Modules: .curvedbox sets kind of a baseline template, and the ID's then modify as needed. */


#innercolumns{
padding: 15px 0 0 0;
width: 188px;
float: left;
}

#rightnavmenu{
width: 180px;
float: left;
padding: 0 0 0 7px;
}

.curvedbox {
width: 180px;
background: #ffffff url('../images/generaltop.png') no-repeat 0px 3px;
color: #2b303f;
float: left;
}

.curvedbox h3 {
font-family: "Trebuchet MS";
font-weight: lighter;
font-style: italic;
padding: 6px 10px 10px 10px;
font-size: .85em;
margin: 0px;
}

.curvedbox p {
margin: 0px;
padding: 0px 15px 0px 15px;
text-align: left;
}

#pirateshop {
margin: 0px 0px 15px 0px;
}

#quicklinks, #photobook, .general{
margin: 0;
padding: 8px 0 0 8px;
}

#quicklinks li, #photobook li, .general li{
list-style: none;
padding: 0 0 5px 13px;
font-family: Helvetica;
font-weight: bold;
font-size: .7em;
line-height: 1.3em;
}

#quicklinks li{
background: url('../images/quickbullet.png') no-repeat 0px 3px;
color: #ffffff;
}

#quicklinks li a,#quicklinks li a:focus, #quicklinks li a:active {
color: #ffffff;
}

#quicklinks li a:hover{
text-decoration: underline;
}

#photobook li{
background:url('../images/photobookbullet.png') no-repeat 0px 3px;
color: #336699;
}

.general li{
background:url('../images/generalbullet.png') no-repeat 0px 3px;
color: #336699;
}

.general li a,.general li a:focus, .general li a:active {
color: #336699;
}

.general li a:hover {
text-decoration: underline;
}

#photobook li a,#photobook li a:focus, #photobook li a:active {
color: #336699;
}

#photobook li a:hover{
text-decoration: underline;
}

#quicklinksmodule {
background: #2B303F url('../images/quicklinkstop.png') no-repeat left top;
color: #ffffff;
}

#quicklinksmodule p{
background: #2B303F url('../images/quicklinksbottom.png') no-repeat left bottom;
}

#photobookmodule {
background: #F2EDE1 url('../images/photobooktop.png') no-repeat left top;
color: #336699;
margin-top: 10px;
}

#photobookmodule p{
background: #F2EDE1 url('../images/photobookbottom.png') no-repeat left bottom;
}

.subdate {
font-family: "Trebuchet MS";
font-weight: lighter;
font-style: italic;
color: #4d565b;
}

.modulebutton {
margin: 8px 0 0 10px;
}

/* End Modules */


/* Footer Area */


#footerbar 
{
background-color: #ffffff;	
margin: 45px 10px 0 10px;
width: 940px;
float:left;
clear: left;
border-top: 5px solid #E1E6EC;
padding-top: 12px;
font-family: 'Trebuchet MS';
font-size: .7em;
color: #4d565b;
height: 50px;
}

#footerbar a,#footerbar a:focus, #footerbar a:hover, #footerbar a:active {
color: #444444;
}

#leftfooter{
float: left;
}
#rightfooter{
float: right;
}

/* End Footer Area */