/* main elements */

html, body { margin: 0px; padding: 0px; background-color: rgb(255, 255, 255); background-repeat: repeat-x; background-attachment: scroll; background-image: url('images/shadow.jpg'); color: #000000; font-size: 12px; }

h1,h2,h3,h4,h5,h6 {font-family:Times,serif; }

a, a:hover {font-family: Arial; color: #1284A3;}

ul, ol {font-family: Arial;}

#leftside p, #rightside p  {font-family: Trebuchet MS;}

img { padding: 3px; border: 1px solid #CFCDCE; margin: 3px;}

#leftside a, #rightside a {color: #1284A3 ; text-decoration: underline;}
#leftside a:hover, {text-decoration: none; font-weight: bold;}

#rightside a {color: #1284A3 ; text-decoration: none;}
#rightside a:hover {font-weight: bold;}


#container { margin: 0px auto; padding: 0px; width: 800px; background-image: none; }
#container-inner { margin: 0px auto; width: 800px; background-image: url('images/background.gif'); background-repeat: repeat-y; float: left; }

#headermods { margin: 0px; padding: 0px 70px 0px 0px; float: right; width: 180px; }
#headermods h1 a{ display: block; width: 180px; height: 56px; margin-top: 109px; font-size: 20px; font-weight: bold; text-align: left; text-transform: uppercase; color: #1284A3; text-decoration: none; font-family:Times,serif;}
#headermods h1 a:hover{text-decoration: underline;}
#headermods h2 {display: block; width: 180px; margin-top: 2px; font-size: 10px; font-weight: normal; text-align: left; text-transform: none; color: #1284A3; text-decoration: none; font-family:Times,serif;}
 
#headerimg { margin: 0px; padding: 0px; background: transparent url('images/straw.jpg') no-repeat; float: left; display: block; height: 311px; width: 370px; }
#leftside { margin: 0px; padding-bottom: 40px; float: left; height: auto; width: 500px; }

ul li { list-style:circle; padding-left: 5px;}
ul li a { overflow: auto; height: 100%; text-decoration: none; display: block; color: rgb(153, 153, 153); }
ul li a:hover { text-decoration: none; background-color: rgb(246, 253, 255); }

ol { }

#leftside h1 a { padding-left:10px; font-size: 20px; font-weight: bold; text-align: left; text-transform: capitalize; color: #1284A3; text-decoration: none; font-family:Times,serif;}
#leftside h1 a:hover { text-decoration: underline; }

#leftside code { margin: 0px; padding: 0px; color: rgb(92, 108, 252); }
#leftside .date { font-size: 12px; text-align: left; color: rgb(116, 116, 116); margin-top: -13px; }


#leftside p { padding: 0px 20px 0px 10px; margin-bottom: 0px; font-size: 12px; color: #000000; line-height: 20px; text-align: left; }
#leftside p a { color: #1284A3; text-decoration: underline; }
#leftside p a:hover { text-decoration: none; }
#leftside blockquote { padding: 15px; font-size: 12px; color: rgb(116, 116, 116); text-align: center; margin-top: 10px; margin-bottom: 10px; background-image: url('images/blockquote.gif'); background-repeat: no-repeat; background-position: left top; line-height: 20px; }

.more { padding: 5px 0px 40px; background-image: url('images/leaf.gif'); background-repeat: no-repeat; background-position: center bottom; text-align: right; }

.value { margin: 10px 10px 0px 10px; text-align: left; }
.value a { font-size: 12px; color: rgb(79, 181, 210); text-decoration: none; }
.value a:hover { text-decoration: underline; }

.continue { margin: 10px 10px 0px; }
.continue a { font-size: 12px; color: rgb(79, 181, 210); text-decoration: none; }
.continue a:hover { text-decoration: underline; }

#rightside { margin: 0px; padding: 0px; width: 300px; float: right; }
#rightside h2 { padding-left: 15px; text-align: left; font-size: 14px; font-weight: bold; color: #1284A3; font-family:Times,serif;}

#rightside ul li ul li {list-style:none !important; list-style:circle; padding-left: 20px !important; padding-left: 1px; text-align: left; font-size: 12px; color: #1284A3; font-family:Times,serif;}


#rightside p { padding: 3pt 13px 3pt 15px; line-height: 20px; font-size: 12px; color: rgb(116, 116, 116); margin-top: -5px; height: 100%;  color: #000000;}
#rightside p:hover { background: rgb(246, 253, 255) none no-repeat; text-decoration: none; }
#rightside p a { color: #1284A3; text-decoration: none; }
#rightside p a:hover { color: #1284A3;text-decoration: underline; }
#rightside p span { line-height: 20px; }
#rightside img { border: medium none ; margin: 0px; padding: 0px; }
.searchbox { padding-left: 0px; margin-top: 20px; }
.search { border: 1px solid rgb(26, 193, 240); padding: 3pt; background-color: rgb(255, 255, 255); font-size: 12px; color: #1284A3; width: 120px; height: 15px; }
.buttonsearch { border: 1px solid rgb(26, 193, 240); width: 30px; height: 24px; font-size: 12px; color: #1284A3; font-weight: bold; background-color: rgb(255, 255, 255); }

#footer { margin: 0px auto; padding: 0px; clear: both; width: 800px; font-size: 10px; color: rgb(249, 249, 249); text-align: center; line-height: 20px; background: #000000;}
#footer p { margin: 0px; color: rgb(249, 249, 249); }
#footer p a { color: rgb(249, 249, 249); text-decoration: none; }
#footer p a:hover { color: rgb(255, 255, 255); text-decoration: underline; }
#holow { display: none; }
#footercontainer { border-top: 5px solid rgb(233, 233, 233); margin: 0px; padding: 20px 0px 0px; background: #000000; height: auto; clear: both; font-size: 12px; line-height: 1.2em; color: rgb(249, 249, 249); }

#footercontainer-inner { margin: 0px auto; padding: 0px; width: 800px; color: rgb(249, 249, 249); }

#leftside1 { margin: 0px; padding: 0px; width: 240px; float: left; font-size: 12px; color: rgb(255, 255, 255); line-height: 20px; }
#leftside1 h2 { font-size: 14px; padding-left: 5px; font-family:Times,serif;}

#middleside1 { margin: 0px; padding: 0px 0px 10px; width: 290px; float: left; font-size: 12px; color: rgb(255, 255, 255); line-height: 20px; }
#middleside1 h2 { padding-left: 5px; font-size: 14px; font-family:Times,serif;}

#rightside1 { margin: 0px; padding: 0px 0px 10px; width: 240px; float: right; font-size: 12px; color: rgb(255, 255, 255); line-height: 20px; }
#rightside1 h2 { font-size: 14px; padding-left: 5px; font-family:Times,serif;}

.bottombar { margin: 0pt; font-size: 12px; color: rgb(255, 255, 255); }
.bottombar p { margin: -10px 0px 10px; padding: 3pt; overflow: auto; height: 100%; text-decoration: none; display: block; color: rgb(255, 255, 255); }
.bottombar p:hover { text-decoration: none; background-color: rgb(23, 149, 183); }
.bottombar a { color: rgb(255, 255, 255); text-decoration: none; }
.bottombar a:hover { text-decoration: underline; }
.bottombar h2 { font-size: 14px; padding-top: 5px; padding-left: 5px; font-family:Times,serif;}


.bottombar ul { margin: -10px 0px 10px; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; color: rgb(230, 230, 230);}

.bottombar li {color: rgb(230, 230, 230); }

.bottombar ul li { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.bottombar ul li a { padding: 3pt 7pt 3pt 5px; overflow: auto; height: 100%; text-decoration: none; display: inline; color: rgb(255, 255, 255); }
.bottombar ul li a:hover { text-decoration: none; background-color: rgb(23, 149, 183); }

.bottombar ul a { padding: 3pt 7pt 3pt 5px; overflow: auto; height: 100%; text-decoration: none; display: inline; color: rgb(255, 255, 255); }
.bottombar ul a:hover { text-decoration: none; background-color: rgb(23, 149, 183); }

.bottombar li a { padding: 3pt 7pt 3pt 5px; overflow: auto; height: 100%; text-decoration: none; display: inline; color: rgb(255, 255, 255);  }
.bottombar li a:hover { text-decoration: none; background-color: rgb(23, 149, 183); }

.bottombar ul li span { padding: 3pt 10pt 3pt 5px; overflow: auto; height: 100%; text-decoration: none; display: block; color: rgb(255, 255, 255); }

a img { border:none;}

#commentform textarea { width:350px;}
.commentsblock {text-align:left;}

#subcontent ul { padding : 3px 0 8px 0; }
#subcontent li { line-height : 18px; background : #fff; list-style : none; padding-left : 0; margin-left : 5px; }
#subcontent li li { padding-left : 15px; list-style: none; }

#meta {}
#meta .date {background: url(images/date.gif) no-repeat left; display: inline; margin-left: 10px; padding:3px; padding-left:20px;}
#meta .user {background: url(images/user.gif) no-repeat left; display: inline; margin-left: 10px; padding:3px; padding-left:20px;}
#meta .comment {background: url(images/comment.gif) no-repeat left; display: inline; margin-left: 10px; padding:3px; padding-left:20px;}
#meta .category {background: url(images/category.gif) no-repeat left; display: inline; margin-left: 10px; padding:3px; padding-left:20px;}
#meta .continue {background: url(images/more.gif) no-repeat left; display: inline; margin-left: 10px; padding:3px; padding-left:20px;}