/* structure 
Dark Orange  : #FA6900 
Light Blue   : #AFDBFF
*/
html {
background-image:url(i/back.jpg);
font-family:Arial;
background-color:#afdbff;
background-image:url(/i/back.jpeg);
background-repeat:repeat-x;
font-size:13px;
padding:0px;
margin:0px;
}
body {
width:960px;
margin:0 auto;
background-color:white;
padding:0px;
}
#wrap {
width:950px;
border:5px solid #afdbff;
background-color:white;
}
#top {
background-color:#afdbff;
height:8px;
line-height:8px;
border-bottom:1px solid gray;
padding:0px;
margin:0px;
}
#header {
width:950px;
height:150px;
background-image:url(/i/header.jpeg);
position:relative;
margin:0 auto;
}
#content {
width:950px;
background-image:url(i/con-wrap.jpg);
}
#buffer {
padding:15px;
padding-top:0px;
}
#footer {
width:950px;
height:20px;
background-image:url(i/footer.jpg);
color:black;
background-color:white;
text-align:center;
font-size:12px;
font-weight:bold;
line-height:20px;
}
#nav {
position:absolute;
left:0px;
bottom:15px;
width:950px;
height:16px;
text-align:left;
}
.nav-explain {
position:absolute;
left:0px;
bottom:-15px;
padding-left:10px;
width:950px;
height:16px;
text-align:left;
font-style:italic;
font-size:13px;
}
abbr[title]:after{
/*Workaround for Gecko*/
	content: "";
}

abbr[title]:hover:after{
/*Shows the value of the title attribute when hovered*/
	content: "" attr(title) "";
}
.nav-link {
display:inline;
font-size:15px;
line-height:16px;
height:16px;
padding: 2px 11px 1px 11px;
}
.active, .active a {
font-size:14px;
line-height:16px;
height:20px;
color:black;
}
/* Reusable Structure */
.sidebar {
width:320px;
}
.mainbar {
width:600px;
}

/* styling */
a {
color:#FA6900;
font-weight:bold;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
h1 {
padding:0px;
margin-top:0px;
margin-bottom:10px;
}

/* general use css */
.left {
float:left;
}
.right {
float:right;
}
.center {
text-align:center;
}
.clear {
clear:both;
}
a img {
border:none;
}
.notice {
font-size:12px;
font-weight:bold;
color:gray;
}
.title {
font-size:14px;
font-weight:bold;
}
.example-box {
font-size:13px;
font-weight:none;
border:2px dotted gray;
padding:15px;
background-color:#FFFFEE;
}
.info-line {
font-weight:bold;
margin-top:-12px;
font-size:14px;
}
.thumb {
border:2px solid #AFDBFF;
float:right;
margin-top:8px;
}
.thumb:hover {
border:2px solid #FA6900 ;
}

/* Forms */
#form input {
margin:3px 0 5px 0; 
border:1px solid #555;
width:100%;
height:22px;
line-height:25px;
font-size:16px;
}
#form textarea {
margin:3px 0 5px 0;
border:1px solid #555;
width:100%;
height:100px;
}
#comment {
display:none;
}
.fail-box {
padding:10px;
margin:10px;
border:1px dashed #ccc;
background:#ffbbbb;
color:#222;
font-size:14px;
font-weight:bold;
}
.confirmation-box {
padding:10px;
margin:10px;
border:1px dashed #ccc;
background:#cceeff;
color:#222;
font-size:14px;
font-weight:bold;
}
#form .smallinput  {
width:60px;
}
#form .mediuminput  {
width:180px;
}
#contactform {
font-size:14px;
font-weight:bold;
}
#contactform p {
text-align:center;
}
#adminform {

}
.formtitle {
font-size:15px;
font-weight:bold;
}

th {
text-align:left;
font-size:16px;
}

#contactform{
font-size:14px;
font-weight:bold;
}
#contactform p {
text-align:center;
}
#contactform input {
margin:3px 0 5px 0;
border:1px solid #555;
width:100%;
height:22px;
line-height:25px;
font-size:16px;
}
#contactform textarea {
margin:3px 0 5px 0;
border:1px solid #555;
width:100%;
height:100px;
}
#comment {
display:none;
}
.fail-box {
padding:10px;
margin:10px;
border:1px dashed #ccc;
background:#ffbbbb;
color:#222;
font-size:14px;
font-weight:bold;
}
.confirmation-box {
padding:10px;
margin:10px;
border:1px dashed #ccc;
background:#cceeff;
color:#222;
font-size:14px;
font-weight:bold;
}

/*Comments*/
#comments {
border-top:1px solid #ccc;
margin-left:3px;
margin-right:3px;
margin-bottom:3px;
}
#comment {
display:none;
}
.comment {
padding:5px;
border-bottom:1px solid #ccc;
}
.commenta {
background-color:#f1f1f1;
}
.comment-info {
color:gray;
font-weight:bold;
}
.comment-body {
padding:10px;
}
.commenttextarea {
width:290px;
height:125px;
margin-left:10px;
margin-bottom:5px;
margin-right:1;
float:left;
}
.recaptcha {
float:right;
margin-right:12px; 
margin-top:1px
}
.formbutton { 
width:630px; 
margin-left:10px;
}


.theleftcontent {
width:630px;
}
.thepicturecontent {
width:260px;
padding-left:25px;
}

.leftcon {
float:left;
width:270px;
}
.rightcon {
float:right;
width:525px;
}