/*
Original design: andreas04 (v2.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas04/
*/

/* General layouts */
body {margin:0; padding:0; font:76% tahoma,verdana,sans-serif; background:#e6e6e6 url(images/bodybg.png) repeat-x; color:#444; text-align:center;}
#container {width:65%; min-width:700px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/contentbg.png) repeat-x; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
#container800 {width:700px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/contentbg.png) repeat-x; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
#container1024 {width:920px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/contentbg.png) repeat-x; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}

/* Tags */

a {text-decoration:none; color:#269;}
a:hover {text-decoration:underline;}
p {margin:0 0 15px 0;}
h1,h2,h3,h4 {margin:0; padding:0; font-weight:normal; line-height:1.2em;}
h1 {font-size:3em; letter-spacing:-2px; color:#567; margin:15px 0 5px 20px;}
h1 a:hover {text-decoration:none;}
h2 {font-size:1.6em; letter-spacing:-1px; margin:-10px 0 0 30px; color:#888;}
h3 {color: #555; font-size:1.4em; margin:1em 0 0.5em 0.5em;}
h4 {font-size:1.2em; font-weight:bold;}

/* Header */

#sitetitle {float:left; height:100px; background:url(images/globe.gif) no-repeat; width: 42%; color: #333;}
#sitetitle a {color:#567; font-weight:normal;}
#sitetitle a:hover {color:#269;}
#menu {height:71px; padding-top:35px; text-align: right;}
#menu a {margin:0; height:100px; padding:35px 6px 41px 6px; font-size:1.6em; font-weight:normal; letter-spacing:-1px; color:#888;}
#menu a:hover{color:#269; text-decoration:none; background: #fff url(images/menuhover.png) repeat-x; padding:35px 5px 41px 5px; border-left: 1px solid #eee; border-right: 1px solid #eee;}
#menu a.current{color:#269;}
#menu a.current:hover{color:#888; padding:35px 6px 41px 6px;  text-decoration:none; background: none; border:0;}

/* Main content and sidebar layout */

#content {margin-top:30px; width:100%; clear:both; background:url(images/globebottom.gif) bottom left no-repeat;}
#content h2 {margin:0 0 10px 0; color:#555; border-bottom:2px solid #abb;}
#content h2 a {color:#555; font-weight:normal;}
#content h2 a:hover {color:#269; text-decoration:none; background:none;}
#content p {margin:0 0.5em 1.2em 0.5em;}
#left {width:68%; float:left; line-height:1.4em;}
#right {margin-left:70%; margin-top:-15px; line-height:1.4em;}
#right h2 {margin:0 0 8px 0; padding:0; font-size:1.6em;}

/* Footer */

#footer {clear:both; padding:10px 0 12px 24px; text-align:left; color:#777;}
#footer a {color:#777; font-weight:normal;}
#footer h2 {color:#aaa; font-size:2em; letter-spacing:-1px; margin:0; padding:0; border:0;}
#footer h2 a {color:#aaa;}
#footer p {margin:0; padding:0;}


/* Additional classes */

.entry {margin:0 0 20px 0; border:2px solid #fff; background:#e6e6e6 url(images/entrybg.png) repeat-x; color:#333; padding:10px 10px 0 10px;}
.entry a:hover, .intro a:hover {text-decoration:none; padding-bottom:2px; background:url(images/flash2.gif) bottom left repeat-x;}
.link {color:#269; background:url(images/linkarrow.gif) left no-repeat; display:block; margin:4px 0 0 0; padding:2px 1em;}
.link:hover {color:#48b; background:url(images/blinkarrow.gif) left no-repeat;
text-decoration:none;}
.thumbs img {padding:3px; margin:0 2px 2px 0; border:1px solid #fff; background-color:#ddd; color: #555;}
.thumbs img:hover {background: url(images/flash.gif);}
.entryphoto {margin:5px; float:left; padding:3px; border:1px solid #fff; background-color:#ddd; color:#333;}
.meta {clear:both; border-top: 2px solid #ccc; padding: 5px 1px 0 0; margin:10px 0 0 0; text-align:right; font-size:1em; color: #567;}
.pagenav {color: #777; text-align:center;}
.subcontainer {display:block; width:98%;}
.rightsub {float:left; width:45%; padding:0;}
.rightsub2 {margin-left:50%; padding:0;}
.right {text-align:right;}
.center {text-align:center;}
.clear {clear:both;}
.hide {display:none;}


/* Toptabs menu */
#toptabs {font-size:.8em; margin:10px auto -13px; width:760px;}
#toptabs p {color:gray; text-align:right;}
.toptab {background:#f0f0f0 url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
.navitab:hover {background:#d0d0d0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
.activenavitab {background:#505050 url(images/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}

/* Header description area */
#desc {background:#505050 url(images/wttogether2.jpg) bottom left repeat-y; clear:both; color:#fff; /* height:200px; */ margin:5px 0 15px; padding:0 0 5px 0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/* Main content */
#main {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:550px;}

/* Sidebar */
#sidebar {float:right; width:150px;}
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#f0f0f0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:140px;}
ul.sidelink li a:hover {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}