@charset "utf-8";
/* CSS Document */

@charset "utf-8";

body, html {
	margin:0;
	padding:0;
	}
/*----- elimina los espacios verticales para los differentes browsers
	------t */ 
	
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
	}
body  {
	font:100% "Trebuchet MS", Arial, Helvetica, sans-serif
	font-weight: bold;
}
/*Diseno General- -----estillos generales----- */
#container {
	background:url(../images/Sync_Swim_BKG.jpg) no-repeat top left;
	width: 800px;
	margin: 0 auto;
	height: 1550px;
}
#header {
	height: 175px;
	position: relative;
}  
/* ----estilos de barra lateral---*/

#mainContent {
	margin: 0;
	padding:0;
	}
	
/*  estilos especificos para diseno de botoon horizontal */ 
#header ul {
		background:url(../_images/backing_top_buttons.gif);
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
	position: relative;
	right: 32px;
	top: 25px;
}
#header li {
	float: right;
}
#header li a:link, #header li a:visited {
	padding: .2em .5em;
	display: block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	line-height: 1.2em;
	margin-right: 0.5em;
}
#header li a.current, #header li a.current:hover, #header li a.current:active {
	color: #999;
	cursor: default;
}
#header li a:hover {
	color: #F60;
}

/* ------contenido principal estilos especificos----*/
#mainContent img {
	background: none;
	display: block;
	padding: 0;
	border: 0;a
	margin: 0;
}
#mainContent p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	text-align:left;
	color:#999;
	margin-top: 0.1em;
}
#mainContent a {
	font-weight: bold;
	color: #602E0C;
	text-decoration: none;
	border-bottom: 1px dotted #602E0C;
	padding-bottom: .1em;
}
#mainContent a:hover {
	color: #BA3818;
	border: none;
}
#mainContent .article, #mainContent .galleryArticle, #mainContent .archive {
	padding: 0 7em 0 7em;
	margin-bottom: 1em;
	border: 0px;
	background:none;
}
#mainContent .article h1 {
	font-family:"Helvetica Light", Arial, "Trebuchet MS", sans-serif;
	font-size: 3.5em;
	color: #FFF;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
	padding-left: 0px;
}
#mainContent .article h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color:#fff;
	margin-bottom: -0.5em;
	font-weight: normal;
	text-align: left;
	padding-bottom: 45px;
	background: url(../_images/dark_side.jpg) no-repeat left top;
}
#mainContent h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.95em;
	margin: 1em .5em;
	color: #600;
}


/* ------ Navigation  Spry --------------*/
#spry {
	margin:0;
	padding:0;
	height:100px;
	position:relative;
	top: 0px;
}
#spry2 {
	margin:0;
	padding:0;
	height:130px;
	position:relative;
	top: 0px;
}

/*__________   anchor___________*/

.anchor{
	width:10;
	height:60px;
	margin:2px 2px 2px 1px;
	padding:5px 2px 2px 2px;
	position:absolute;
	vertical-align:bottom;
}
#anchorR{
	width:145px;
	height:48px;
	margin:30px 2px 2px 1px;
	padding:5px 2px 2px 2px;
	vertical-align:top;
	position:absolute;
	top: 0px;
	left: 624px;
}
#boxFlash{
	width:429px;
	height:377px;
	margin:30px 2px 2px 1px;
	padding:43px 2px 2px 2px;
	vertical-align:top;
	position:absolute;
	top: 0px;
	left: 174px;
}
#spacer{
	width:91px;
	height:103px;
	margin:10px 2px 2px 1px;
	padding:5px 2px 2px 2px;
	vertical-align:top;
	position:absolute;
	text-align:left;
	top: 4px;
	left: 16px;
}
#anchorR a:link, #anchorR a:visited {
	color:none;
}
#anchorR a.current, #anchorR a.current:active {
	color:none;
}

#spacer a.current:hover, {
	color:fff;
}
#spacer a:link, #spacer a:visited {
	color:none;
}
#spacer a.current, #spacer a.current:active {
	color:none;
}

#spacer a.current:hover, {
	color:fff;
}
/*__________   wrapper___________*/

#wrapperInd{
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	width:130px;
	height:276px;
	margin:0 0 0 43px;
	padding:0px 0px 0px 0px;
	text-align: left;
	position: relative;
	}
	
	
#wrapperInd2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#96C;


	:width:400x;
	height:20px;
	margin:0 0 0 615px;
	padding:240px 4px 4px 4px;
	top:180px;
	text-align:left;
	vertical-align: bottom;
	position:absolute;
	width: 111px;
	}
#wrapperInd3{
	line-height:16px;
	color: #666;
	height:87px;
	width:580px;
	margin:1px 1px 1px 180px;
	padding:55px 1px 7px 1px;
	bottom:260px;
	text-align: left;
	font-weight: lighter;
	}
#wrapperInd3b{
	line-height:16px;
	color: #666;
	height:25px;
	width:490px;
	margin:1px 1px 1px 127px;
	padding:42px 1px 7px 10px;
	bottom:260px;
	text-align: left;
	font-weight: lighter;
	}
#wrapperInd3c{
	line-height:16px;
	color: #666;
	height:180px;
	width:650px;
	margin:1px 1px 1px 127px;
	padding:37px 1px 7px 10px;
	bottom:260px;
	text-align: left;
	font-weight: lighter;
	}
#wrapperInd3d{
	line-height:16px;
	color: #666;
	height:100px;
	width:650px;
	margin:1px 1px 1px 127px;
	padding:50px 1px 7px 1px;
	bottom:260px;
	text-align: left;
	font-weight: lighter;
	}
#wrapperInd4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
	color: #666;
	width:800px;
	height:20px;
	margin:0 0 0 3px;
	padding:3px 0px 0px 0px;
	text-align: center;
	vertical-align:bottom;
	}
.wrapperInd5{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:600ppx;
	height:497px;
	margin:2px 40px 42px 70px;
	padding:30px 30px 5px 20px;
	bottom:260px;
	text-align: left;
	vertical-align:bottom;
	font-weight: lighter;
	}
.wrapperInd6{
	width:630px;
	height:95px;
	margin:2px 0 0 70px;
	padding:100px 0px 0px 0px;
	bottom:260px;
	text-align: left;
	vertical-align:bottom;
	}
.wrapperIndSpac {
	width:600px;
	height:175px;
	margin:2px 0px 1px 60px;
	padding:5px 01px 0px 78px;
	bottom:260px;
	text-align: left;
	vertical-align:bottom;
	}
.wrapperInd7{
	width:650px;
	height:555px;
	margin:0 0 15px 70px;
	padding:60px 0px 0px 20px;
	bottom:260px;
	text-align: left;
	vertical-align:bottom;
	}
.wrapperInd8{
	width:600px;
	height:220px;
	margin:2px 0px 1px 60px;
	padding:135px 01px 0px 75px;
	bottom:260px;
	text-align: left;
	vertical-align:bottom;
	}
.wrapperInd8b{
	width:700px;
	height:285px;
	margin:2px 0px 1px 60px;
	padding:10px 01px 0px 15px;
	bottom:260px;
	text-align: left;
	vertical-align:bottom;
	}
#wrapperInd9{
	line-height:16px;
	color: #666;
	height:80px;
	width:650px;
	margin:1px 1px 1px 127px;
	padding:65px 1px 7px 1px;
	bottom:260px;
	text-align: left;
	font-weight: lighter;
	}
.wrapperInd10{
	width:700px;
	height:240px;
	margin:2px 0px 1px 60px;
	padding:10px 01px 0px 15px;
	bottom:260px;
	text-align: left;
	vertical-align:bottom;
	}	
	
.wrapperSpacer {
	width:650px;
	height:60px;
	margin:0 0 0 80px;
	padding:20px 0px 0px 0px;
	bottom:260px;
	text-align: center;
	vertical-align:bottom;
	}
	
.wrapper {
	background:url(../_images/dark_side.jpg) no-repeat top left;
	width:1000px;
	height:400px;
	margin:0 0 0 50px;
	padding:0;
	top:0;
	background-image:
	}
/*__________   wrapper___________*/

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #F60;
}
p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #666;
}
#container2 {
	margin: 3px 50px 3px 50px;
	background-image: url(../_images/dark_side.jpg);
	height: 200px;
	font-size:10px
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	padding:0 7em 0 7em;
	top:0px;
	position: relative;
}
#footer3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1em;
	margin:10px 392px 10px 579px;
	}

/*
CLASS ACCENT STYLES
****************************************/

.clearLeft{ /*used for clearing left floated elements*/
	clear:left;
}
.clearRight{ /*used for clearing right floated elements*/
	clear:right;
}
.clearBoth{ /*used for clearing all floated elements*/
	clear:both;
}
.clearfloat { /* used for clearing and containing internal floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.rightAlign    {
	text-align: right;
}
.greyH2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	font-weight: normal;
}

.whiteCopy {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.index_message_g1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8F8F8F;
	line-height: 23px;
		height: 35px;
	text-align: right;
}
.index_message_g2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #606060;
	line-height: 23px;
	text-align: right;
}
.centerWhite {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
}
.centerOrange {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #F60;
	vertical-align: middle;
	text-align: center;
}
.centerOrangeSm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #939;
	text-align: left;
	font-weight: bold;
	line-height: 16px;
}

.LearnMore {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 0px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	padding: 4px 15px 0 0;
}

.imageButton {
	background: url(../_images/learn_more_button.gif) no-repeat right bottom;
	text-align:right;
	height:13px;
	margin:100px 108px 3px 550px;
	color: #FFF;
	padding: 10px 18px 10px 10px;
	position: relative;
	bottom: auto;
	}
#learnMore a:link, #learnMore a:visited {
	color:#fff;
}
#learnMore a.current, #learnMore a.current:active {
	color:#666;
}

#learnMore a.current:hover, {
	color:fff;
}
	
#footer {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:30px;
	padding: 2px 10px 10px 10px;
	background:none;
	margin-bottom: 1em;
	clear:both;
}
#footer a:link, #footer a:visited {
	color:#666;
}
#footer a.current, #footer a.current:active {
	color:#666;
}

#footer a.current:hover, {
	color:#C5DA3D;
}
#wrapperInd2 a:link, #wrapperInd2 a:visited {
	color:#C5DA3D;
}
#wrapperInd2 a.current, #wrapperInd2 a.current:active {
	color:#C5DA3D;
}

#wrapperInd2 a.current:hover, {
	color:#C5DA3D;
}
/*_______________TABLES______*/
.wrapperIndDblLine {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:5px;
	width:165px;
	height:270px;
	margin:0 0 0 15px;
	padding:0px 0px 0px 0px;
	text-align: left;
}
.wrapperIndTableIn {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:21px;
	color: #666;
	width:700px;
	height:20px;
	margin:0 0 0 30px;
	padding:3px 0px 0px 0px;
	bottom:260px;
	text-align: left;
	vertical-align:bottom;
}
.wrapperIndTableInW {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:21px;
	color: #FFF;
	width:700px;
	height:20px;
	margin:0 0 0 30px;
	padding:3px 0px 0px 0px;
	bottom:260px;
	vertical-align:bottom;
}
.greyH2Center {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.centerOrangeSmRight {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #939;
	text-align: right;
	font-weight: bold;
}
.greyH2bold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #333;
	font-weight: bold;
}
.purpleH2Bold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #939;
	font-weight: bold;
}
.centerYelloweSm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #F90;
	text-align: left;
	font-weight: bold;
	line-height: 16px;
}
#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(images/~trinity_main2.swf);
background-image: url(images/homeSwimm_BKG.jpg);
background-image: url(images/aboutUs_BKG.jpg);
background-image: url(images/Advanced_Courses_BKG.jpg);
background-image: url(images/aquafitness_BKG.jpg);
background-image: url(images/BKG_camps.jpg);
background-image: url(images/buttonSP.gif);
background-image: url(images/Camps_BKG.jpg);
background-image: url(images/highSchool_BKG.jpg);
background-image: url(images/LaneSwimming_BKG.jpg);<br />
background-image: url(images/poolParties_BKG.jpg);
background-image: url(images/SchoolP_BKG.jpg);
background-image: url(images/sPro.jpg);
background-image: url(images/Swim_LevAdu_BKG.jpg);
background-image: url(images/Swim_LevelsPre_BKG.jpg);
background-image: url(Swim_LevKids_BKG.jpg);
background-image: url(images/Swim_LevPat_BKG.jpg);
background-image: url(images/swimTeam_BKG.jpg);
background-image: url(images/Sync_Swim_BKG.jpg);
background-image: url(images/Swim_Lessons_BKG.jpg);
background-image: url(images/TrinitySwim_AdvCourses_layout_feb10_2010.jpg);}