body {margin: 0; padding: 0; background-color: #00484f; font-size: 0.8em;}

html {font-family: verdana, helvetica, arial, sans-serif; font-size: 100%;}

#container {
width: 820px;
margin: 10px auto;
background: url(images/BG-Container.jpg);
}

#Top {
margin: 0;
padding: 0;
height: 190px;
}

#LeftCol {
float: left;
width: 240px;
margin: 0;
padding: 0;
}

#LeftNav {
padding: 0;
margin: 0 0 0 34px;
width: 215px;
background: url(images/BG-LeftNav.jpg);
}

#LeftNav ul {
width: 180px;
list-style: none;
margin: 0 0 0 20px;
padding: 4px 0 0 0;
border: none;
}

#LeftNav li {
width: 168px;
margin: 0;
padding: 0;
height: 30px;
background: url(images/BG-NavDot.gif) repeat-x;
}

#LeftNav li a {
width: 168px;
display: block;
margin: 0;
padding: 4px 0;
border: none;
color: #1bacb9;
text-decoration: none;
}

#LeftNav li a:hover {
background-color: #fff;
color: #666;
}

#LeftNav li a.active {
width: 168px;
display: block;
margin: 0;
padding: 4px 0;
border: none;
color: #666;
text-decoration: none;
}

#LeftNav li a:hover.active {
color: #ccc;
}

#LeftNavCorners {
padding: 0;
margin: 0;
height: 50px;
background: url(images/LeftNav-EndCorners.jpg) no-repeat;
}

#wrapper {padding: 0 50px 0 0;} /* inner content div */

#Content {margin: 0 0 0 254px; padding: 0; background: url(images/BG-Content.jpg) repeat-y;}

#Content p {margin: 0; padding: 10px 30px; color: #666;`font-size: 100%;}

#Content img.float {
float: right;
margin: 0;
padding: 0 0 0 20px;
border: none;
}

#Content h1 {
margin: 0;
padding: 10px 0 10px 30px;
color: #1bacb9;
font-weight: normal;
font-size: 16px;
}

#Content h2 {
margin: 0;
padding: 20px 0 10px 30px;
color: #666;
font-weight: bold;
font-size: 100%;
}

#Content ul {
margin: 10px 60px 10px 40px;
padding: 0;
}

#Content ul li {
margin: 0;
padding: 0 0 0 20px;
line-height: 20px;
list-style-type: none;
background: url(images/ArrowList.gif) no-repeat;
color: #666;
}

#Content ul li a {
margin: 0;
padding: 0;
list-style-type: none;
background: none;
color: #1bacb9;
text-decoration: underline;
}

#Content ul li a:hover {
color: #666;
text-decoration: underline;
}

#Content a {
margin: 0;
padding: 0;
color: #1bacb9;
text-decoration: underline;
}

#Content a:hover {
color: #666;
text-decoration: underline;
}

#ContentCorners {
padding: 0;
margin: 0;
height: 30px;
background: url(images/Content-EndCorners.jpg) no-repeat;
}

#Footer {
clear: both;
margin: 0;
padding: 0;
height: 50px;
font-size: 11px;
background: url(images/BG-Footer.jpg) no-repeat;
}

#Footer p {
margin: 0;
padding: 4px 0 0 30px;

color: #666;
}

#Footer a {
margin: 0;
padding: 0 10px;
color: #1bacb9;
text-decoration: none;
}

#Footer a:hover {
color: #666;
text-decoration: underline;
}

#Footer img {
margin: 0;
padding: 0;
vertical-align: middle;
}

#Content input {
margin: 0;
padding: 0 5px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 100%;
font-weight: normal;
width: 300px;
color: #636363;
border: 1px solid #1bacb9;
}

#Content form p {
margin: 0;
padding: 10px 0;
color: #666;
font-weight: bold;
}

#Content label {
margin: 0;
padding: 0;
}

#Content fieldset {
margin: 0 60px 0 30px;
padding: 0;
background-color: #fff;
border: none;
}

#Content textarea {
margin: 0 0 4px 0;
padding: 0 5px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 100%;
color: #666;
border: 1px solid #1bacb9;
width: 300px;
}

#Content input.button {
margin: 20px 0 0 0;
padding: 0;
width: 80px;
color: #fff;
background-color: #1bacb9;
font-weight: bold;
border: 2px solid #e5e5e5;
}

#SkipLinks {width: 0; height: 0; overflow: hidden;}




/* MOOTOOLS ACCORDION */
#accordion {padding: 0 0 0 25px; }
#accordion p {padding: 5px 0; margin: 0;}
#accordion dl {}

#accordion dl dt {
background-color: #1BACB9; 
color: #fff; font-size: 1.4em; 
font-weight: normal; 
margin: 1px 0; 
padding: 5px; 
cursor: pointer;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

dd.element {background-color: #fff; color: #666; padding: 0; margin: 0;}
dd.element blockquote {font-family: georgia, times, serif; line-height: 150%; font-style: italic; font-size: 1.1em; padding: 0; margin: 0;}

.ddpad {padding: 10px;}


/* CLASSES */

.divider {
 	height: 10px;
	width: 80%;
	margin: 0 0 10px 30px;
	padding: 10px 0;
	background: url(images/BG-NavDot.gif) repeat-x;
	border: none;
}
