@import url('undohtml.css');

/* common html */
body{background:#FFF; border-color:#DCDADC;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;	text-align:center;margin:0 auto; padding:0}
/*body{background-color: #D5D5D5; background:url('/img/bg_body.jpg') repeat-x left top; border-color:#DCDADC;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;	text-align:center;margin:0 auto; padding:0;
	 }*/
	
#top_img{margin:0 5px;padding:0;height:220px;background:url('/img/bg_body_img.gif') no-repeat center top ;}




/* basic containers */
div#wrapper{width:960px;text-align:left;margin:-152px auto 10px auto; padding:0;}
div#header{width:956px;height:100px;position:relative; margin:15px auto 0 auto; padding:0;background:url('/img/topbanner.jpg') no-repeat; border:1px solid #CCC; border-bottom:0;}
div#topNav{width:962px; margin:0 0 0 -2px; padding:0 0 3px 0;background-color:#c62f3e;background:url('/img/bg_topNav.jpg') repeat-x;border:1px solid #7a7a7a; }

div#container{width:958px;margin:0;padding:0;  }

div.right_bg{width:100%;float:left;background:#F2F2F2;position:relative;overflow:hidden;border-right:1px solid #CCC;border-left:1px solid #CCC;  }   
div.content_bg{width:100%;float:left;background:#F2F2F2;position:relative;right:140px}   
div.left_bg{width:100%;float:left;background:#F2F2F2;position:relative; right:670px;}   


div#leftNav{position:relative;left:812px;background:#F2F2F2;float:left;margin:0;padding:0 0 10px 0; width:140px;overflow:hidden;}
div#rightNav{position:relative;left:804px;background:#F2F2F2;float:left;margin:0;padding:0 0 10px 0;width:140px;overflow: hidden;}
div#mainContent{position:relative;left:808px;margin:0;padding:10px 8px;float:left;width:660px;overflow:hidden;}

div#footer{background:url('/img/bg_topNav.jpg') repeat-x; clear:both; height:20px; margin-top:15px;}



/* topNav */
div#topNav ul{margin:0; padding:3px 0; text-align:right; font-size:90%}
div#topNav ul li{display:inline;margin:0;padding:0;}
div#topNav ul li a{color:#FFF; margin:0; padding:0 15px; text-decoration:none;}
div#topNav ul li a:hover{color:#000;}
p.updates{ text-align:left; float:left; padding:0; margin:5px;color:#FFF; font:75%;}



/* leftNav, rightNav */
#leftNav h2, #rightNav h2{letter-spacing:+0.5px; padding:0; margin:2px 5px 0 15px; color:#E60000; font-weight:lighter}
#leftNav ul, #rightNav ul{background-color:transparent; list-style:none;margin:0;padding:0;overflow:hidden;font:100%/1.2em Arial,Helvetica,sans-serif}
#leftNav ul ul{margin-bottom:0;}
#leftNav ul li, #rightNav ul li{background:url('/img/_bullet.gif') no-repeat; background-position:2px 2px; margin:0; padding:0;}
#leftNav ul li a, #rightNav ul li a{font-size:90%;border-bottom:1px solid #CCCCCC; color:#666666; display:block; padding:2px 0 2px 15px; text-decoration:none;}
#leftNav ul li a:hover, #rightNav ul li a:hover{font-weight:bolder;}
#leftNav ul li a{width:122px;}
#rightNav ul li a{width:122px;}


/* leftNav */
#leftNav ul#subtypes li{background-image:none; margin-left:10px}
#leftNav ul#subtypes li a:hover{background:url('/img/_bullet_sub.gif') no-repeat;background-position:2px;font-weight:normal;color:#4F4F4F;}
#leftNav ul#subtypes li.sel a{font-weight:bolder;color: #4F4F4F;}
#leftNav ul#subtypes li.sel a:hover{background:url('/img/_bullet_sub.gif') no-repeat;background-position:2px;font-weight:bolder;cursor:default;}
/* rightNav */

/*  search_box  */
#search_box{border:1px solid #D5D5D5;margin:20px 2px 2px 2px; padding:5px;width:125px; }
#search_box img{padding:5px 10px 0 5px;}
#search_box input {margin:2px 0;padding: 2px 0 5px 0;border-width: 1px;border-style: solid;border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;}
#search_box	form{padding:2px;}	


/* mainContent 
#mainContent p{font-size:75%;margin-bottom:15px;}
#mainContent ul{font-size:75%; margin:10px 0 15px 15px;}
#mainContent ul li{list-style-type:disc;}
#mainContent div{margin-bottom:15px;}*/

/* footer */
#footer p{color:#FFF; font-size:90%; margin:0; padding:3px; text-align:center;}
a#eggertz{float:left;}
a#web2dev{float:right;}




/* --------------------------------------------------------------------------------------------- */
/* Layout 1 colum                                                                               */
/* --------------------------------------------------------------------------------------------- */

.center_block{background: #FFF;width: 648px;margin: 0 5px 5px; padding:0 0 5px 0 ;border:1px solid #DCDADC;}
.center_block h3{text-align:left}
.center_block img{padding:10px;}
.center_block .floatleft {margin:5px;}

/* --------------------------------------------------------------------------------------------- */
/* Layout 2 colums                                                                               */
/* --------------------------------------------------------------------------------------------- */


#container_2col{width:648px; position:relative;padding:0;margin:0 5px 5px; background:#FFF;border:1px solid #DCDADC;}
#left{width:320px; float:left;margin:0 5px 0 0; padding: 0 0 10px 0;	}
#right{width:320px;position: absolute; top:0;right:5px;bottom:10px;margin:0 0 10px 0;padding:0 0 10px 0;}





/* home */
#newsList{width: 660px;padding:0; margin:0;}
#newsList dl{margin: 5px;padding: 10px;background: #FFF;border: 1px solid #DCDADC;}
#newsList dt{float:right;width:544px;margin: 0;padding: 0; text-align:left}
#newsList dd{margin: 0;padding:0 ;}
#newsList dd.img img{float:left;width:75px;margin: 0 5px 2px 0; padding:1px;border:1px solid #DCDADC}
#newsList .datum{font-size: 70%;color:#999999;float:right;text-align: right;}


/* --------------------------------------------------------------------------------------------- */
/* Headers */
/* --------------------------------------------------------------------------------------------- */

h1, h2, h3, h4{color:#E60000; margin:0;}
h1{font-size:175%;letter-spacing:+2px;text-align: center;margin:0 5px 5px 5px;background:#fff;width: 648px;border:1px solid #DCDADC }
h2{font-size:115%;letter-spacing:+0.5px;margin:5px 5px 2px 10px}
h3{font-size:110%;letter-spacing:+0.5px; padding:5px 5px 2px 10px }
h4{font-size:100%; text-align:center; color:#AAA; }
h5{font-size:100%;letter-spacing:+0.5px;color: #333; padding:10px 10px 0 10px}
h2 a{color:#E60000; text-decoration:none }




/* --------------------------------------------------------------------------------------------- */
/*                                     Text and Lists                                            */
/* --------------------------------------------------------------------------------------------- */

p, dl, ul, ol{line-height:120%;}
ul, ol {margin:0; padding: 0 10px 5px 10px;font-size:100%;}
ul {list-style: disc; }
ul li{margin: 0 0 0 15px;}
dt {color: #E60000; font-size:120%; font-stretch:extra-expanded ;}
dd p{padding: 0 0 5px 0 }

p { color:#666666;	font-size: 100%;  padding: 0 10px 5px 10px ; margin:0 ;text-align:justify; }
p a{color:#E60000; text-decoration:none}
a p.plain{color:#666; text-decoration:none; padding:0 10px}
p.first{padding-top:10px;}
p.right{float: right;	}


/* --------------------------------------------------------------------------------------------- */
/*                                             ALIGNMENT AND FLOADS                              */                
/* --------------------------------------------------------------------------------------------- */

.img_left{float:left;margin:0; padding:5px 5px 5px 10px;}
.img_right{float:right;margin:0; padding:5px 10px 5px 5px;}
.floatright{margin: 5px ;float: right;	}
.floatleft{margin:0 ;padding: 0 3px 3px 0;float: left;}

.align-left  { text-align: left; }
.align-right { text-align: right; }

.center{padding:0 10px 5px 10px;text-align:center;}


/* --------------------------------------------------------------------------------------------- */
/*                                             CLEARING                                       */                
/* --------------------------------------------------------------------------------------------- */
.clearer {clear: both; }
.clear:after {display:block;visibility:hidden;clear:both; height:0;content: "."; }

.clear_left{clear:left;}
.clear_right{clear:right;}

.space{	padding:25px;}



/* --------------------------------------------------------------------------------------------- */
/*                                             IMG                                               */                
/* --------------------------------------------------------------------------------------------- */

.small_icon{ padding:5px 20px 0 0;}

hr{ border:0; height:1px; width:75%; color:#CCC; background-color:#CCC }


/* --------------------------------------------------------------------------------------------- */
/*                                             FORM                                              */                
/* --------------------------------------------------------------------------------------------- */