@charset "utf-8";
/* CSS Document */

body {
font-family : Verdana, Arial, Sans-serif;
font-size : 11px;
color : #515151;
background : #ffffff;
}
.body {
width: 980px;}
ul li {
list-style : none;
}
ol li {
list-style-position : inside;
}
h3 {
padding : 10px 0 10px 0;
font-family : Georgia, "Times New Roman", Times, serif;
font-style : italic;
font-size : 20px;
font-weight : normal;
line-height : 1.2em;
}
h4 {
padding : 8px 0 8px 0;
font-size : 16px;
}
h5 {
padding : 5px 0 5px 0;
font-size : 11px;
}
a:link {
text-decoration : none;
color : #069;
border : 0;
}
a:active {
color : #069;
border : 0;
}
a:visited {
color : #069;
border : 0;
}
a:hover {
color : #56bdea;
border : 0;
}
a:focus {
outline : none;
}
.clear {
clear : both;
}
#top-wrap {
width : 100%;
height : 40px;
margin : auto;
background-color : #232221;
}
#wrapper {
width : 975px;
margin : auto;
background-color : #ffffff;
}
#frame, #content {
width : 975px;
margin : auto;
}
#content {
margin-top : 0;
font-size : 11px;
line-height : 13px;
}
#content1 {
margin-top : 2px;
margin-bottom : 7px;
font-size : 1.21em;
line-height : 1.21em;
font-family : Arial, Helvetica, san-serif;
}
.footer4 {
background : #ffffff;
border-bottom : 0 solid #e6e6e6;
width : 975px;
margin : 0 auto;
}
.footer4 .wrapper {
background-color : #ffffff;
}
.footer4 a {
color : #fff;
text-decoration : none;
}
.footer4 a:hover {
color : #ff5321;
}
.footer4 ul {
overflow : hidden;
width : 975px;
margin : 0 auto;
padding : 0 0 0 0;
}
#header {
display : block;
width : 975px;
height : 75px;
margin : 0 auto;
background-color : #ffffff;
padding : 5px;
}
#logo {
background : url(http://media.clickonf5.org/image/logo.png) no-repeat center;
display : block;
float : left;
margin : 10px 0 0 0;
font-family : "Myriad pro", Georgia, "Times New Roman", Times, serif;
margin-left : 0;
line-height : 28px;
}
#logo a {
display : block;
height : 70px;
width : 500px;
overflow : hidden;
color : #333;
text-indent : -1200em;
}
#logo h1 a {
padding : 0 0 0 0;
font-size : 31px;
color : #d07a1d;
text-align : left;
}
#logo h2 a {
padding : 0 0 0 0;
font-size : 31px;
color : #d07a1d;
text-align : left;
}
#searchbox {
float : right;
width : 468px;
height : 70px;
text-align : right;
margin : 0 0 0 0;
display : inline;
margin-right : 0;
}
#nav {
width : 975px;
height : auto;
margin : 0 auto;
border-bottom : 0 solid #e6e6e6;
font-size : 135%;
}
#nav, #nav ul {
list-style : none;
}
#nav li {
float : left;
list-style : none;
}
#nav li a {
display : block;
font-weight : bold;
color : #205474;
padding : 6px 8px;
}
#nav li a:hover {
background : #dee0e1;
}
#cat {
float : left;
}
#cat li a {
color : #86512e;
font-size : 0.9em;
}
#cat li a:hover {
color : #fc7701;
}
.clearfloat:after {
display : block;
visibility : hidden;
height : 0;
content : ".";
}
.clearfloat {
display : inline-block;
}
.clearfloat {
display : block;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on, .photo, #cat a:active {
background : #dee0e1;
}
#footer1 {
background : #600f0f url("images/footer1_background_tile.png") repeat-x 0 0;
}
#footer1 .wrapper {
height : 240px;
background : #600f0f;
}
#footer1 a {
color : #fff;
text-decoration : none;
}
#footer1 a:hover {
text-decoration : underline;
}
#footer1 ul {
width : 975px;
margin : 0 auto;
padding : 5px 0 0 0;
}
#footer1 ul .about {
width : 640px;
float : left;
padding : 15px 0 0 0;
color : #c88585;
font-size : 13px;
background : url("images/footer1_divider.png") no-repeat 0 0;
}
#footer1 ul .about p {
padding : 0 10px;
text-indent : 1em;
}
#footer1 ul .contact {
width : 320px;
float : right;
color : #c88585;
}
#footer1 .contact em {
color : #c0b8b8;
font-family : Calibri, "Trebuchet MS";
font-style : italic;
font-size : 11px;
}
#footer1 .contact input, #footer1 .contact textarea, #footer1 .contact button, #footer1 .contact form {
border-width : 0;
margin : 0;
padding : 0;
background : none;
vertical-align : top;
}
#footer1 .contact .name input, #footer1 .contact .email input {
margin : 0 0 5px 0;
padding : 3px 10px 0 10px;
width : 220px;
height : 21px;
background : transparent url("images/footer2_textbox_background.png") no-repeat 100% 0 !important ;
}
#footer1 .contact textarea {
margin : 0 0 5px 0;
padding : 5px;
width : 230px;
height : 100px;
background : url("images/footer2_textarea_background.png") no-repeat 0 0;
}
#footer1 .contact .submit {
width : 230px;
text-align : right;
}
#footer1 .contact .submit button {
cursor : pointer;
width : 60px;
height : 20px;
background : url("images/footer2_submit_background.png") no-repeat 50% 50%;
}
#footer1 .contact .submit button span {
display : none;
}
#footer3 {
height : 60px;
font-family : Calibri, "Trebuchet MS";
font-size : 11px;
background : #000;
width : 100%;
border-top : 1px solid #414348;
}
#footer3 .wrapper {
width : 975px;
margin : 0 auto;
color : #8f939e;
}
#footer3 .wrapper a {
color : #e7edff;
text-decoration : none;
}
#footer3 .wrapper ul {
float : left;
padding : 0;
}
#footer3 .wrapper p {
float : right;
height : 60px;
line-height : 60px;
}
.content .side {
width:180px;
}
.content .main {
width:725px;
}
.content {
background:#ffffff;
}