/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: #b1e3f1;
	text-align:center;
	behavior: url(http://www.sctriathlon.com/csshover.htc);
}
#wrapper {
	padding: 10px;
	height: 100%;
	width: 810px;
	margin:0 auto;
}
#banner {
	height: 121px;
	z-index: 100;
	vertical-align: top;
	background:#b1e3f1;
}
#footer {
	vertical-align: bottom; clear:both;
}
#wrapper #main {
	height: 100%;  padding: 0 0 5px 0;  background:#ffffff; clear:both
}
#nav {width:99px; background:#369; float:left; clear:left}
#nav ul {display:block; list-style:none; margin:0; padding:0; width:99px}
#nav li {position:relative; display:block; border-bottom:#bef 1px solid; padding:.25em;  color:#fff}
#nav li:hover {background:#ffc; color:#FF6633}
#nav li.arrows {background:url(images/arrows.gif) right no-repeat;}
#nav ul ul {position:absolute; top:0; left:99px; display:none;}
#nav ul li.arrows:hover ul.level2 {display:block; background:#369}
#nav li a {color:#fff; text-decoration:none; display:block; width:100px; padding:0;}
#nav>ul a {width:auto}
#nav li a:hover {background:#ffc; color:#f63;}

#meat {background:#fff;}

#square_left {width:399px;  float:left;  background:#fff; margin:0; padding:0}
#square_right {width:299px;  float:right; background:#FFFFCC; clear:none; margin:0; padding:0}
#square_right ul {margin:3px 15px; padding:0;}
#middle {width:700px; margin:0; float:right; padding:0; clear:none;}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #663399;
	text-decoration: none;
}
a:hover {
	 text-decoration:underline;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #85b;
}


h1 {color:#369; font:bold x-large Arial, Helvetica, sans-serif; text-align:center; padding:10px;   text-transform:uppercase;  }
h2 {color:#369; font:bold large Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase;   display:inline;}
#square_right h3 {color:#147; font: bold medium Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; background:#feee92; margin:.25em 0; padding:.25em 0;}
#square_left h3 {color:#147; font: bold medium Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; background:#b1e3f1; margin:.25em 0; padding:.25em 0;}
#middle h3 {color:#147; font: bold medium Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; background:#b1e3f1; margin:.25em 0; padding:.25em;}
h4 {text-align:left; margin:1em 20px; display:inline; font-size:14px}
ul {color:#369; font-size:12px; list-style-type: square; text-align:justify}
p {color:#000; font-size:12px; padding: .25em 3em ; text-align:justify}
ol {text-align:justify; margin:1em;}
td p {margin:5px; padding:0; text-align:left;}
td {border-bottom:#b1e3f1 1px solid;}

#square_right p {color:#000; font-size:12px; padding: .25em .5em ; text-align:justify}
.margin10px {
	margin: 10px;
}

.boldnblue {font-weight:bold; color:#247a93;}
.footer {font-size:10px;}
.columns {
	width:33%;
	vertical-align: top;
}
.thinoutline {border:1px solid #000;}
.thinoutlinebottom {border-bottom: 1px solid #000;}
.alert {color:#f73d0f; font-weight:bold; background:#feee92; margin: 1em 3em ; }
.box {width:300px;}
.width25percent {
	width: 25%; background:#feee92;
}
.width50valntop {
	vertical-align: top;
	width: 50%;
}
.bg_orange {background-color:#FFC68C;}
.bg_lemon {background:#FFFFCC;}
.lowercase {text-transform:lowercase;}
.red {color:#CC3300;}
 
#center {width:75%; margin:2em 6em;
}
#nu2tri_joinSCTA {width:170px; height:170px; margin:10px; padding:5px; background: #eeffee; float:right;}
#right {float:right; margin:0; padding:0; width:390px; clear:none;}
#left { margin:0 ; padding-bottom:120px; width:390px;}

ol li p {margin:.5em 1.5em .5em 0; padding:0;}

a img {background:none;}