/* /////////////////////
//////// OVERAL SETUP ////////////
//////////// */

* {margin:0; padding:0;}
body{
    margin:0;
    float:left;
    top:0;
    left:0;
}
HTML  {font: 75%/130%  Arial, Helvetica, sans-serif; color:#666; }
.clear {clear:both;}
a:link, a:visited {color:c60; text-decoration:none;}
a:hover {color:#666; text-decoration:underline;}
ul,li { list-style:none;}
h4 {margin:0; padding:0;}

/* /////////////////////
//////// TRANS MODULE SETUP ////////////
//////////// */
.trm {	background: url(images/h2.png) repeat 0 -5px;padding: 10px;margin: 155px 20px 20px;width: 260px; float:right;}
.trm h3 {font-size: 120%; }
.trm h3 a {color:#fc0;}	
.trm a { color: #eee;text-decoration:none;}
.trm a:hover {text-decoration: underline;}	


/* /////////////////////
//////// HEADER & TOPNAV ////////////
//////////// */

#header {margin:0; width:800px; margin-top:2px;}
#header h1 {font-size:20px;float:left; display:block; text-indent:-999em;background:#f4f4f4;width:315px; 
height:36px; background:#f4f4f4 url(images/corner-left.gif) no-repeat top left;}
#header p {font-size:12px; line-height:130%;}

#topnav {width:495px;float:right; position: relative; z-index:2; background:#FFF;}
#topnav ul {margin-left:15px;padding-top:4px;z-index:1;}
#topnav li {float:left; position:relative; top:0; left:0;}
#topnav li a {padding:8px 14px 8px 14px;}
#topnav li ul {display:none; position:absolute; top:0; left:0; margin:0; padding:0;}
#topnav ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#topnav li ul li ul {position:relative;}
#topnav li ul li {width:175px;}
#topnav li > ul {top:auto; left:auto;}
#topnav li:hover ul {display:block;}
#topnav li {font-size:14px;text-align:center; font-weight: bold;}
#topnav li li {text-align:left;}
#topnav li li li {text-indent:10px;}
#topnav a {text-decoration:none; display:block;}
#topnav {background:#f4f4f4 url(images/corner-right.gif) top right no-repeat;}
#topnav li a:link, #topnav li a:visited {color:#666;}
#topnav li a:hover {background:#c5c5c5; color:#000;}
#topnav li.current a:link, #topnav li.current a:visited {background:#555; color:#ccc;}
#topnav li ul, #topnav li.current ul {}
#topnav li ul li ul, #topnav li.current ul li ul {border:0;}
#topnav li ul li a:link, #topnav li ul li a:visited, #topnav li.current ul li a:link, #topnav li.current ul li a:visited {background:#d3e3eb    url(/images/nav_dropdown.gif) top left repeat-x;color:#2c5267;}
#topnav li ul li a:hover, #topnav li.current ul li a:hover {background-color:#baced7;color:#2c5267;}
#topnav li li li a:link, #topnav li li li a:visited,
#topnav li.current li li a:link, #topnav li.current li li a:visited {color:#58879b;}


/* /////////////////////
//////// MAIN CONTAINERS ////////////
//////////// */
#wrapper {margin:0; padding:0 10px 0 10px; width:780px;background:#f4f4f4 url(images/wrapper-bottom.gif) no-repeat bottom;font-family:Arial, Helvetica, sans-serif;}
#sln {width:320px;height:160px;background:#FFFFFF;float:left;}
#sln h2 { margin:2px 2px 2px 20px; background:transparent url(images/sitelogo.gif) no-repeat;}
#sln h2 a  {text-indent:-999em; display:block; width:250px; height:100px; }
#sln p {font:bold 14px georgia, geneva; color:#000000; padding:10px; text-align:center;}
#mainimg {width:460px; background:#555 url(images/main.jpg) no-repeat;height:160px;float:right;}
#mainimg2  {width:460px; background:#555 url(images/main2.jpg) no-repeat;height:160px;float:right;}
#mainimg3  {width:460px; background:#555 url(images/main3.jpg) no-repeat;height:160px;float:right;}
#mainimg3_dev  {width:460px; background:#000000 ;height:160px;float:right;}
#mainimg4  {width:460px; background:#555 url(images/main4.jpg) no-repeat;height:160px;float:right;}
#mainimg5  {width:460px; background:#555 url(images/main5.jpg) no-repeat;height:160px;float:right;}
#mainimg6  {width:460px; background:#555 url(images/main6.jpg) no-repeat;height:160px;float:right;}
#mainimg7  {width:460px; background:#555 url(images/main7.jpg) no-repeat;height:160px;float:right;}
#mainimg8  {width:460px; background:#555 url(images/main8.jpg) no-repeat;height:160px;float:right;}
#mainimg9  {width:460px; background:#555 url(images/main9.jpg) no-repeat;height:160px;float:right;}
#mainimg10  {width:460px; background:#555 url(images/main10.jpg) no-repeat;height:160px;float:right;}
#mainimg11 {width:460px; background: #555 url(images/main11.jpg) no-repeat; height:160px; float:right;}
#mainimg12 {width:460px; background: #555 url(images/main12.jpg) no-repeat; height:160px; float:right;}
#bot {width:780px; height:35px; background:#555 url(images/bot.gif) no-repeat;border-top:1px solid #fff; }
#left {width:320px; float:left; margin-top:10px;}

/*#right {width:460px; background:#fafaf7 url(images/txt-corner-up.gif) no-repeat top;float:right;margin-top:10px; margin-bottom:10px;}*/
#right {width:460px; background:#fafaf7 url(images/txt-corner-up.gif) no-repeat top;float:right;margin-top:10px; margin-bottom:10px;}
#right small  {font-size:90%;padding-left:8px;margin:0;color:#999; }
#right h2 {margin:0;padding:5px 5px 4px 8px;font:bold 16px Arial, Helvetica, sans-serif; text-transform:capitalize; }
#right h2 a {color:#c60; text-decoration:none; }
#right h2 a:hover {color:#333; border-bottom:3px solid #c60;}
#right h3 {font:normal 1.2em georgia; color:#8dc73f; margin:0;padding:5px 5px 4px 8px;}
#right p {font:12px Arial, Helvetica, sans-serif; line-height:140%;color:333;padding:2px 4px 6px 10px;}
#right ul {padding-left:1em;list-style-type: none; margin:0;}
#right li  { list-style:none;   padding:3px;}
#right li a  {color:#c60; text-decoration:none; font-size:90%; font-family:verdana;}
#right a:hover {color:#c60; border-bottom:1px dotted #666;}
#right a {color:#33f;}
#right table {font:12px Arial, Helvetica, sans-serif; line-height:140%;color:333;padding:2px 4px 6px 10px;}

/* /////////////////////
////////  VIDEO BOX ////////////
//////////// */
.videobox  {width:310px; padding:10px;}

/* /////////////////////
////////  STATEMENT ////////////
//////////// */
.notice  {width:300px; padding:8px 5px 8px 4px; border:1px solid #ccc; background:#fff;}
.notice blockquote  {color:#6B8E23; font:13px/150% georgia, arial; padding-left:20px; background:url(images/quote.png) no-repeat top left;}

/* /////////////////////
////////  CALENDAR ////////////
//////////// */
.calendar-module  {width:300px; padding:5px; margin-top:10px; margin-bottom:10px; border:1px solid #ccc; background:#fff;}
.calendar-table	{width:300px;}

/* /////////////////////
//////// RSS ////////////
//////////// */
.rss {background: url(images/rss.gif) no-repeat left;padding: 10px 5px 5px 60px;margin: 10px;}
.rss a {color: #039;text-decoration:none;}
.rss a:hover {text-decoration: underline;}	

/* /////////////////////
////////  SIGN UP ////////////
//////////// */
#bot {color: #ccc;}
#bot a {color:#ccc;}
#bot a:hover {color:#ffc300;}
.signup  {text-align: center;float:right;width:700px; margin:8px 15px 5px 10px; padding:0;font:10px arial;}
.signup input {background:#666 url(images/formbg.gif);border:1px solid #ccc; font: bold 12px arial; color:#900;}

/* /////////////////////
////////  SEARCH ////////////
//////////// */
.search  {float:left; width:188px; margin:0; padding:2px; position:absolute; top: 0;z-index:999;}
.search input {vertical-align:middle;}

/* /////////////////////
////////  NEWSLETTERS ////////////
//////////// */
.newsletter {width:310px; height:75px; background:#389ab4 url(images/newsletter.gif) no-repeat; margin:0; margin-top:5px;}
.newsletter input {margin:48px 0 4px 5px;}
td { vertical-align:top; }
.latests {width:304px; margin-top:5px; padding: 3px; font-size: 14px; font-weight: bold;}
.latests a { color:#000000; text-decoration: none; }
.latests a:hover { color:#333333; text-decoration: none; }
.latests a:visited { color:#000000; text-decoration: none; }
/* /////////////////////
////////  TELL A FRIEND ////////////
//////////// */
.tellafriend {width:300px; padding:5px; margin:20px 0 10px 0; margin-top: 5px; background:#e9e0b6 url(images/tellafriend.png) no-repeat;  border:1px solid #ccc; font:14px georgia, arial; color:#900;}

/* /////////////////////
////////  THE BOARD ////////////
//////////// */
.ppl  {width:400px; padding:10px 5px 10px 15px; border-bottom:1px dotted #ccc;}
.ppl h4 {font:bold 12px Arial, Helvetica, sans-serif; color:#c60;}

/* /////////////////////
////////  FOR BLOG ////////////
//////////// */
#weblog {width:460px; background:#fafaf7 url(images/txt-corner-up.gif) no-repeat top;float:left;margin-top:10px; margin-bottom:10px;}
#weblog small  {font-size:90%;padding-left:8px;margin:0;color:#999; }
#weblog h2 {margin:0;padding:5px 5px 4px 8px;font:bold 16px Arial, Helvetica, sans-serif; text-transform:capitalize; }
#weblog h2 a:link, a:visited {color:#c60; text-decoration:none; }
#weblog h2 a:hover {color:#333; text-decoration:underline;}
#weblog p {font:12px Arial, Helvetica, sans-serif; line-height:140%;color:333;padding:2px 4px 6px 8px;}

#weblog-sidenote  {width:310px; float:right; margin-top:10px; padding-left:8px;margin-bottom:10px;}
#weblog-sidenote h2  {font:16px georgia; color:#a3620a; padding:4px; margin:5px 0 5px 0;}
#weblog-sidenote .txtbox {font-size:90%;margin:5px 20px 5px 8px;border-bottom:1px solid #eee;}
#weblog-sidenote ul {margin:0; padding:0;}
#weblog-sidenote li { list-style:none;margin:0;padding:3px 5px 3px 20px; background:url(images/icon-post.gif) no-repeat 0 50%;}
#weblog-sidenote li a:link, a:visited {color:#c60;}
#weblog-sidenote li a:hover {color:#999; text-decoration:none;}

#weblog-sidenote .archives li {padding:3px 5px 3px 20px; background:url(images/icon-folder.png) no-repeat 0 50%;}
#weblog-sidenote .archives li a:link, a:visited {color:#c60;}
#weblog-sidenote .archives li a:hover {color:#999; text-decoration:none;}

/* /////////////////////
////////  FOOTERS ////////////
//////////// */
#sidenote  {width:320px; float:left; margin-top:10px;}
#sidenote ul {padding-left:1em;list-style-type: none; margin:0;}
#sidenote li  { list-style:none; text-decoration:none;  padding:3px;}
#sidenote li a:link, a:visited {color:#333; text-decoration:none; }
#sidenote li a:hover {color:#5e8f1c; border-bottom:2px solid #930;}
#sidenote h2  {font:14px georgia; color:#a3620a; padding:4px 4px  4px 15px;background:url(images/icon-comment.gif) no-repeat 0 50%;}
#sidenote .txtbox {font-size:90%;margin:5px 20px 5px 8px;border-bottom:1px solid #eee;}
ul.menu {list-style-type:none;margin:0;}
ul.menu li {margin:0 0.5em;}
ul.menu li a {display:block;height:60px;text-indent: -9999px;}
ul.menu li#thumbnail01 a {background:url(images/image-a.gif) no-repeat;width:280px;margin-bottom:5px;}
ul.menu li#thumbnail02 a {background:url(images/image-b.gif) no-repeat;width:280px;margin-bottom:5px;}




/* /////////////////////
////////  FOOTERS ////////////
//////////// */

#footer  {margin:0; width:880px; margin-top:20px; }
#footer p {font-size:12px; color:666; text-align:right;}
#footer .footerimg {float:right;background:transparent url(images/puppy.gif) no-repeat; height:120px; width:80px; margin-top:-60px; margin-right:50px; position:relative; z-index:99999999;}

/* donation sidebar item */
.donation_link { margin-left: 10px; }
.donation_link img { border: none; }