@charset "utf-8";
/* CSS Document */

/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
    background: url(images/bg_body.gif) repeat-y #6a092c;
	color: #111122;
}

a img {border:0;}


h1 { 
	font:14pt georgia,serif; 
	color:#5b3310;
	padding:4px;
	margin-top:25px;
	margin-bottom:20px;
	margin-left:-5px;
	border-left:15px solid #aaa043;
	text-transform:capitalize;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
	color:#663333;
}

h3{
	font:12px verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#663333;
}

a {
	color:#3b74bf;
	text-decoration:none;
}

a:hover {
	color:#3b74bf;
	text-decoration:underline;
}

p { 
	margin:0 0 1em;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:19px;
	color: #113322;
}

.imgpad {
	border:2px solid #c0c0c0;
	padding:0px;
	margin:1px;
	}
	
.imgpad:hover{
	border:2px solid #808080;
	padding:0px;
	margin:1px;
	}

div#container {
	position:absolute; /* needed for footer positioning*/
	margin-left:45px;
	margin-right:auto; /* center, not in IE5 */
	margin-top:0px;
	margin-bottom:0;
	width: 70%;  /* this will create a container 80% of the browser width */
	border:0px solid #f0f;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background: url(images/bg_head.gif) no-repeat top right #83806c;
}

div#buttonrow {
   position:absolute;
   left:0;
   top:0;
   padding:0px;
   margin:0;
   border:0px solid #FF7700;
   height:100%;
   width:60px;
}
	div#buttonrowspacer{position:relative; padding-top:100px; margin:0;}   
   
div#content {
	margin-top:100px;
	margin-left:30px;
	margin-right:25px;
	padding:1em 1em 1em 2em; /* bottom padding for footer */
	border:0px solid #f00;
	background:url(images/bg_content.gif) no-repeat top left #bec637;
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}
	
	div#content ul{
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:19px;
	color: #224433;
	}


  /*=====================================================================*/
 /*=====================================================================*/
/*=====================================================================*/
.yellowbutton {
   background: #9e0039;
   margin-top:1px;
   margin-right:0px;
}
.yellowbutton_top div {
   /*background: url(yellowbutton_tl.png) no-repeat top left;*/
}
.yellowbutton_top {
   background: url(yellowbutton_tr.png) no-repeat top right;
   width:60px;
   padding:0;
   margin:0;
}
.yellowbutton_bottom div {
   /*background: url(yellowbutton_bl.png) no-repeat bottom left;*/
}
.yellowbutton_bottom {
   background: url(yellowbutton_br.png) no-repeat bottom right;
   width:60px;
   padding:0;
   margin:0;
}
.yellowbutton_bottom2 {
   background: url(yellowbutton_br.png) no-repeat bottom right;
   width:60px;
   padding:0;
   margin:0;
}

.yellowbutton_top div, .yellowbutton_top, 
.yellowbutton_bottom div, .yellowbutton_bottom {
   height: 8px;
   font-size: 1px;
}
.yellowbutton_content { 
	text-align:right;
	padding-right:0px;
	padding-left:0px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;	
	margin:0;
}
.yellowbutton a{
	text-decoration:none;
}
.yellowbutton a:hover{
	text-decoration:none;
	color:#FF6600;
}


  /*=====================================================================*/
 /*=====================================================================*/
/*=====================================================================*/
.yellowbutton_100 {
   background: #9e0039;
   margin-top:1px;
   margin-left:0px;
}
.yellowbutton_100 div {
   /*background: url(yellowbutton_tl.png) no-repeat top left;*/
}
.yellowbutton_top_100 {
   background: url(yellowbutton_tr.png) no-repeat top right;
   width:100px;
   padding:0;
   margin:0;
}
.yellowbutton_bottom_100 div {
   background: url(yellowbutton_bl.png) no-repeat bottom left;
   margin:0;
}
.yellowbutton_bottom_100 {
   background: url(yellowbutton_br.png) no-repeat bottom right;
   width:100px;
   padding:0;
   margin:0;
}
.yellowbutton_bottom2_100 {
   background: url(yellowbutton_br.png) no-repeat bottom right;
   width:100px;
   padding:0;
   margin:0;
}

.yellowbutton_top_100 div, .yellowbutton_top_100, 
.yellowbutton_bottom_100 div, .yellowbutton_bottom_100 {
   height: 8px;
   font-size: 1px;
}
.yellowbutton_content_100 { 
	text-align:center;
	padding-right:0px;
	padding-left:0px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;	
    margin:0;
}
.yellowbutton_100 a{
	text-decoration:none;
	font-weight:bold;
	color:#999e82;
}
.yellowbutton_100 a:hover{
	text-decoration:none;
	color:#dfffc6;
	font-weight:bold;
}


/*=======================================================================*/

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {/*display:block;*/ text-decoration:none}
ul.menu li {
	position:relative; 
	float:left; 
	margin-top:10px; 
	margin-left:0px; 
	margin-right:0px;
	}
ul.menu ul {
    position:absolute; 
	left:60px; 
	/*margin-top:-62px;*/ 
	/*background:#9e0039;*/ 
	display:none; 
	opacity:0; 
	list-style:none;
	padding:0;
	margin-top:-80px; 
	margin-left:0px; 
	margin-right:0px;
	}
ul.menu ul li {
	/*position:relative; */
	border-left:2px solid #83806c;
	border-top:1px solid #83806c;
    margin-top:0px; 
	margin-left:0px; 
	margin-right:0px; 
	width:100px;
	}
ul.menu ul li a {/*display:block;*/ background-color:#9e0039}
ul.menu ul li a:hover {background-color:#9e0039}
ul.menu ul ul { margin-left:0px; margin-right:0px;}
ul.menu .menulink {font-weight:bold; margin-left:0px; margin-right:0px; background:#9e0039; width:100px}
ul.menu .menulink:hover, ul.menu .menuhover {background:#9e0039}
ul.menu .sub {background:#9e0039}
ul.menu .topline {}