/*
Author: Jeff Golenski - jeffgolenski@midnight-shift.net
*/

/* --------------------------------------- BODY  */

body {
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
    font-family: Arial, Tahoma, "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
	background: #dbdbdb url(images/mainbg.gif) 0 0 repeat-x;	
	font-size: 9pt;

}

a:link, a:visited, a:active {
	color: #3a64b5;
	font-weight: bold;
	text-decoration: underline;
}
	
a:hover, a:focus {
	color: #3a64b5;
	text-decoration: none;
}	

span.loc4cur {
	color: #000000;
	font-weight: bold;
	font-size: 105%;
	text-decoration: none;
}

span.locs {
	color: #a29269;
	font-weight: bold;
	font-size: 105%;
	text-decoration: none;
}

/* --------------------------------------- STRUCTURE  */

#shell { 
	width: 920px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(images/shellbg.jpg) 50% 0 no-repeat;
}


#shell2 { 
	width: 920px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(images/shellbg2.jpg) 50% 0 no-repeat;
}


#header {
}

#horznav {
	text-align: center;
}

#trinav {
	text-align: center;
	background: #faf3e6;
	padding: 0;
	margin: 0;
} 

#content {
	width: 900px;
	background: #fdf9f1;
	text-align: left;
	padding: 10px; 
}

#contentmain {
	width: 860px;
	background: #fdf9f1;
	text-align: left;
	padding: 10px 30px; 
}     
	
	

	/* ---------------- SUB PAGES */

#contentsub {
	width: 670px;
	background: #fdf9f1;
	text-align: left;
	padding: 0 0 0 15px;
	margin: 0;
	float: left; 
}  


img.swim {padding: 2px; border: 1pt #EDE5D7 solid;}

img.swimblank {padding: 2px; border: 1pt #fdf9f1 solid;}

	#mainnav {
		float: left;
		margin: 0 0 25px 0;
		padding: 4px;
		text-align: left;
		background: #E3DCCE;         
		height: 100%;
	}  
	
	/* ---------------- FOOTER  */

	
#footerexpand {
	text-align: center;
	width: 100%;
	clear: both;
	background: #f9f9f9;
	border-top: 1px #c1cfe6 solid;
} 
	
	#innerfooter {
        margin: 0 auto;
		border-top: 1px #fff solid;
	}

		#footerright {
			float: right;
			text-align: right;
			margin: 0;
			padding: 0;
		}

		#footerleft {
			width: 212px;
			float: left;
			text-align: left;
			padding: 10px 10px 5px 20px;
			margin: 0 0 5px 0;
		} 

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}


/* --------------------------------------- HORZ NAV  */      


#horznav ul {
	width: 720px;
	padding: 0;
	margin: 0 auto;
} 
	
#horznav ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;	
} 
	
#horznav ul li a:link, #horznav ul li a:active, #horznav ul li a:visited {
	display: block;
	text-decoration: none;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
	color: #051534;
	padding: 10px 18px;
}

#horznav ul li a:hover, #horznav ul li a:focus { 
	text-decoration: underline;
}

/* --------------------------------------- TRINAV  */      

#trinav ul {
	width: 920px;
	height: 85px;
	padding: 0;
	margin: 0;
	background: url(images/trinavbg.gif) 0 0 no-repeat;
	border-bottom: 1px #ded1b6 solid;
} 
	
#trinav ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;	
} 
	
#trinav ul li a:link, #trinav ul li a:active, #trinav ul li a:visited {
	display: block;
	text-decoration: none;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
	color: #051534;
	padding: 0;
	width: 306px;
	height: 85px;
	text-indent: -9999px;
}

	#trinav ul li#breastcare a:hover, #trinav ul li#breastcare a:focus { 
		background: url(images/trinavbg.gif) 0 -85px no-repeat;
	} 

	#trinav ul li#compresstherapy a:hover, #trinav ul li#compresstherapy a:focus { 
		background: url(images/trinavbg.gif) -306px -85px no-repeat;
	}  

	#trinav ul li#oncology a:hover, #trinav ul li#oncology a:focus { 
		background: url(images/trinavbg.gif) -612px -85px no-repeat;
	}   	
	

/* --------------------------------------- MAIN NAV  */ 
                                       

#mainnav ul {
	width: 200px;
	padding: 0;
	margin: 0;
	background: #EDE2CC;
} 
	
#mainnav ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#mainnav ul li strong {
	font-size: 110%;
	display: block;
	padding: 8px 10px;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    color: #0a1835;
	line-height: 14pt;
} 
	
#mainnav ul li a, #mainnav ul li a:link, #mainnav ul li a:visited, #mainnav ul li a:active {
	font-size: 95%;
	display: block;
	padding: 8px 10px;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
    color: #352e0a;
	line-height: 14pt;
}

#mainnav ul li a:hover, #mainnav ul li a:focus  {
	color: #352e0a;
	text-decoration: underline;

}   


	/* --------------- MAIN NAV - SUB  */      

#mainnav ul ul.sub {
	padding: 0;
	margin: 0;
	border: none;
} 
	
#mainnav ul ul.sub li {
	padding: 0;
	margin: 0 10px;
	list-style: none;
}

#mainnav ul ul.sub li strong {
	font-size: 100%;
	display: block;
	padding: 9px 0 5px 5px;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    color: #3157a0;
	border-top: none;
}    
	
#mainnav ul ul.sub li a, #mainnav ul ul.sub li a:link, #mainnav ul ul.sub li a:active, #mainnav ul ul.sub li a:visited {
	font-size: 95%;
	display: block;
	padding: 2px 0 2px 25px;
	margin: 0;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
    color: #5a5226; 
	border: none;
}

#mainnav ul ul.sub li a.last {
	border: none;
	margin: 0;  
	} 

#mainnav ul ul.sub li a:focus, #mainnav ul ul.sub li a:hover {
	text-decoration: underline;
}    

/* --------------------------------------- COMMON ELEMENTS  */

h1#title {
  	margin: 0;
	padding: 0;
	border: none;	
} 

h1#title a {
	height: 120px;
	width: 100%;
	display: block;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 130%;
	text-transform: uppercase;
	color: #0a1835;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}

h1.swimhead {
	padding-top: 3px;
}

h2 {
	width: 410px;
	font-size: 112%;
	padding: 0px;
	color: #222222;
	border-bottom: 1px #ccc solid;
	font-weight: bold;
	}

h2.add {
	width: 600px;
	border: none;
	font-size: 112%;
	padding: 0px;
	color: #222222;
	font-weight: bold;
	} 
	
	
h2.short {
	width: 380px;
	font-size: 112%;
	padding: 0px;
	color: #0a1835;
	color: #666666;
	border-bottom: 1px #ccc solid;
	font-weight: bold;
	} 
	
	

h3 {
	color: #2E2C29;
	font-size: 100%;	
}


h4 {
	color: #000099;
	font-size: 105%;
	background-color: #eeeeee;
	width: 470px;
	padding: 5px;	
}

h5 {
	color: #64511e;
	font-size: 122%;
	font-weight: bold;	
}


h6 {
	color: #0a1835;
	font-size: 120%;
	font-weight: 500;
	font-style: italic;
	font-family: helvetica,sans-serif;	
}


p {
	font-size: 100%;
	line-height: 13pt;
}

p.newswimnav {
	margin: 0;
	border: 1px solid #0682a6;
	padding: 2px 8px;
	display: inline;
	float: right;
	font-weight: bold;
	font-size: 90%;
}

span.swimact {
		color: #00526a;
}

a.swimlnk:link, a.swimlnk:visited, a.swimlnk:active {
		text-decoration: none;
		color: black;
}

a.swimlnk:hover, a.swimlnk:focus {
		text-decoration: none;
		color: #00526a;
}

span.cap {
	font-size: 92%;
	line-height: 12pt;
}

span.small {
	color: #330000;
	font-size: 95%;
    font-family: Arial, Tahoma, sans-serif;
	font-weight: 500;
	}

p.home {
	width: 420px;
	font-size: 100%;
	line-height: 16pt;
}

p.home2 {
	width: 400px;
	font-size: 100%;
	line-height: 16pt;
}

p.loc {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	margin-left: 22px;
	}

dl.faq	{margin-right: 60px;}

dl.faq dt {
	margin-left: 12px;
	width: 600px;
	font-size: 110%;
	padding: 0px;
	color: #0a1835;
	border-bottom: 1px #ccc solid;
	font-weight: bold;
	text-transform: none;
	} 

dl.faq dd {
	font-size: 100%;
	line-height: 14pt;
	text-align: justify;
	margin-bottom: 25px;
}



dt {
	font-size: 100%;
	margin: 1px 0 8px 0;
	padding: 3px 0;
	color: #4066cd;
	border-bottom: 1px #ccc solid;
	text-transform: uppercase;
	font-weight: bold; 
}

dd {
	margin-bottom: 30px;
	line-height: 14pt;    
}

dd.last {
	margin-bottom: 2px;
	line-height: 14pt;    
}

ul.content {
 	line-height: 16pt;   
}

div.rightfloat {
 	float: right;
	width: 375px;
	margin-right: 15px;
}

div.mainphoto {
	width: 365px;
	margin: 10px 0 15px 15px;
	padding: 5px;
	background: #faf3e6;
	text-align: center;
}

div.mainphoto img {
	border: 1px #c2d1f3 solid;
}   


div.shade {
	width: 420px;
	padding: 0 7px;
	border: 2px #F3EBDD solid; 
	background-color: #EDE2CC;
}
  
div.shadelarge {
	width: 620px;
	padding: 0 10px;
	border: 2px #F3EBDD solid; 
	background-color: #EDE2CC;
}

/* --------------------------------------- FOOTER  */

#innerfooter h2 {
	font-size: 100%;
	margin: 0;
	padding: 3px 0;
	color: #fff;
	border-bottom: 1px #0e0d0d solid;
	text-transform: uppercase;
} 

#innerfooter p {
	color: #112140;
	line-height: 15pt;
	font-size: 98%;
	margin: 12px 14px;
}

#innerfooter a:link, #innerfooter a:visited, #innerfooter a:active {
	color: #738cba;
	font-weight: bold;
	text-decoration: none;
}

#innerfooter a:hover, #innerfooter a:focus {
	text-decoration: underline;
} 

#innerfooter ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	color: #112140;
	font-size: 90%;
} 

#innerfooter li {
	margin: 0;
	padding: 1px 0;
}

	/* -------------- TO TOP LINKS  */


a.toplink:link, a.toplink:active, a.toplink:visited {
    float: right;
	padding: 15px;
	text-decoration: none;
	}	

a.toplink:hover, a.toplink:focus {
    text-decoration: underline;
	}  

	/* --------------  HORIZONTAL FREESTYLE MENU LAYOUT */

div.navslide {
	width: 350px;
	float: right;
	background-color: #EDE2CC;
	border: 1px #d9d6cf solid;
}     

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
	width: 175px;
 	margin: 0;
 	padding: 0;
 	list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 	display: none;
 	position: absolute;
 	top: 1.2em; 
	margin-top: -14px; /* I'm using ems and px to allow people to zoom their font */
 	left: 175px;
 	width: 175px;
} 

.menulist ul.faq {
	margin-top: -95px; 

}  

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 /* float: left; */
 display: block;
 position: relative;
 margin-right: 0;
 background-color: #EDE2CC;;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 	float: none;
 	margin: 0;
	border-bottom: 1px #d9d6cf solid;
	border-left: none;
	border-right: none;
	background-color: #EDE2CC;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a, .menulist a:link, .menulist a:visited {
 display: block;
 padding: 6px;
 color: #000;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #000;
text-decoration: underline;
}
.menulist a.highlighted {
 color: #000;
background: #d2d0ca;
}

.menulist ul li a, .menulist ul li a:link, .menulist ul li a:visited {
  text-align: left;
  color: #2c2c2c;
  text-transform: none;
  font-weight: normal;
  padding: 6px;
  background-color: #EDE2CC;
}

.menulist ul li a:hover, .menulist ul li a.highlighted:hover, .menulist ul li a:focus {
 color: #2c2c2c;
 text-decoration: underline;
	background: #e9e9e9;
} 

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */