﻿@import url(StyleSheet_Content.css);
@import url(StyleSheet_Ironstone.css);

body {
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;
}

.quote
{
	font-style: italic;
	color: #6071AC;
}

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;*/
}

#header
{
    width: 1000px;
    margin: 10px auto 5px auto;
}

.row
{
clear:both;
}


#container {
width: 1000px;
margin: 10px auto;
}

#container_admin {
width: 100%;
margin: 10px auto;
background-color: White;
}

#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: 300px;
	min-height:550px;
	padding: 30px 0;
	margin: 0 0 0 5px;
}

#LeftNav
{
    padding: 0 10px;
    font-family: "Trebuchet MS" , verdana, helvetica, arial, sans-serif;
    font-size: 90%;
}

#LeftNav ul {
width: 280px;
}

#LeftNav li {
list-style-type: none;
}

#LeftNav a {
display: block;
width: 259px;
padding: 12px 0 0 30px;
background: url(images/menu.png) no-repeat;
height: 30px;
text-decoration: none;
border-bottom: none;
}

#LeftNav a:hover {
background: url(images/menuhover.png) no-repeat;
text-decoration: none;
color: #ffdd17;
}

#LeftNav a.active {
background: url(images/menuactive.png) no-repeat;
color: #405AA5;
}

#LeftNav a.active:hover {
background: url(images/menuhover.png) no-repeat;
color: #ffdd17;
}

#LeftNav img
{
margin: 20px 0 0 0;
}

#LeftNav ul ul {
margin: 0 0 0 10px;
width: 260px;
}

#LeftNav li li {
background-color: #DADFED;
margin: 2px 0;
}

#LeftNav li li a {
background: url(images/submenu.png) no-repeat;
height: auto;
width: 240px;
padding: 2px 0 2px 20px;
border: 1px solid #676767;
}

#LeftNav li li a:hover {
background: url(images/submenuhover.png) no-repeat;
background-color: #4b4b4b;
color: #ffdd17;
}

#LeftNav li li a.active
{
color: #405AA5;
background: url(images/submenuactive.png) no-repeat;
}

#LeftNav li li a.active:hover {
color: #ffdd17;
background: url(images/submenuhover.png) no-repeat;
}

#content_admin
{
	margin-left: 305px;
	padding: 40px;
	min-height:550px;
    width: 70%;
}

#Content {
margin-left: 305px;
padding: 40px;
min-height:550px;
}

#Content p span {
font-size: 100%;
font-weight: bold;
color: #000;
}

#Content ul
{
	xxxcolor: #747474;
	margin: 10px 0;
	color: #000000;
}

#Content li {
background: url(images/submenuhover.png) 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/submenuhover.png) no-repeat;
padding: 2px 0 0 20px;
}

#Content h2 {
padding: 10px 0 0 0;
}


#Footer
{
    background: url(images/bg_footer1.png) repeat-x;
}

#Footer_Content
{
    height: 110px;
    width: 1000px;
    margin: 10px auto 5px auto;
    padding: 5px 20 5px 20;    
}

#Footer_Content p {
color: #333;
margin: 0 0 0 240px;
font-size: 75%;
padding: 10px 0 0 0;
}

#Footer_Content a
{
text-decoration: none;
border-bottom: none;
}

#Footer_Content a:hover
{
color: #ffffff;
}

#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: 75%;
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;}


