/*	colors
	background blue		#408ce8		64	140	232
	background cream	#f5f3eb		245	243	235
	complimentary		#ffd991		255	217	145
	default text		#132a79		19	42	121
	dark cream			#ebe7d8
	light blue			#afcff5		175	207	245
	lighter blue		#d9e8fb		217	232	251
	light tan			#e4dfc9		228	223	201
	darker tan			#ded8be
	med blue			#8fbbf1		143	187	241
*/


body {
	margin: 0px;
	padding: 0px;
	background: #408ce8 url("../images/bg_shadow.gif") repeat-y 50% 0;
	color: #132a79;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

body img {
	border: none;
}

body#GalleryPics {
	margin: 0px;
	padding: 0px;
	background: #fff;
}

body#GalleryPics img {
	width: 640;
}

body#GalleryPics input {
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: .9em;
	cursor: hand;
	background-color: #000;
	color: #fff;
	border: 2px solid #fff;
}

a,
a:link,
a:visited {
	color: #0000ff;
	text-decoration: none;
}

a:hover,
a:active {
	color: #0000ff;
	border-bottom: 1px dotted #0000ff;
	text-shadow: none;
}

hr {
	margin: 0px;
	color: #69c;
}

/* -- STRUCTURAL DIVs -------------------------------------------------------------- */
/* -- this is the line across the top of the page -- */
div#wrapper {
	width: 700px;
	margin: 0px auto;
	padding: 0px;
	background: transparent;
	background-color: #000;
	text-align: center;
	border: none;
/*	border-top: 10px solid #ddc256; */
}
div#wrapper div#TopBorder {
	margin: 0px;
	padding: 0px;
	background-color: #f5f3eb;
	background-image: url("../images/wrapper1b.gif");
	background-position: top left; 
	background-repeat: repeat-x;
	text-align: left;
	width: 100%;
	position: relative;
}


/* -- this determines the width of the header -- */
div#header {
	margin: 0px;
	padding: 0px;
	background: #fff;
	width: 700px;
	display: block;
}

/* -- this determines the height of the banner -- */
#header #LogoAndBanner {
	margin: 0px;
	padding: 0px;
	height: 80px;
}

/* -- this determines the size and position of the banner -- */
#header #LogoAndBanner #Logo {
	width: 700px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* -- this determines the image displayed in the heading -- */
div#header #LogoAndBanner #Logo h1 {
	padding: 0px;
	margin: 0px;
	height: 80px;
	border: none;
	text-align: left;
	text-indent: -9999px;
	background: #f5f3eb top left no-repeat;
	background-image: url("../images/newheadingb.gif");
	cursor: hand;	
}

#header a {
	background-color: transparent;
}

/* -- CONTENT div ------------------------------------------------------------------ */

div#wrapper div#content {
	margin: 0px;
	padding: 15px 0px 0px 0px;
  	background-color: #f5f3eb;
	background-image: url("../images/wrapper2b.gif");
	background-position: top left; 
	background-repeat: repeat-x;
	text-align: left;
	width: 100%;
	position: relative;
}

/* -- STORY BLOCK div -------------------------------------------------------------- */

div#StoryBlock {
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #999;
	border: none;
}

/* -- RELATED ITEMS div ------------------------------------------------------------ */

div#RelatedItems {
	background-color: #afcff5;
	padding: 0px 10px 5px 10px;
	border: 1px solid #999;
}

div#RelatedItems h3 {
	color: #132a79;
	font-size: 1.1em;
	padding: 5px 0px 2px 0px;
	margin: 0px;
	text-align: left;
	border-bottom: 1px solid #666;
}

/* -- FRONT PAGE ------------------------------------------------------------------- */

div#FrontPage,
div#CenterStory { /* -- Used to center the main content
		of pages that have left and right margins ---- */
	margin: 10px 5px 10px 5px;
	padding: 5px;
	width: 385px;
	float: left;
	border: 1px solid #999;
	background-color: #f5f3eb;
}

div#FrontPage h2{ /* -- Used for story headlines -- */
	color: #132a79;
	color: #036;
	font-weight: bold;
	font-size: 1.5em;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #999;
}

div#FrontPage h5 { /* -- Used for sub-headings -- */
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: 0px 0px 0px 5px;
	border: none;
	text-decoration: none;
}

div#FrontPage p { /* -- Used for story body on the front page -- */
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0px 5px 5px;
	text-align: justify;
}

div#FrontPage p span#pubdate { /* -- Used for story publish dates -- */
	font-weight: normal;
	font-size: 1em;
	color: #666;
	font-style: italic;
}

div#FrontPage a,
div#FrontPage a:link,
div#FrontPage a:visited,
div#FrontPage a:active { /* -- Used for Front Page Headlines -- */
	color: #132a79;
	display: block;
	padding: 5px 5px 0px 5px;
	text-decoration: none;
	border: none;
}

div#FrontPage a:hover {
	color: #f5f3eb;
	display: block;
	background-color: #8fbbf1;
	background-color: #69c;
	border-bottom: none;
	text-shadow: none;
	text-decoration: underline;
	text-decoration: none;
}

div#FrontPage a#StoryLink,
div#FrontPage a#StoryLink:link,
div#FrontPage a#StoryLink:visited { /* -- Used for links in the body of a story -- */
	display:inline;
	padding: 0px;
	color: #0000ff;
}

div#FrontPage a#StoryLink:hover,
div#FrontPage a#StoryLink:active {
	display:inline;
	color: #0000ff;
	background-color: transparent;
	border-bottom: 1px dotted #0000ff;
	text-shadow: none;
	text-decoration: none;
}

/* -- CENTER STORY ------------------------------------------------------------------*/

div#CenterStory div#StoryBlock h2 { /* -- Used for story headlines --*/
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px;
	padding: 6px;
	background: #ebe7d8;
	background-color: #afcff5;
	border: 1px solid #999;
}

div#CenterStory p#pubdate { /* -- Used for story publish dates -- */
	font-size: 1em;
	font-weight: normal;
	color: #666;
	font-style: italic;
	text-align: right;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	border: 1px solid #999;
	border-top: 0px;
}

div#CenterStory p { /* -- Used for story body -- */
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: justify;
	margin: 10px 5px 15px 5px;
	padding: 0px;
}

/* -- FULL STORY ---------------------------------------------------------------------*/

div#FullStory { /* -- Used to float the main content to the
		left for pages that not not have left margins ---- */
	margin: 10px 5px 10px 5px;
	padding: 5px;
	width: 540px;
	float: left;
	border: 1px solid #999;
}

div#FullStory h2 { /* -- Used for story headlines -- */
	color: #036;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px;
	padding: 6px;
	background: #ebe7d8;
	background: #afcff5;
	border: 1px solid #999;
}

div#FullStory h5 { /* -- Used for sub-headings -- */
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: 0px;
	border: none;
	text-decoration: underline;
}

div#FullStory h6 { /* -- Used for footers -- */
	font-size: .8em;
	font-style: italic;
	color: #666;
	margin: 0;
	padding: 0px;
	border: none;
}

div#FullStory p#pubdate { /* -- Used for story publish date -- */
	font-size: 1em;
	font-weight: normal;
	color: #666;
	font-style: italic;
	margin: 0;
	padding: 2px 5px 5px 5px;
	border-left: 1px solid #132a79;
	border-right: 1px solid #132a79;
	border-bottom: 1px solid #132a79;
}

div#FullStory p { /* -- Used for story body -- */
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: justify;
	margin: 10px 5px 15px 5px;
	padding: 0px;
}

/* -- TABLES ----------------------------------------------------------------------- */

div#Schedule table { /* -- Used for meet and practice schedules -- */
	width: 100%;
	margin: 0px;
	padding 0px;
}

div#Schedule th { /* -- Used for table headers -- */
	color: #036;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border: 1px solid #999;
	background-color: #afcff5;
}

div#Schedule td { /* -- Used for normal table data -- */
	padding: 5px;
}

div#Schedule td#Date { /* -- Used for date columns -- */
	text-align: center;
	vertical-align: center;
	border: 1px solid #999;
	border-top: 0px;
}
div#Schedule td#AgeGroup { /* -- Used for age group columns -- */
	text-align: center;
	vertical-align: text-top;
	border: 1px solid #999;
	border-top: 0px;
	border-left: 0px;
}
div#Schedule td#Times { /* -- Used for time columns -- */
	text-align: center;
	vertical-align: text-top;
	border: 1px solid #999;
	border-top: 0px;
	border-left: 0px;
}
div#Schedule td#Location { /* -- Used for time columns -- */
	text-align: left;
	vertical-align: text-top;
	border: 1px solid #999;
	border-top: 0px;
	border-left: 0px;
}

div#Schedule td#Place { /* -- Used for team results place -- */
	text-align: right;
}

div#Schedule td#Footer { /* -- Used for table footers -- */
	border: 1px solid #999;
	border-top: 0px;
}
div#Schedule td#Footer p,
div#Schedule td#Location p#Footer { /* -- Used for table footers -- */
	font-size: .8em;
	text-align: left;
	padding: 5px;
	margin: 0px;
}
div#Schedule td#Location a,
div#Schedule td#Location a:link,
div#Schedule td#Location a:visited {
	font-size: .8em;
	color: #0000ff;
	text-decoration: none;
}

div#Schedule td#Location a:hover,
div#Schedule td#Location a:active {
	color: #0000ff;
	border-bottom: 1px dotted #0000ff;
	text-shadow: none;
}
 { /* -- Used for links in the table for directions -- */
	font-size: .8em;
	text-align: left;
	padding: 5px;
	margin: 0px;
}
#Emphasis {
	background-color: #e4dfc9;
}
#HiLite {
	color: #900;
}

div#ResultsTable { /* -- Used for city meet results -- */
	width: 520px;
}

div#ResultsTable table {
	width: 259px;
}

div#ResultsTable td { /* -- Used for normal table data -- */
	font-size: .7em;
	vertical-align: top;
}

div#ResultsTable td#Heading { /* -- Used for headings -- */
	text-align: center;
}

div#ResultsTable td#Stroke { /* -- Used for swim stroke columns -- */
	padding: 0 0 0 5;
	width: 85px;
	vertical-align: text-top;
}

div#ResultsTable td#Result { /* -- Used for place and points columns -- */
	padding: 0 0 0 5;
	vertical-align: text-top;
}

table#Gallery { /* -- Used for photo galleries -- */
	margin: 0 0 10 0;
}

div#Schedule table#TeamResults {
	width: 530px;
}

table#Gallery img { /* -- Used for thumbnail images -- */
	width: 110px;
	border: none;
	margin: 2px;
}

table#Gallery a,
table#Gallery a:link,
table#Gallery a:visited { /* -- Used for thumbnail links -- */
	border: 2px solid #999;
}

table#Gallery a:hover,
table#Gallery a:active {
	border: 2px solid #00f;
}

/* -- IMAGES ------------------------------------------------------------------------ */

div#StoryImageRight { /* -- Used to float images to the right
			in the body of a story -- */
	display: inline; 
	float: right; 
	padding: 10 0 5px 5px;
	margin: 0;
	width: 130px;
}
div#StoryImageLeft { /* -- Used to float images to the left
			in the body of a story -- */
	display: inline; 
	float: left; 
	padding: 10 0 5px 5px;
	margin: 0;
	width: 130px;
}
div#StoryImageRight img,
div#StoryImageLeft img {
	border: 1px solid #999;
}

/* COLOR SCHEME:
	light olive: f7f7e0
	  med olive: E5E5AF
	 dark olive: CBCB9C
   darker olive: 979775
  darkest olive: 717158
	   dark red: 880000
*/

/* -- LEFT MARGIN section ---------------------------------------------------------- */

div#LeftMargin {
	margin: 10px 5px 10px 5px;
	padding: 5px;
	width: 130px;
	height: 650px;
	float: left;
	background-color: #afcff5;
	border: 1px solid #999;
}

div#LeftMargin img {
	width: 128px;
	background-color: transparent;
	border: 1px solid #666;
}

div#LeftMargin img#Counter {
	width: 100%;
	border: none;
}

div#LeftMargin div#TextBox {
	width: 129px;
	font-size: .9em;
	text-align: justify;
	background-color: #cc9;
	padding: 5px;
	border: 1px solid #999;
}

/* -- LEFT MARGIN NAVIGATION ------------------------------------------------------- */

div#LeftMargin a,
div#LeftMargin a:link,
div#LeftMargin a:visited {
	display:block;
	width: 130px;
	padding:5px;
	font-size: 12px;
	font-weight: normal;
	color: #036;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid;
	border-color: #afcff5;
}

div#LeftMargin a:hover,
div#LeftMargin a:active {
	color: #f5f3eb;
	background-color: #69c;
	border-color: #036;
}

div#LeftMargin #curbutton {
	display:block; 
	width: 130px;
	font-size: 12px;
	font-weight: normal;
	color: #036;
	padding-left: 10;
	padding-top: 5;
	padding-bottom: 5;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid #369;
}


/* -- RIGHT MARGIN section --------------------------------------------------------- */
	
div#RightMargin {
	width: 130px;
	height: 650px;
	float: right;
	margin: 10px 5px 10px 5px;
	padding: 5px 5px 10px 5px;;
	background-color: #afcff5;
	border: 1px solid #999;
}

div#RightMargin div#LinkBox {
	padding: 5px;
	margin: 0px 0px 10px 0px;
	background-color: #cc9;
	border: 1px solid #999;
}

div#RightMargin h2 { /* used for story headlines */
	color: #036;
	font-weight: bold;
	font-size: 1.5em;
	padding: 5px 0 0 0;
	margin: 0;
}

div#RightMargin h3 {  /* used for story bylines */
	font-size: 1.0em;
	color: #666;
	padding: 5px 0 2px 0;
	margin: 0;
	border-bottom: 1px solid #666;
}

div#RightMargin a,
div#RightMargin a:link,
div#RightMargin a:visited {
	color: #0000ff;
	background-color: transparent;
	border: none;
}

div#RightMargin a:hover,
div#RightMargin a:active {
	border-bottom: 1px dotted #0000ff;
}

/* -- SEPARATORS -------------------------------------------------------------------- */

div#Separator {
	font-size: 1.2em;
	padding: 3px 0px 3px 10px;
	margin: 5px 0px 0px 0px;
	background-color: #e4dfc9;
	background-color: #afcff5;
	border: 1px solid #999;
}

div#Separator1 {
	font-size: 1.2em;
	color: #ffffff;
	padding: 3px 0px 3px 10px;
	margin: 5px 0px 0px 0px;
	background-color: #132a79;
}

div#Separator2 {
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
	padding: 3px 0px 3px 10px;
	margin: 10px 0px 5px 0px;
	background-color: #132a79;
}
div#GalleryHeading div#Separator {
	font-size: 1.2em;
	width:670px;
	padding: 3px 0px 3px 10px;
	margin: 20px 8px 0px 8px;
	background-color: #e4dfc9;
	background-color: #afcff5;
	border: 1px solid #999;
}
div#GalleryHeading p#pubdate {
	font-size: 1em;
	font-weight: normal;
	color: #666;
	text-align: right;
	font-style: italic;
	width:670px;
	margin: 0px 8px 0px 8px;
	padding: 2px 5px 5px 5px;
	border: 1px solid #999;
	border-top: none;
}
/* -- GALLERY NAVIGATION ------------------------------------------------------------ */

#GalleryNav {
	position:relative; 
	width:670px; 
	margin:5px auto 5px auto;
	padding:5px;
	border:1px solid #999; 
}
#CenterStory div#GalleryNav {
	width:100%; 
}
#GalleryNav ul {
	padding:0; 
	margin:0; 
	list-style-type:none; 
}
#GalleryNav li {
	float:left;
}
#GalleryNav a,
#GalleryNav a:link,
#GalleryNav a:visited,
#GalleryNav a:active {
	display: block;
	width: 135px;
	font-size: 11px;
	color: #132a79;
	padding: 5px;
	margin: 5px;
	text-decoration: none;
	background-color: #ebe7d8;
	border: 2px solid;
	border-color: #ccc #888 #666 #aaa;
}
#GalleryNav a:hover {
	background-color: #ded8be;
}


/* -- ALT NAV ----------------------------------------------------------------------- */

div#AltNav a,
div#AltNav a:link,
div#AltNav a:visited {
	display:block; width: 135;
	font-size: 11px;
	color: #132a79;
	padding: 5px;
	margin: 5px;
	text-decoration: none;
	background-color: #ebe7d8;
	border: 2px solid;
	border-color: #ccc #888 #666 #aaa;
}

div#AltNav a:hover,
div#AltNav a:active {
	background-color: #ded8be;
}

/* -- MARQUEE div ------------------------------------------------------------------- */

div#Marquee {
	color: #036;
	float: left;
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
	padding: 5px;
	margin: 5px 0px 10px 0px;
	background-color: #e4dfc9;
	background-color: #afcff5;	
	border: 1px solid #999;
}

/* -- GALLERY ---------------------------------------------------------------------- */

/* The containing box for the gallery. */
#container {
	position:relative; 
	width:670px; 
	height:396px; 
	margin:5px 8px 0 8px;
	padding:5px;
	border:1px solid #999; 
}

/* Removing the list bullets and indentation */
#container ul {
	padding:0; 
	margin:0; 
	list-style-type:none; 
}

/* Remove the images and text from sight */
#container a.gallery span {
	position:absolute; 
	width:1px; 
	height:1px; 
	top:-1px; 
	left:-1px; 
	overflow:hidden; 
	background:#f5f3eb;
}

/* Adding the thumbnail images */
#container a.gallery,
#container a.gallery:visited {
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	margin:1px 2px 1px 2px; 
	text-align:left; 
	cursor:default;
}

#container a.HomeSlide {
	background:url(../images/galleryHome_t.gif); 
	height:60px; 
	width:192px;
}
* html #container a.HomeSlide {
	width:190px; 
	w\idth:192px;
}

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
	width:198px;
	height:386px;
}
#container li {
	float:left;
}



/* move the thumbnails into the correct position */
#container ul {
	margin:5px; 
	float:right;
}

/* change the thumbnail border color */
#container a.gallery:hover {
	border:1px solid #ccc; 
	}


/* styling the :hover span */
#container a.gallery:hover span {
	position:absolute; 
	width:372px; 
	height:372px; 
	top:10px; 
	left:10px;
	font-size: 140%;
	color:#333; 
	background:#f5f3eb;
}
#container a.gallery:hover img {
	border: 1px solid #f5f3eb; 
	float:left; 
	margin-right:5px;
}

#container {
	background:#f5f3eb url(../images/gallery.gif) 10px 10px no-repeat;
}