/* andreas02 - an open source xhtml/css website layout by Andreas Viklund
(http://andreasviklund.com). Made for OSWD.org, free to use as-is for
any purpose as long as the proper credits are given for the original
design work. For design assistance and support, contact me through my
website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.001b
(October 10, 2006)

Screen layout: */

/* ----------------Body Container-------------- */
body
    {
      padding: 0;
      margin: 0;
      font: 76% tahoma, verdana, sans-serif;
      font-size: 0.76em;
      background: #FFCC00;
      color: #303030;
      }

a {
      text-decoration: none;
      color: #010300;
      }

a:hover {
      text-decoration: none;
      }
      
/* -------------------Active Container-------------- */
#container {
      position: absolute;
      margin: 0 auto 15px auto;
      width: 760px;
      padding: 0px 20px 20px 20px;
      background: #ffffff;
      }

/* ----------------Top Navigation Tabs-------------- */
#toptabs {
      margin: 10px auto -13px 40px;
      font-size: 0.8em;
      width: 760px;
      }

#toptabs p {
      text-align: right;
      color: #FF0000;   /* text color is red */
      }

.toptab {
      padding: 3px 5px 3px 5px;
      margin: 0 0 0 4px;
      text-decoration: none;
      background: #f0f0f0 url(../img/corner2.gif) top right no-repeat;
      color: #010300;
      border-bottom: 1px solid #e0e0e0;
      }

.toptab:hover {
      background: #fafafa url(../img/corner2.gif) top right no-repeat;
      border-bottom: 1px solid #eaeaea;
      color: #505050;
      text-decoration: none;
      }

.activetoptab {
      padding: 3px 5px 3px 5px;
      margin: 0 0 0 4px;
      color: #010300;
      text-decoration: none;
      background: #ffffff url(../img/corner2.gif) top right no-repeat;
      border-bottom: 1px solid #ffffff;
      }

.activetoptab:hover {
      text-decoration: none;
      }
      
/* -------------------Navigational Tabs----------------------- */
.navitab {
      padding: 4px 8px 4px 10px;
      font-size: 0.8em;
      margin: 10px 0 4px 0;
      text-decoration: none;
      letter-spacing: 1px;
      background: #e0e0e0 url(../img/corner.gif) top right no-repeat;
      border-bottom: 1px solid #ffffff;
      border-left: 1px solid #ffffff;
      }

.navitab:hover {
      text-decoration: none;
      background: #d0d0d0 url(../img/corner.gif) top right no-repeat;
      }

.activenavitab {
      padding: 4px 8px 5px 8px;
      font-size: 0.8em;
      color: #ffffff;
      margin: 0 0 5px 0;
      text-decoration: none;
      background: #505050 url(../img/corner.gif) top right no-repeat;
      }

.activenavitab:hover {
      text-decoration: none;
      }

/* -------------------Logo Banner-------------------- */
#banner {
      text-align: left;
      background-color: #FEFEFE;
      padding: 10px;
      margin: 0px;
      }

#banner img {
      padding:0px 0px;
      }


#logo {
      margin: 0px 0 10px -20px;
      }

#logo h1 a {
      color: #303030;
      }

#logo h1 a:hover {
      text-decoration: none;
      }

#navitabs {
      clear: both;
      }
      
/* -------------------Navigational Tabs----------------------- */
.navitab {
      padding: 4px 8px 4px 10px;
      font-size: 0.8em;
      margin: 10px 0 4px 0;
      text-decoration: none;
      letter-spacing: 1px;
      background: #e0e0e0 url(../img/corner.gif) top right no-repeat;
      border-bottom: 1px solid #ffffff;
      border-left: 1px solid #ffffff;
      }

.navitab:hover {
      text-decoration: none;
      background: #d0d0d0 url(../img/corner.gif) top right no-repeat;
      }

.activenavitab {
      padding: 4px 8px 5px 8px;
      font-size: 0.8em;
      color: #ffffff;
      margin: 0 0 5px 0;
      text-decoration: none;
      background: #505050 url(../img/corner.gif) top right no-repeat;
      }

.activenavitab:hover {
      text-decoration: none;
      }

/* -------------------Description Area----------------------- */
#desc {
      height: 40px;
      color: #050400;
      padding: 0;
      background: #505050 url(../img/content_front.jpg) top left no-repeat;
      clear: both;
      margin: 5px 0 0 0;
      }

#desc p {
      width: 290px;
      font-size: .85em;
      line-height: 1.3em;
      padding: 0 0 0 15px;
      }

#desc h2 {
      padding: 15px 15px 0 15px;
      color: #FF0012f;
      }

#desc a {
      color: #ffffff;
      text-decoration: underline;
      }

/* -------------------Content Section Main----------------------- */
#main {
      width: 390px;
      float: left;
      padding: 0 15px 0 10px;
      border-left: 1px solid #FFCC00;
      border-right: 0px solid #FFCC00;
      }
/* -------------------Content Section Main----------------------- */
.block {
      background: #f0f0f0;
      padding: 12px;
      }

.block_promo {
      font: 76% tahoma, verdana, sans-serif;
      font-size: 0.5em;
      background: #fffde5;
      padding: 12px;
      }
.block_footer {
      font: 76% tahoma, verdana, sans-serif;
      font-size: .95em;
      background: #f0f0f0;
      padding: 5px;
      }
      
.block_search {
      font: 76% tahoma, verdana, sans-serif;
      font-size: 0.5em;
      background: #FFD674;
      padding: 12px;
      }

/* -------------------Left Side Bar------------------------------- */
#leftbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
      position: absolute;
      left: 10px;
      width: 150px;
      color: #ee8;
      padding-top: 10px;
      }
      
#leftside {
      clear:left;
      float:left;
      width:140px;
      margin:0 0 5px;
      padding:0;
      }

#leftside h2.#leftside h3 {
      color:#505050;
      background-color:inherit;
      font-size:1.3em;
      margin:0 0 5px;
      padding:0;
      }

#leftside div.announce {
      clear:left;
      margin:10px 0 15px;
      padding:7px 5px;
      width:126px;
      font: 76% tahoma, verdana, sans-serif;
      font-size: 0.76em;
      background-color:#f4f4f4;
      color:#505050;
      border-left:4px solid #d20303;
      line-height:1.1em;
      }

#leftside div.announce p {
      margin:10px 0 0;
      padding:0;
      }



/* -------------------Ordered list Left Side Bar----------------------- */
ul.avmenu {
      width:140px;
      margin:0 0 20px;
      padding:0;
      list-style:none;
      }

ul.avmenu li {
      width:140px;
      padding:0;
      line-height:1.0em;
      display:inline;
      }

ul.avmenu li a {
      background-color:#f4f4f4;
      color:#505050;
      font-size: 0.8em;
      font-weight:bold;
      width:130px;
      float:left;
      margin-bottom:5px;
      padding:5px 1px 5px 5px;
      border-left:4px solid #cccccc;
      text-decoration:none;
      }

ul.avmenu li a:hover,ul.avmenu li a.current {
      background-color:#eaeaea;
      border-left:4px solid #FFCC00;
      color:#505050;
      }

ul.avmenu ul {
      margin:0 0 0 15px;
      padding:0 0 5px 0;
      font-size:0.9em;
      width:125px;
      }

ul.avmenu ul a {
      padding:3px 1px 3px 5px;
      width:115px;
      }

ul.avmenu ul ul {
      width:113px;
      }

ul.avmenu ul ul a {
      width:100px;
      }

/* -------------------Right Side Bar----------------------- */
#right_sidebar {
      width:190px;
      float:right;
      }

#right_sidebar p {
      font-size: 0.8em;
      line-height: 1.3em;
      margin: 0 0 0px 0;
      }

.right_sidelink {
      text-align: left;
      display: block;
      width: 175px;
      background: #f0f0f0 url(../img/corner.gif) top right no-repeat;
      padding: 3px 4px 3px 8px;
      margin: 5px 10px 5px 0;
      }

.right_sidelink:hover {
      background: #e0e0e0 url(../img/corner.gif) top right no-repeat;
      text-decoration: none;
      }

.right_sidebar ul, .m-con ol{
      margin:.4em 0 .4em .5em;
      }
.right_sidebar ul li {
      list-style:url(../img/bullet.gif) square;
      }

/* -------------------------Footer----------------------- */

#footer {
	clear: both;
	width: 781px;
	border-top: #e5e3de 1px solid;
	padding: 10px 14px 0 14px;
	font-size: 11px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 753px;
}

#footer a {
      color: #808080;
      }

/* ------------------------Headers and Paragraph Stylings --------------------- */
h1 {
      margin: 0 0 20px 0;
      font-size: 1.1em;
      font-weight: normal;
      }


h2 {
      margin: 0 0 20px 0;
      font-size: 1.1em;
      font-weight: normal;
      font-weight: bold;
      text-transform: uppercase;
}

h3 {
      margin: 20px 0 10px 0;
      font-size: .9em;
      font-weight: bold;
      text-transform: uppercase;
}

h4 {
      margin: 20px 0 10px 0;
      font-size: .9em;
      font-weight: bold;
      text-transform: uppercase;
}

p {
      margin: 0 0 15px 0;
      line-height: 1.2em;
      text-align: left;
}


.right {
      text-align: right;
      }

.left {
      text-align: left;
      font-weight: bold;
      text-transform: uppercase;
      }

a img {
      border: 0;
      }

.photo {
      padding: 5px;
      display: block;
      margin: 0 auto 15px auto;
      background-color: #49a616;
      }

.hide {
      display: none;
      }
 /* ------------------------Promo Block Headers ----------------------- */
.promo_floatleft {
      background:#fff url(img/content-bg.jpg) repeat-x;
      float:left;
      margin:4px 10px 0px 0;
      padding:6px;
      border:1px solid #D3D3D3
      }

.promo_hilite{
      font-family: "Trebuchet MS", Georgia, Times, "Times New Roman", serif;
      font-size: 0.8em;
      border: 2px solid #F9F9F9;
      background-color: #fffde5;
      padding: 4px 5px 3px 8px;
      margin:2px 0px 10px 0px;
      }

.promo_hilite:hover {
      border: 2px solid #EEEFEB;
      background-color: #f0f0f0;
      padding: 4px 5px 3px 8px;
      margin:2px 0px 10px 0px;
      }
      
.date {
      font: 76% tahoma, verdana, sans-serif;
      font-size: 0.75em;
      border-left: 1px solid #d0d0d0;
      border-right: 1px solid #d0d0d0;
      border-top: 1px solid #d0d0d0;
      border-bottom: 1px solid #d0d0d0;
      background: #fffde5;
      padding: 3px;
      
.footer_small {
      font: 76% tahoma, verdana, sans-serif;
      font-size: 0.6em;
      border-left: 1px solid #d0d0d0;
      border-right: 1px solid #d0d0d0;
      border-top: 1px solid #d0d0d0;
      border-bottom: 1px solid #d0d0d0;
      background: #fffde5;
      padding: 3px;