/* CSS Document */

/*** Slide ***/
#slidebox{
padding: 0px; position:relative;
}


#CaptionBox{
position: absolute; top: 151px;  background: url(../images/slide-bkg.png) no-repeat; width: 298px; margin-left: 19px; padding-top: 20px;
}

#caption{
background: transparent url(../images/text-bkg.png) no-repeat; height: 200px; width: 280px; padding-top: 32px; padding-left: 32px; margin-left: 15px;
}

#caption .text{
font-family:"Lucida Sans Unicode" Verdana, Arial; font-size: 12px; line-height: 1.2em; width: 200px;
 padding: 2px;
}


#caption h1{
font-family:"Lucida Sans Unicode" Verdana, Arial; text-align: justify; font-size: 14px; line-height: 1.3em; margin-bottom: 10px; text-transform:uppercase;
}

#imagebox{
padding: 0px; position:relative;
}

#MyCaption{
position: absolute; top: 151px;  background: url(../images/slide-bkg.png) no-repeat; width: 298px; margin-left: 19px; padding-top: 20px; height: 230px; overflow:hidden;
}

#caption2{
background: transparent url(../images/text-bkg.png) no-repeat; height: 200px; width: 280px; padding-top: 32px; padding-left: 32px; margin-left: 34px; position:absolute; top: 171px;;
}

#caption2 .text{
font-family:"Lucida Sans Unicode" Verdana, Arial; font-size: 12px; line-height: 1.2em; width: 200px;
 padding: 2px;
}


#caption2 h1{
font-family:"Lucida Sans Unicode" Verdana, Arial; text-align: justify; font-size: 14px; line-height: 1.3em; margin-bottom: 10px; text-transform:uppercase;
}

/*** ***/
#topcornor{
	background: #2a2a26 url(../images/cright.gif) top right no-repeat;
	width: 950px;
	margin:auto;
}

#bottomcornor{
	background: #2a2a26 url(../images/bright.gif) bottom right no-repeat;
	width: 950px;
	margin:auto;
}


.logo{
	float:left;
	padding-left: 29px;
}


.infotext{
	font-family:"Lucida Sans Unicode" Verdana, Arial; 
	font-size: 0.77em; 
	line-height: 1.3em;
	font-weight: normal;
	padding: 5px 10px 0px 0px;
	text-align: left;
}



/*** my menu ***/
.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
margin-left: 19px;
}

.ubercolortabs ul{
font: bold 11px Tahoma, Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}


.ubercolortabs a{
float: left;
color: white;
background: #797979 url(../images/roundleft.gif) no-repeat bottom left; /*default background color of tabs, left corner image*/
margin: 0 5px 0 0;
padding: 0 0 1px 2px;
text-decoration: none;
letter-spacing: 1px;
margin-bottom: -1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(../images/roundright.gif) no-repeat bottom right; /*right corner image*/
padding: 6px 7px 9px 7px;
cursor: pointer;
padding-right: 10px;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #AE5300; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


/*** Comment box ***/
.commentbox{
background: #bdbdbd url(../images/topc.gif) top left no-repeat;;
padding: 10px;
	font-family:"Lucida Sans Unicode" Verdana, Arial; 
	font-size: 0.75em; 
	line-height: 1.3em;
	font-weight: normal;
	text-align: justify;
}

.commentfooter{
background: url(../images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 1.5em;
font-size: 90%;
color: #FFFFFF;
font-family:"Lucida Sans Unicode" Verdana, Arial; 
font-size: 0.75em;

}


#menutop{
background: #b8b8b8 url(../images/mtright.gif) no-repeat top right;
position:relative;
}

#menubottom{
background: #b8b8b8 url(../images/mbright.gif) no-repeat bottom right;
position:relative;
}

#menubox {
background: #b8b8b8;
}


/*** left menu ***/

.markermenu{
width: 100%; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}

.markermenu ul li a{
background: transparent url(../images/arrow-list.gif) no-repeat 2px center;
font: bold 12px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 5px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #cecece;
}

* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 160px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{
color: green;
text-decoration: underline;
background-color: #cecece;
background-image:url(../images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

.leftimage{
	padding: 2px;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	margin-right: 10px;
}

.rightimage{
	padding: 2px;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	margin-left: 10px;
}

/*** Teaser ***/
	.teaser {
		padding:0 0 0 11px;
		margin:0px;
		background:url("../images/tsr-l.gif") top left no-repeat;
	}
	.teaser h3 {
		background:url("../images/tsr-r.gif") top right no-repeat;
		margin:0;
		padding:8px 0 0.6em 0;
		font-family: "Lucida Sans Unicode", Arial, Tahoma, Verdana, Helvetica;		
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
	}
	.teaser p {
		margin:0 0 0 -11px;
		padding:0px 11px 12px 15px;
		border:1px solid #676767;
		border-width:0 1px;
		background:#c8c8c8;
		line-height: 1.4em;
		font-family: "Lucida Grande", Arial, Tahoma, Verdana, Helvetica;
	}
	.teaser div {
		margin:0 0 0 -11px;
		padding-left:11px;
		background:url("../images/tsr-l.gif") bottom left no-repeat;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		padding:0 20px 10px 0;
		background:url("../images/tsr-r.gif") bottom right no-repeat;
		font-family: "Lucida Sans Unicode", Arial, Tahoma, Verdana, Helvetica;		
		font-size: 14px;
		text-decoration: none;
	}


div.contentbox{
    background: #dedede;
    border: 1px dotted #ccc;
    padding: 6px;
}

div.contentbox h1{
	font: bold 16px Helvetica, Arial, Verdana;
	color: #00014e;
	padding-bottom: 10px;
}

div.contentbox .text{
	font: normal 12px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
}


img.dogear{
    position: relative;
    top: -7px;
    right: -7px;
    float: right;
}

.frontimage{
padding: 2px;
background: #bebebe;
border: 1px solid #9b9b9b;
}

.paddingleft{
	padding-left: 35px;
	padding-bottom: 10px;
	list-style:square;
}