* { margin: 0; padding: 0; }

html {
background-color: #1C749C;
}

body {
margin: 50px auto;
width: 752px;
padding: 0 25px;
background: #fff url('../images/bodybg.gif') top left no-repeat;
font-family: arial, sand-serif;
}

#sidebar {
float: left;
width: 272px;
padding-left: 16px;
margin-top: 14px;
margin-right: 5px;
}

#sidebar h1 img {
background-color: #A9CE9A;
display: block;
color: #636363;
font-size: .75em;
margin-bottom: 3px;
margin-left: 3px;
}

#sidebar #nav {
margin-left: 2px;
background: transparent url('../images/navbg.gif') top right repeat-y;

list-style-image: url('../images/arrow.gif');
}

#sidebar #nav li {
padding-bottom: 2px;
margin-bottom: 1px;
margin-top: 1px;
border-bottom: 1px solid #aaa;
width: 212px;
}

#sidebar #nav li a {
color: white;
background-color: #FF6D00;
text-decoration: none;
text-transform: uppercase;
font-size: .8em;
display: block;
padding: 5px;
height: 1%;
}

#sidebar h2 {
background-color: #C0DDB0;
font-size: .75em;
line-height: 27px;
text-transform: uppercase;
padding: 1px;
display: block;
margin-bottom: 2px;
margin-top: 2px;

}

#sidebar h2 span {
border: 1px solid white;
background: transparent url('../images/arrow.gif') 5px 9px no-repeat;
padding-left: 15px;
display: block;
}

#sidebar #webmanagement {
background-color: #C0DDB0;
padding: 1px;
text-align: center;
color: #656565;
font-size: .6em;
}

#sidebar #webmanagement div {
border: 1px solid white;
padding-bottom: 10px;
}

#sidebar #webmanagement img {
padding-top: 4px;
display: block;
margin: 0 auto;
}

#sidebar #webmanagement .line1 {
padding: 0 20px;
margin-top: 10px;
font-weight: bold;
display: block;
}

#sidebar #webmanagement .line2 {
display: block;
margin: 5px;
}

#sidebar #webmanagement .button {
color: white;
background-color: #FF6D00;
padding: 0 5px;
border-bottom: 5px solid #ff6d00;
border-top: 5px solid #ff6d00;
text-transform: uppercase;
text-decoration: none;
display: block;
width: 60px;
margin: 0 auto;
}

#main {
padding-top: 14px;
margin-left: 293px;
margin-right: 8px;
padding-bottom: 10px;
}



#main #content {
background-color: #e8e8e8;
padding: 1px;
}

#main #content #contentinner {
display: block;
border: 1px solid white;
padding: 5px;
}

#main #content h2 {
color: #227293;
font-weight: normal;
text-transform: uppercase;
font-size: 1em;
}

#main #content h2 a {
text-transform: lowercase;
font-size: .8em;
display: block;
}

#main #content p, #main #content ul, #main #content ol, #main pre {
color: #656565;
font-size: .8em;
padding-right: 40px;
margin-bottom: 1em;
font-family: "ITC Franklin Gothic", arial, sans-serif;
}

#main #content ul ul, #main #content ol ol, #main #content ul ol, #main #content ol ul {
font-size: 1em;
}

#main #content ul, #main #content ol {
padding-left: 1.5em;
}

#main #content h3 {
font-size: .8em;
margin-top: 1em;
}





#main .inset {
background-color: #F6EBAC;
padding: 5px;

}

#main .inset * {
color: #404040 !important;
}

#main .inset h2 {
font-weight: bold !important;
color: #404040 !important;
}

#main li p {
font-size: .8em !important;
}

#main .inset ul, #main .inset ol {
padding-right: 0;
padding-left: 0 !important;
}

#main .inset ul li {
float: right;
width: 46%;
margin-left: 1em !important;
}

#main .inset p {
clear: right;
margin-bottom: 0 !important;

}

#main #content img {
display: block;
margin: 10px auto;
}

#main strong {
color: #FF6D00;
font-size: 1em;
line-height: 1.1em;
text-align: center;
display: block;
width: 80%;
margin: 0 auto;
}

#main strong em {
text-transform: uppercase;
font-style: normal;
}

#main .semifoot {
text-align: center;
width: auto;
font-size: .75em !important;
padding: 0 20px;
margin: 0 auto;
display: block;
}

#main #content #contentinner blockquote {
margin: 1em 2em;
}

#main blockquote p {
font-family: arial, sans-serif !important;
color: #009 !important;
text-transform: uppercase;
font-size: 1.2em !important;
}

#main blockquote p em {
font-style: italic;
font-weight: bold;
}

#main cite {
text-align: right;
display: block;
margin-right: 20%;
font-size: .8em;
margin-top: -1em;
color: #009;
}

#footer {
clear: both;
font-size: .7em;
color: #666;
text-align: center;
}

#footer a {
color: #666;
}

fieldset {
border-width: 0;
}

label {
display: block;
margin: 10px 0;
font-size: .8em;
font-weight: bold;
clear: both;
}

label span {
width: 8em;
float: left;
margin-bottom: 10px;
}

input.text {
width: 15em !important;
}

.select span {
width: 100%;
}

select, textarea {
display: block;
clear: both;
}

textarea {
width: 16em;
height: 4em;
}

.code span {
width: 8em;
}

.code img {


}

.code input {
width: 12em !important;
float: left;
}

select option {
padding-right: 15px;
}