h1 { color: orange }

#logo { padding: 0px 0px 10px 0px ; float: inherit; margin-left:13% }

 body { background-image: #00bbbb ; }/* Timothy Framework - www.timothyframework.com */
 /* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */


 /* Color Legend */


 /* Reset */

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

 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  ;color:;
 }

 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;  background-color:#663300}


 /* Global */

 html { }
 body { background-color: gray }



 /* Headings */

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

 h1 { font-size:24px; }
 h2 { font-size:20px; }
 h3 { font-size:16px; }
 h4 { font-size:14px; }
 h5 { font-size:14px; }
 h6 { font-size:14px; }

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



 /* Text Elements */

 p { color: white; font-size:12px; line-height:150%; }
 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: #00f; }
 a:visited { color: #0f0; }
 a:active { color: #000; }
 a:focus { color: #666; }
 a:hover { color: #f00; }

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

 strong { font-weight: bold; }
 em { font-style: italic; }

 /* Images */



 /* 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: fuchsia; }



 /* Containers */

#wrapper { width:920px; margin:0px 190px; background-image: ; }

#top	{ background-color: #00bbbb; width: 100%; padding: 25px 0 ; overflow: hidden; border-bottom:1px; color:  maroon}

 #logo { margin: 0px 0 5px px; float:left; margin-left:330px }

#social-media { float:right; margin: 0 10px 0 0; }

 #social-media p {color: #663300; font-size:11px; margin: 4px 10px 4px 0px; }

 #social-media img { }

 #social-media ul li { display:inline; }


#topnav { background:#0066CC clear:both ; }
 #topnav ul { width:100%; float:left; margin:0px; background-color: #643200; border-bottom:3px #00bbbb solid; }
 #topnav ul li { display: inline}
 #topnav ul li a { float: left; padding:5px 50px; }


 #topnav a:link { color: #66FF33 ; font-family:Georgia, "Times New Roman", Times, serif }
 #topnav a:visited { color: #66FF33 }
 #topnav a:active { color: #66FF33 }
 #topnav a:hover { color:#66FF33; background-color: #55FFBB }
 #topnav a:focus { color: #66FF33; }







 #banner { padding:10px 10px 10px 10px ; background-color: #00bbbb }




 #subbanner { border:  thin ; color:#663300 ; background-color: #663300 }
 #subbanner h3 { color:white; font-size:16px; font-weight:bold; text-align:center; line-height:180%}



 #content { float:left; width:650px; padding: 25px; background-color:#00bbbb;  }
 #content h1 {margin: 0 0 20px 0; font-size:32px;  ;
  padding:20px 0 }
 #content p { margin:10px 0; line-height:160% ; background-color: }
 #content h2 { margin:20px 0 0 0 }
 #content img { padding:8px; border:1px gray solid; margin:8px;  }
 
 #gallery  {background-color:}


 #rightside {  padding:20px;   margin-left:675px ; background-color:  #00bbbb  ; }



#rightside h2  { margin: 20px 0 10px 0; }
#rightside p    {margin: 8px 0; line-height:160%;  }



 #footer { clear:both; background-color: #663300; padding:5px 0; }
 #footer p { text-align:center; color: gray}


 #box1 { }

 #box2 { }

 #box3 { }

 #box4 { }

 #box5 { }

 #box6 { }


 /* Layout Extra */




 /* Navigation Extra */



 /* Forms */

 form ol { list-style-type:none; }

 form { text-align:left; margin:20px; }

 label { 
 float: left; width: 150px; margin-top:5px;
 text-align:right; display:block; background:none; font-weight:bold;
 }

 submit { background:none; }

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

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

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

 select { margin-bottom:20px; }

 .month { margin-left:155px; }

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

 br { clear: left; }

 .clear { clear:both; }




 /* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

 .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; color: #514721; border-color: #ffd324; }

 .success { background: #e6efc2; 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; }