/* main styles
   -------------- */

body {
	font: .7em Arial, Verdana, sans-serif;
	line-height: 1.4em;
	background: #ffcc33;
	color: #444444;
	padding:0;
	margin:0;
}

a {	color: #CC1111;	background: inherit; font-weight: bold;}
a:hover { color: #335522; background: inherit; }

h1 { font: normal 2.4em Arial,Verdana, Sans-Serif; padding: 7px 0 0 8px; margin: 0; font-weight: bold;}
h1 a { color: #737373; background: inherit; }
.orange {
	color: #E0692A;
	margin: 20px;
	}

h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
p {	margin: 0 0 5px 0; }

.content {
	margin: 0 auto;
	width: 980px;
	padding: 10px;
	background: #ffcc33;
	border-left:  1px solid #cc1111;
	border-right: 1px solid #cc1111;
}

.image {
	border: 1px solid #000000;
}

/* Navigation */
ul { list-style : none; }




/* header */
.header {
	height: 70px;
	background: #ffcc33 url(images/headerbg.gif) repeat-x bottom;
	color: #808080;
	margin: 3px 0;
	padding: 10px 0 0 0;
}

.top_info {
	float: right;
	width: 500px;
	padding: 5px 0 4px 0;
	color: #808080;
}

	.top_info_left {
		width: 250px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 200px;
		padding: 0 0 0 35px;
		border-left: 1px solid #CC1111;
	}

.bar {
	clear: both;
	font-size: 1.1em;
	height: 30px;
	background: #faa615 url(../images/general/bg_bar.png) repeat-x;

}
	.bar li {
		padding: 6px 12px 6px 12px;
		float: left;
                 border-left: 1px solid #ff9933;
                 border-right: 1px solid #b14810;
	}

	.bar li a {
		font-weight: bold;
		color: #ffffff;
		background: inherit;
		text-decoration: none;
	}

	.bar li a:hover {
		font-weight: bold;
		color: #000000;
		background: inherit;
		text-decoration: none;
	}

         .bar li.active {
		background: #e0692a;
                 font-weight: bold;
                 color: #ffffff;
                 text-decoration: none;
                 position: relative;
                 top: -3px;
	}

/* search form */
.search_field {
	background: #ffffff;
	color: #000000;
	clear: both;
	font-weight: bold;
	padding: 0px;
	margin: 5px;
}
	input.search {
		width: 292px;
		border: 1px solid #000000;
		padding: 4px;
		color: #E0691A;
		font-weight: bold;
		margin: 0 0 0 3px;
	}
	input.submit {
		background: #E0691A;
		padding: 4px 0;
		width: 65px;
		margin: 0 10px 1px 0;
		color: #FFF;
		font: bold 1em Arial, Sans-Serif;
                 border-left: 1px solid #ff9933;
                 border-top: 1px solid #ff9933;
                 border-right: 1px solid #b14810;
                 border-bottom: 1px solid #b14810;
	}
	.search_form {
		float: right;
	}

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

.left {
	float: left;
	width: 733px;
	margin: 0 0 10px 0;
}

.left h2 {
	clear: both;
	background: #335522;
	color: #ffcc33;
	padding: 4px 0 4px 10px;
	font: bold 1.4em Arial,Verdana, Sans-Serif;
	margin: 0 0 10px 0;
}
	.left_side {
		float: left;
		width: 250px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 10px;
	}

	.left_side a, .right_side a {
        font: bold 1.1em Arial,Verdana, Sans-Serif;
		color: #414141;
		background: #ffcc33;
		}

	.left_side a.title, .right_side a.title {
        font: bold 1.1em Arial,Verdana, Sans-Serif;
		color: #E0692A;
		background: #ffcc33;
		}

	.left_side li a{
	        font: bold 1.1em Arial,Verdana, Sans-Serif;
	        color: #E0691A;
	        background: inherit;
		text-decoration: none;
	}

	.left_side ul {
         	list-style : square;
                 position:relative;
                 left: -20px;
         }

	.right_side {
		float: right;
		width: 400px;
		background: #ffcc33;
		color: #414141;
		padding: 0 0 0 10px;
		margin: 10px 20px 0 10px;
	}

	.right_side li a{
	        font: bold 1.1em Arial,Verdana, Sans-Serif;
	        color: #E0691A;
	        background: inherit;
		text-decoration: none;
	}

	.right_side ul {
         	list-style : square;
                 position:relative;
                 left: -20px;
         }
	.left_box {
		margin: 0 0 10px 0;
		color: #000000;
		background: #ffcc33;
		padding: 3px 0 0 0 ;
		font:  1.1em Arial,Verdana, Sans-Serif;
	}

         .left_image {
		float: left;
		margin: 0 9px 9px 0;
                 position:relative;
                 border: 1px solid #000000;

	}

         .right_image {
		float: right;
		margin: 0 9px 9px 0;
                 position:relative;
                 border: 1px solid #000000;

	}


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

.right {
	float: right;
	width: 235px;
	margin: 0 0 0 0;
}
	.right h3 {
		background: #CC1111;
		color: #FFF;
	    padding: 4px 0 4px 4px;
		font: bold 1.4em  Arial, Verdana, Sans-Serif;
		margin: 0 0 10px 0;

	}
	.right_articles {
		background: #ffcc33;
		color: #414141;
		padding: 0px;
		margin: 0px;

	}
	.notice {
		background: #ffcc33;
		color: #808080;
	    padding: 12px 8px;
		margin: 0 0 3px 0;
        text-align: center;
	}
	.image {
		float: left;
		margin: 0 9px 3px 0;
                 position:relative;

	}

	.right_articles li a{
	        font: bold 1.1em Arial,Verdana, Sans-Serif;
	        color: #E0691A;
	        background: inherit;
		    text-decoration: none;
	}

	.right_articles ul {
         	list-style : square;
            position:relative;
            left: -20px;
         }


#image {position:relative; background-color:#ffffff; float: left; z-index:100;}
#image a.p1, #image a.p1:visited {display:block; width:60px; height:60px; text-decoration:none; background:#fff; top:0; left:0; border:1px solid;}
#image a img {border:0;}
#image a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#image a .large {display:block; position:absolute; width:0; height:0; border:0; }
#image a.p1:hover .large {display:block; position:absolute; top:-180px; left:-260px; width:240px; height:240px; border:3px solid #ccc;}


/* add_horizontal
   ------ */

.add_horizontal {
	clear: both;
         border-top: 1px solid #cc1111;
}

	.add_horizontal li {
		padding: 6px 12px 0px 0px;
		float: left;
         }
	.add_horizontal li a  {
                 font-weight: bold;
		color: #2D8930;

	}

/* footer
   ------ */

.footer {
	clear: both;
	text-align: center;
	padding: 10px 0;
	line-height: 2em;
}
         .footer a {
                 font-weight: bold;
		color: #2D8930;
          }