/*
 * Global
 *-----------------------------------------------*/

* {
   padding:0;
   margin:0;
}
a {
   color:#6f63c4;
}
a:hover {
   text-decoration:underline;
   color:#4e43a7;
}
a img {
   border:0px none;
}
p {
   margin:0 0 1em 0;
}
ul {
   list-style-type:none;
}
table {
   font-size:1em;
}

.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}

.gap {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
   background-color:#ffffff;
}

.none {
   display:none;
}

.title {
   font-weight:bold;
   font-size:1.2em;
   padding: 0 0 10px 0;
}


/*
 * Page structure
 *-----------------------------------------------*/

html body {
   background:#fff url('bg.gif');
   color:#000;
   text-align:left;
   font-style:normal; font-variant:normal; font-weight:normal; font-size:0.8125em; font-family:Verdana, Sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:3em
}

#main, #header, #footer {
   width:860px;
   margin:0 auto;
   text-align:left;
   font-size:85%;
   background-color:#ffffff;

}

#main {
    padding:0 2em 1px 2em;
}


/* 
 * Header
 *------------------------------------------------*/
#header {
   width:100%;
   background-color:#ffffff;
}


#logo {
   position:relative;
   float:left;
   padding:5px;
}

#address {
   position:relative;
   float:right;
   padding:30px 5px 5px 5px;
}

#address p {
   font-size:1em;
}


/*
 * Top level menu
 *------------------------------------------------*/

.topnav {
   height:30px;
   background-color: #908b30;
}

.topnav table td.nav {
   background: #908b30 url('bar2.gif') repeat-x left top;
   text-align:center;
   width:190px
}

.topnav table td.nav_space {
   background: #908b30 url('bar_gap.gif') repeat-x left top;
}

.topnav table td a {
   color:#ffffff;
   font-weight:bold;
   text-decoration:none;
   padding:10px 0 10px 0;
   display:block;
}

.topnav table td a:hover {
   color:#0087FF;
   font-weight:bold;
   text-decoration:none;
   padding:10px 0 10px 0;
   display:block;
}

.topnav table td a:active {
   color:#e0853c;
   font-weight:bold;
   text-decoration:none;
   padding:10px 0 10px 0;
   display:block;
}

.topnav table td.nav_space {

}

/*
 * Background
 *------------------------------------------------*/

.background {
   position:relative;
   display:block;
   width:200px;
   background-color:#eef3df;
   padding:5px 10px 5px 10px;
}

/*
 * left hand side
 *------------------------------------------------*/

.left {
   position:relative;
   float:left;
   display:block;
   width:230px;
   background-color:#ffffff;
   padding: 0 0 5px 0;
}

/*
 * middle section
 *------------------------------------------------*/

.content {
   position:relative;
   float:left;
   padding:10px 10px 10px 20px;
   display:block;
   width:370px;
   background-color:#ffffff;
}

table.img_example td {
	vertical-align:top;
}


/*
 * right hand side
 *------------------------------------------------*/

.right {
   position:relative;
   float:right;
   display:block;
   width:230px;
   background-color:#ffffff;
}

/*
 * sidebaritem
 *------------------------------------------------*/

.sidebaritem {
   position:relative;
   float:left;
   display:block;
   padding:0 5px 0 5px;
   background-color:#e1e5d5;
   width:220px;

}

.top_box {
   position:relative;
   padding:5px 0 0 0;
   max-height:10px;
}

.top_box img {
	padding:0;
	margin: 0;
	
}

.bottom_box {
   position:relative;
   padding:0;
   max-height:5px;
}

.bottom_box img {
	padding:0 0 5px 0;
	margin:0 0 6px 0;
}

/*
 * Content
 *------------------------------------------------*/

hr {
   border-left:0px dotted #ccc; border-right:0px dotted #ccc; border-top:1px dotted #ccc; border-bottom:0px dotted #ccc; height:1px;
   color:#fff;
   overflow:hidden;
   margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em
}

h1, h2, h3 {
   font-family:Georgia,Verdana,Sans-serif;
}
h1 {
   font-size:1.5em;
   color:#4e43a7;
   margin:0 0 0.5em 0;
   padding:0 0 0.5em 0;
}

h2 {
   color:#000000;
   font-size:1.4em;
   font-weight:bold;
   padding:0 0 8px 0;
}
h3 {
   color:#000000;
   font-size:1.2em;
   font-weight:bold;
   padding:0 0 6px 0;
}
h4 {
   color:#000000;
   font-size:1em;
   font-weight:bold;
   padding:0 0 4px 0;
}

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

#footer {
   position:relative;
   text-align:center;
   margin-top:10px;
   border-top: 3px solid #8b8622;
}

#footer p {
   padding:5px 0 0 0;
   font-weight:bold;
   font-size:1em;
   color: #000000;
}

/*
 * Lists
 *------------------------------------------------*/

.left li {
   text-align:left;
   padding: 5px 0 5px 15px;
   height:30px;
   border-top: 1px dashed #ffffff;
   border-bottom: 1px dashed #ffffff;
}

.left li a{
   color: #000000;
   background-image:url('arrow.png');
   background-repeat:no-repeat;
   background-position: left top;
   text-decoration:none;
   padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}

.left li a:hover{
   color:#4e43a7;
   background-image:url('arrow_select.png');
   background-repeat:no-repeat;
   background-position: left top;
   text-decoration:underline;
   padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}


/*
 * Images
 *------------------------------------------------*/


.img_center {
   position:relative;
   display:block;
   text-align:center;
   padding:5px 0 5px 0;
}

img.left1, img.left2 {
   float:left;
   padding:0;
   margin:0 15px 1em 0;
}
img.right1, img.right2 {
   float:right;
   padding:0;
   margin:0 0 1em 15px;
}
img.left1, img.right1 {
   border:1px solid #000;
}
img.left3, img.right3 {
   float:none;
   border:1px solid #000;
}