/* CSS Document */

/* Color Legend*/

/* Reset */

html, body {margin: 0; padding: 0; border: 0; background: transparent; font-size: 10px}

div, span, article, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

img {margin: 0; padding: 0; border: 0;}

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
}

table {border-collapse: collapse; border-spacing: 0;}

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block; }
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
}

ol, ul {list-style: none; }

/* Global*/

html {     	}

body {background-image:url(../images/backgroundwithskyshort.jpg) }


/* Headings */

h1, h2, h3, h4, h5, h6 {font-weight: bold;}

h1 {font-size: 24px; padding-bottom: 10px; color:#65AB16;
		padding-bottom: 10px; border-bottom: 1px #ccc solid; margin-bottom: 10px;}
h2 {font-size: 20px; color: #000; text-align: left; margin-bottom: 15px;}
h3 {font-size: 16px; color:#000; text-align: left; margin-bottom: 10px; margin-left:20px;}
h4 {font-size: 14px; text-align: left; font-weight: normal;}
h5 {font-size: 12px; text-align: left; margin-left: 45px; margin-bottom: 25px; font-weight: normal;}
h6 {font-size: 14px; color: #000; font-weight: bold; text-align: left;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Text Elements */

p {color:#000; font-size: 14px; line-height: 150%;margin-bottom: 10px;}
p .left {margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p .right {margin: 1.5em 0 1.5em 1.5em; padding: 0;}

a {		}
a:link {color: #0F0;}
a:visited {color: #0C3;}
a:active {color: #0C3;}
a:focus {color: #0C3;}
a:hover {color: #0C3;}

blockquote {color: #000; font-size:12px;}

strong {
	font-weight: bold;
	font-size: 16px;
	color: #000;
}
em {font-style: italic;}

p2 {color: #000; font-size: 14px; font-family:Arial, Helvetica, sans-serif; line-height: 150%;}
p3 {color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
pweb {color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 150%; margin-bottom: 10px;}

/* Images */

.imageframe {padding: 5px; border: 1px #ccc solid; margin: 5px;}


/* Lists */

ul {		}
ol {list-style-type: decimal;}

ul li {color: #000; font-size: 12px;}
ol li {color: #000; font-size: 12px;}

dl {		}
dt {		}
dd {		}



/* Tables */

table {width: 100%;}

tr {		}
.odd {background-color: #eee;}
.even {background-color: #fff;}

th {font-weight: bold;}
thead, th {background:#ccc;}

tbody {		}

th, td, caption {		}
caption {		}

tfoot {		}
.tfooter {background-color: #ccc; text-align: center; font-style: italic;}

caption {background: #efefef;}


/* Miscellaneous */

sup, sub {line-height: 0;}

abbr, acronym {border-bottom: 1px dotted #666;}
address {		}
del {background: #FFCECE; color: #f00;}

code, pre {background-color: #FF9; padding: 2px 0px; margin: 4px 25px;
				font-family: "Courier New", Courier, monospace; font-size: 12px; font-weight: normal;}
	
	
/* Containers */
	
#wrapper { width: 900px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.0);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#88fffff' , endColorstr='#88fffff') ; position: relative;}

	
#outer { width: 960px; margin: 0 auto; background-color: #FFF; background-color: rgba(255, 255, 255, 0.85);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#88fffff' , endColorstr='#88fffff') ; position: relative;  }

#logo {margin: 10px 0; float: left; width: 300px; margin-left: 150px;}


#slider {
	clear: both;
	position: relative;
	width: 900px;
	height: 174px;
	background: #666666; no-repeat 50% 50%;
	padding-bottom: 20px;
}

#slider img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}


	
#banner {margin-bottom: 10px;	}
	
#subbanner {		}
	
#topnav { clear: both;	}
#topnav ul {border-top: 1px #000 solid;	border-bottom: 1px #000 solid;
				padding: 10px; margin-top: 10px; margin-bottom: 10px; background-color: #000; width: 960px;; margin-left: -40px;}
#topnav ul li {display: inline;	margin-left: 38px;}
#topnav ul li a {padding: 0 15px;	}

#topnav a {font-weight: bold; font-size: 16px;}
#topnav a:link {color: #65AB16;}
#topnav a:visited {color: #65AB16;}
#topnav a:active {color: #65AB16;}
#topnav a:focus {color: #666;}
#topnav a:hover {color:#FFF; background-color: #65ab16;  padding-top: 5px; padding-bottom: 5px;}

#pone {margin-left: 50px; width: 600px; font-size: 14px; }
#pone li {padding: 5px;}


#content-wrapper {		}
	
#leftnav {		}
	
#leftside {		}
	
#rightside { width: 200px;	float: right; padding-bottom: 10px;	}
#rightside li {padding: 5px;}

#rightsidetwo { float: right; width: 200px; background-color:#00CC33; padding: 5px;	height: 465px; text-align: left; margin-bottom: 20px;	}
#rightsidethree {float: right; width: 300px; background-color: #6C3; padding: 5px; height: 465px; text-align: left; margin-bottom: 20px; padding-left: 20px; }

#contact { width: 550px; float: left;}

#content { width: 670px; float: left;	}

#content-fullwidth {width: 100%; }

#content-fullwidth2 {width: 100%;}
#content-fullwidth2 ul li {display: inline;}

#content-aboutus {width: 550px; float: left; }
#content-aboutuspic {width: 320px; float: right; margin-top: 40px; }

#content-gallery {float:center;	}
#content-gallery ul li {display: inline; }
#content-gallery ul {margin-top: 10px;}
#content-gallery ul li a {padding: 0 10px;}
#content-gallery img {margin-left:5px;}

#content-gallery-index {float:center}
#content-gallery-index ul li {display: inline;}
#content-gallery-index ul {margin-top: 10px;}
#content-gallery-index ul li a {padding: 0 0px;} 

#content-right {float: right; width: 400px; margin-bottom: 20px;}

#content-left {float: left; width: 400px; margin-bottom: 20px;}

#ebay {margin-left: 200px; padding-top: 30px;}

#columnone {padding: 2px; margin-top: 5px; margin-bottom: 5px;  font-size: 24px; font-weight: normal; width: 900px; background-color: rgba(153, 255, 51, 0.5);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8899ff33' , endColorstr='#8899ff33') ; position: relative; margin-bottom: 10px;}
#columntwo	{padding: 2px; margin-top: 5px; margin-bottom: 5px;font-size: 12px; font-weight: normal; width: 900px; background-color: rgba(153, 255, 51, 0.5);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8899ff33' , endColorstr='#8899ff33') ; position: relative;; margin-bottom: 10px; }
#columnthree {padding: 2px; margin-top: 5px; margin-bottom: 5px; font-size: 12px; font-weight: normal; width: 900px; background-color: rgba(153, 255, 51, 0.5);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8899ff33' , endColorstr='#8899ff33') ; position: relative;margin-bottom: 10px;}
#columnfour {padding: 2px; margin-top: 5px; margin-bottom: 5px;font-size: 12px; font-weight: normal; width: 900px; background-color: rgba(153, 255, 51, 0.5);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8899ff33' , endColorstr='#8899ff33') ; position: relative; margin-bottom: 10px;}
#columnfive {padding: 2px; margin-top: 5px; margin-bottom: 5px;font-size: 12px; font-weight: normal; width: 900px; background-color: rgba(153, 255, 51, 0.5);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8899ff33' , endColorstr='#8899ff33') ; position: relative;; margin-bottom: 10px;}

#footer {
	clear: both;
	margin: auto;
	width: 900px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-top: 1px #ccc solid;
	padding-top: 10px;
	color: #0C0;
}
	
	
#box1 {	width: 200px; float: left; margin: 10px;	}
	
#box2 {	width: 200px; float: left; margin: 10px;}
	
#box3 {	width: 200px; float: left; margin: 10px;}
	
#box4 {		}
	
#box5 {		}
	
#box6 {		}
	
	
/* Layout Extra */

	
	
/* Slider */

.nivoSlider {
    position:relative;
    width:618px; /* Change this to your images width */
    height:246px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}	
	
/* Navigation Extra */
	
	
	
/* Forms */

form ol { list-style-type: none;}
	
form {text-align: left; margin:20px;}
	
label, submit, input, textarea {
	border: 0; padding: 0; margin: 0; background: none;
}
			
label {
	float: left; width: 60px; margin-top: 5px; margin-left: 55px;
	text-align: right; display: block; background: none; font-weight: bold;
}

label.error {color: #F00;}

submit {background: none; }

input, textarea {
	border: 1px #999 solid; margin-left: 10px;
}

input {
	width: 280px; margin: 0 0 16px 10px;
	border: 1px #A0FB9B0 solid; padding: 5px; background: none;
}

input:focus, textarea:focus { background-color: #FFF;}


textarea {
	width: 280px; height: 150px; margin: 0 0 16px 10px;
	border: 1px #A0FB9B0 solid; padding: 5px; background: none;
	
}

select { margin-bottom: 20px;		}

.month {margin-left: 155px; }

.submit {
	width: 90px; height: 25px;
	margin-left: 230px; margin-bottom: 50px;
	font-size: 12px;
}

br { clear: left; }

.clear {clear: both; }


/* Miscellaneous */

.copyright-text {font-size: 80%; font-style: italic; color: #333;}
.footer-text {font-size: 8px; font-style: normal; color:#000; text-align: center;}
.footer-texttwo {font-size: 16px; font-style: normal; color:#0C0; text-align: center;}

.title {font-size: 18px; font-weight: bold; color: #333;}
.subtitle {font-size: 14px; font-style: italic; color: #333;}

.artist {font-size: 16px; font-weight: bold; color: #333;}
.author {font-size: 14px; font-weight: bold; color: #555;}
.editor {font-size: 14px; font-style: italic; color: #555;}

.pub-date {font-size: 10px; font-style: italic; color: #555;}
.article-date {font-size: 10px; font-style: italic; color: #555;}
.location {font-size: 10px; font-style: italic; color: #555;}

.float-right {float: right;}
.float-left {float: left;}
.clear {clear: both;}

.hide {display: none;}
.block {display: block;}
.inline {display: inline;}

.first {font-weight: bold;}
.last {font-weight: bold;}
.left {font-weight: bold; text-align: left;}
.right {font-weight: bold; text-align: right;}

.added {background: #D7D7FF;}
.removed {background: #FFCECE; color: #f00;}
.changed {background: #FFB;}

/* Success, info, notice and error/alert boxes */

.error, .alert, .notice, .success, .info{
	padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd;}
	
.error, .alert {background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4;}

.notice {background: #fff6bf; colro: #514721; border-color: #ffd324;}

.success {background: #d5edf8; color: #264409; border-color: #c6d880;}

.info {background: #d5edf8; color: #205791; border-color: #92cae4;}

.error a {color: #8a1f11;}
.alert a {color: #8a1f11;}

.notice a {color: #514721;}
.success a {color: #264409;}
.info a {color: #205791;}

.resize {
 width: 300px;
 height: auto;
 }
 
 .resize {
	 width: auto;
	 height: 75px;
 }