/*Global*/
body {
margin: 0;
padding: 0;
background: #036;
font-size: 90%;
font-family: 'Trebuchet MS', 'Lucida Sans', Arial, sans-serif;
color: #333;
}
/* Container */
#wrapper {
min-height: 600px;
width: 800px;
margin: 0 auto;
}
/* Main header including swim meet */
#headTel {
width: 760px;
padding: 20px;
background: #FFF;
}
/* Main header including swim meet */
#mainBrand {
width: 800px;
background: #FFF;
}
/* Carlisle Masters Swim Meet link */
#swimMeet {
float: right;
margin: 20px;
}
/* Header with logo image */
#branding {
width: 350px;
float: left;
margin: 20px;
}
/* Main content area */
#mainContent {
width: 800px;
min-height: 450px;
background: #FFF url(images/water.jpg) no-repeat bottom left;
}
/* Text and photographic area */
#content {
width: 540px;
float: right;
margin: 0 20px 20px 0;
padding: 10px;
background: #FFF url(images/transback.png) repeat 100% 0 !important;
opacity: 0.9;
}
/* Gallery */
#gallery_right {
width: 180px;
float: right;
margin: 0;
padding: 0;
}
#gallery_right2 {
width: 180px;
float: right;
margin: 0;
padding: 10px 0 0 0;
}
#gallery_left {
width: 360px;
float: left;
margin: 0;
padding: 0;
}
#gallery_left2 {
width: 340px;
float: left;
margin: 0;
padding: 0 20px 0 0;
}
#gallery_left ul {
list-style: none;
 margin: 0;
 padding: 0;
}
#gallery_left li {
border-collapse: collapse;
 margin: 0;
 padding: 0;
}
.image_gallery {
float:left;
margin: 0;
background: #FFF;
}
/* Main Navigation */
#navigation {
width: 170px;
float: left;
margin: 20px;
padding: 0;
background: #036;
opacity: 0.9;
}
#navigation ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#navigation li {
border-top: 1px solid #FFF;
}
#navigation li a:link  {
font-size: 90%;
display: block;
padding: 5px 8px;
border-left: 8px solid #036;
background-color: #036;
color: #FFF;
text-decoration: none;
}
#navigation li a:visited  {
font-size: 90%;
display: block;
padding: 5px 8px;
border-left: 8px solid #036;
background-color: #036;
color: #FFF;
text-decoration: none;
}
#navigation li a:hover {
border-left: 8px solid #036;
background-color: #FFF;
color: #036;
text-decoration: none;
}
#navigation li a:active {
border-left: 8px solid #F90;
background-color: #036;
color: #FFF;
text-decoration: none;
}
#navigation ul ul {
margin: 0;
}
#navigation ul ul li {
border-top: 1px solid #FFF;
margin:0;
}
#navigation ul ul a:link {
border-left: 16px solid #036;
background-color: #036;
color: #FFF;
}
#navigation ul ul a:visited {
border-left: 16px solid #036;
background-color: #036;
color: #FFF;
}
#navigation ul ul a:hover {
border-left: 16px solid #036;
background-color: #FFF;
color: #036;
}
#navigation ul ul a:active {
border-left: 16px solid #F90;
background-color: #036;
color: #FFF;
}
 /* Form Data */
#formText {
float: left;
width: 100px;
padding: 0 10px 0 0;
}
#formFill {
float: right;
width: 430px;
padding: 0;
}
#formEvent {
float: left;
width: 300px;
padding: 0 10px 0 0;
}
#formTime {
float: right;
width: 230px;
padding: 0;
}
 /* Block at foot of two columns */
#footer {
clear: both;
}
#footerRelay {
clear: both;
height: 5px;
}
#footerEventspace {
clear: both;
height: 10px;
}
/* Private Members area */
#privateMembers {
background: #036;
margin: 20px;
text-align: right;
}
#privateHome {
background: #036;
}
#privateMembersHomeR {
float: right;
background: #036;
margin: 20px;
text-align: right;
}
#privateMembersHomeL {
float: left;
background: #036;
margin: 20px;
text-align: left;
}
/* Bullet points */
ul {
list-style-type: none;
list-style-position: outside;
margin: 0 0 12px 0;
padding: 0;
}
ul ul {
list-style-type: disc;
list-style-position: outside;
margin: 0 0 10px 0;
padding: 0 0 10px 5px;
}
ul ul li {
margin: 5px 0 0 0;
}
/* Heading mark up */
h1 {
font-size: 137%;
color:#036;
font-weight: bold;
}
h2 {
font-size: 125%;
color:#036;
font-weight: bold;
}
h3 {
font-size: 112%;
color:#036;
font-weight: bold;
}
h4 {
font-size: 100%;
color:#036;
font-weight: bold;
}

/* Paragraph mark up */
p {
font-size: 90%;
line-height:130%;
font-weight: normal;
}
#content ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}
#content ul li {
font-size: 90%;
}
#content ul ul {
list-style-type: none;
list-style-position: inside;
margin: 0;
padding: 0;
}
#content ul ul li {
font-size: 100%;
background: url(images/bullet.gif) no-repeat 0 top;
padding: 0 0 0 15px;
}
.members {
font-size: 90%;
color: #FFF;
text-decoration: none;
}
a.members:link {
font-size: 100%;
color: #FFF;
text-decoration: none;
}
a.members:hover {
font-size: 100%;
color: #FFF;
text-decoration: underline;
}
.formText {
font-size: 90%;
color: #333;
text-decoration: none;
}
.image_float {
float:right;
margin:0 0 10px 15px;
}
.image_float_left {
float:left;
margin:0 15px 10px 0;
}
.error {
font-size: 90%;
color: #036;
text-decoration: none;
}
.link {
font-size: 100%;
color: #036;
text-decoration: none;
}
a.link:hover {
font-size: 100%;
color: #036;
text-decoration: underline;
}
table {
border-collapse: collapse;
}
td {
border-width: 0;
padding: 0;
margin: 0;
}
.quote {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 110%;
color: #036;
line-height: 130%;
font-weight: 400;
font-style: italic;
}
.quote-name {
font-family: 'Trebuchet MS', 'Lucida Sans', Arial, sans-serif;
font-size: 75%;
color: #333;
line-height: 130%;
font-weight: normal;
}