@import url(StyleSheet_Content.css);
@import url(StyleSheet_Ironstone.css);


body {
background-color: #d7d8d9;
font-size: 0.9em;
}

html {
font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif;
}

* { 
margin: 0; /*remove all default margins!*/
padding: 0; /*remove all default padding!*/
}

p {
font-size: 100%;
color: #747474;
line-height: 130%;
padding: 10px 0;
}

h1 {
font-size: 140%;
font-weight: normal;
padding: 0 0 10px 0;
color: #747474;
}

h2 {
font-size: 100%;
font-weight: bold;
padding: 0 0 10px 0;
color: #000;
}

ul {
margin: 10px 0;
color: #747474;
}

li {
list-style-type: none;
}

a {
color: #333;
text-decoration: none;
border-bottom: none;/*1px dashed #333;*/
}
a:hover {
color: #ffdd17;
border-bottom: none;/*1px solid #ffdd17;*/
}

#container {
width: 800px;
margin: 10px auto;
background: url(images/BG-Container.gif);
}

#container_admin {
width: 100%;
margin: 10px auto;
background-color: White;
}

#Masthead {
background: url(images/Masthead3.jpg) no-repeat;
height: 200px;
}

#Masthead_Admin {
background: url(images/Masthead_Admin.gif) no-repeat;
height: 175px;
}


#Cynergex {
background: url(images/BG-Cynergex1.jpg) no-repeat;
height: 170px;
}

#Login {
padding: 20px 0 0 20px;
}
#Login p {
padding: 0 0 4px 0;
}
#Login label {
font-size: 80%;
}
#Login input {
background: url(images/BG-Input.gif) repeat-x;
color: #666;
width: 160px;
font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif;
padding: 2px 0 0 5px;
height: 18px;
border: 1px solid #ccc;
}
#Login input.submit {
background: url(images/Button.gif) no-repeat;
color: #fff;
margin: 8px 0 0 0;
font-size: 90%;
cursor: pointer;
height: 24px;
width: 72px;
padding: 0 0 2px 0;
border: none;
}

#LeftCol {
float: left;
width: 200px;
padding: 30px 0;
background: #3b3a3a url(images/BG-LeftCol.gif) repeat-x;
margin: 0 0 0 5px;
}

#LeftNav {
padding: 0 10px;
font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif;
font-size: 90%;
}

#LeftNav ul {
width: 180px;
}

#LeftNav li {
list-style-type: none;
}

#LeftNav a {
display: block;
width: 159px;
padding: 12px 0 0 20px;
background: url(images/NavButton.gif) no-repeat;
height: 30px;
color: #fff;
text-decoration: none;
border-bottom: none;
}

#LeftNav a:hover {
background: url(images/NavButton_over.gif) no-repeat;
text-decoration: none;
color: #ffdd17;
}

#LeftNav a.active {
background: url(images/NavButton_over.gif) no-repeat;
color: #ffdd17;
}

#LeftNav a.active:hover {
background: url(images/NavButton_active.gif) no-repeat;
color: #999;
}

#LeftNav img {
margin: 20px 0 0 0;
}

#LeftNav ul ul {
margin: 0 0 0 10px;
width: 160px;
}

#LeftNav li li {
background-color: #525252;
margin: 2px 0;
}

#LeftNav li li a {
background: url(images/Arrow-SubNav.gif) no-repeat;
height: 18px;
width: 140px;
color: #fff;
padding: 2px 0 2px 20px;
border: 1px solid #676767;
}

#LeftNav li li a:hover {
background: url(images/Arrow-SubNav_over.gif) no-repeat;
background-color: #4b4b4b;
color: #ffdd17;
}

#LeftNav li li a.active {
color: #ffdd17;

background: url(images/Arrow-SubNav_over.gif) no-repeat;
}

#LeftNav li li a.active:hover {
color: #ccc;

background: #4b4b4b url(images/Arrow-SubNav.gif) no-repeat;
}

#content_admin
{
    width: 70%;
    margin-left: 205px;
    padding: 40px;
    clear: right;
    display: block;
    position: static;
}

#content_admin ul {
color: #747474;
margin: 10px 0;
}

#content_admin li {
background: url(images/Arrow-SubNav_over.gif) no-repeat;
padding: 2px 0 0 20px;
}

#content_admin li a {
border: none;
}

#content_admin li img {
vertical-align: middle;
padding: 0 10px;
border: none;
}

#Content {
margin-left: 205px;
padding: 40px;
}

#Content p span {
font-size: 100%;
font-weight: bold;
color: #000;
}

#Content ul {
color: #747474;
margin: 10px 0;
}

#Content li {
background: url(images/Arrow-SubNav_over.gif) no-repeat;
padding: 2px 0 0 20px;
}

#Content li a {
border: none;
}

#Content li img {
vertical-align: middle;
padding: 0 10px;
border: none;
}

#TwoCol-List {
margin: 10px 0;
}

#TwoCol-List ul {
color: #747474;
width: 480px;
}

#TwoCol-List li {
float: left;
width: 220px;
background: url(images/Arrow-SubNav_over.gif) no-repeat;
padding: 2px 0 0 20px;
}

#Content h2 {
padding: 10px 0 0 0;
}

#Footer {
clear: both;
padding: 20px 0;
background: url(images/BG-Footer.jpg) no-repeat;
height: 70px;
}

#Footer p {
color: #fff;
margin: 0 0 0 240px;
font-size: 72%;
padding: 10px 0 0 0;
}

#Footer p span {
color: #747474;
padding: 0 4px;
}

#Footer a {
color: #747474;
text-decoration: none;
border-bottom: none;
padding: 0 4px;
}

#Footer a:hover {
color: #333;
}

#Footer a.active {
color: #000;
}

#Footer a:hover.active {
color: #ccc;
}

#Footer img {
vertical-align: middle;
padding: 0 0 2px 0;
}

#Footer_admin {
clear: both;
padding: 20px 0;
background: url(images/BG-Footer.jpg) no-repeat;
background-color: #d7d8d9;
height: 70px;
}

#Footer_admin p {
color: #fff;
margin: 0 0 0 240px;
font-size: 72%;
padding: 10px 0 0 0;
}

#Footer_admin p span {
color: #747474;
padding: 0 4px;
}

#Footer_admin a {
color: #747474;
text-decoration: none;
border-bottom: none;
padding: 0 4px;
}

#Footer_admin a:hover {
color: #333;
}

#Footer_admin a.active {
color: #000;
}

#Footer_admin a:hover.active {
color: #ccc;
}

#Footer_admin img {
vertical-align: middle;
padding: 0 0 2px 0;
}


#ContactForm {

margin: 20px 0;
}

#ContactForm fieldset {
border: 1px solid #e5e5e5;
padding: 20px;
margin: 0 0 30px 0;
}

#ContactForm legend {
padding: 2px 10px;
margin: 0;
color: #999;
font-weight: bold;
background-color: #fff;
border: 1px solid #e5e5e5;
}

#ContactForm label {
color: #666;
}

#ContactForm select {
width: 200px;
}

#ContactForm input, #ContactForm textarea {
margin: 0;
padding: 2px 5px;
width: 360px;
font-family: verdana, helvetica, arial, sans-serif;
color: #666;
font-size: 90%;
background-color: #f4f5f0;
border: 1px solid #e5e5e5;
}

#ContactForm input.semi {
width: 200px;
}

#ContactForm input.check, #ContactForm input.radio {
width: 20px;
}

#ContactForm input.send {
float: right;
width: 80px;
height: 20px;
display: block;
margin: 0 0 20px 0;
padding: 0 0 0 12px;
text-align: left;
color: #666;
font-size: 90%;
font-weight: bold;
text-decoration: none;
border: none;
background: url(images/Button-Submit.gif) no-repeat;
}

#ContactForm input.send:hover {
color: #333;
background: url(images/Button-Submit_over.gif) no-repeat;
}

/* Classes */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}