/* How To Master CSS ~ Template Stylesheet 
 * A combination of the layout of chapter 17 and 18 is 
 * used to create the centering effect of the wrapper, the side
 * columns are removed in this template
 */
body, html {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	height:100%;
}
#wrapper {
	width:770px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	min-height:100%;
	background-color:#;
	margin-bottom:-34px;
}
/* commented backslash hack v2 \*/ 
html, body { 
	height:100%; 
} 
* html #wrapper { 
	height:100%;
	
}
/* end hack */
#clearfooter {
	height:1px;
	clear:both;
}
.box {
	width:350px;
	border: dashed 1px maroon;
	text-align:justify;
	line-height:12px;
	padding:10px
	
	}
}
#footer { 
	width:770px; 
	height:0px; 
	border-top:0px solid #ff6600; 
	margin-left:auto;
	margin-right:auto;
   	background-image:url(../images/back.gif);
	color:#CCC;
	font-size:0px;
	padding-top:0px;
	clear:both;
}
#top1 {
	height:161px;
	width:770px;
	background-image:url(../images/banner1.jpg);
}
#top2 {
	height:1px;
	width:770px;
	background-image:url(../images/top2.jpg);
}
.bar {
	height:21px;
	width:100%;
	background-image:url(../images/bar.gif);
	border-bottom:1px solid white;
}
#main_menu {
	position:absolute;
	top:128px;
	height:30px;
	width:620px;
}
#main_menu a{
	color:white;
	font-weight:bold;
	text-decoration:none;
	padding-left:20px;
	padding-top:9px;
	background-image:url(../images/button_main_menu.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	height:28px;
	display:block;
	font-size:11px;
	float:left;
	margin-left:10px;
	text-transform:uppercase;
}
#main_menu a:hover {
	color:#00FF9F;
}
#main_menu .active {
	color:#00FF9F;
}
#logo {
	position:absolute;
	top:0px;
	margin-left:76px;
	height:40px;
	width:162px;
	padding-left:41px;
	padding-top:15px;
	color:white;
	font-size:17px;
	font-weight:bold;
}
#sublogo {
	font-size:9px;
	margin-left:-39px;
	margin-top:5px;
}
#submenu {
	position:absolute;
	left:205px;
	height:40px;
	width:240px;
	top:0px;
}
#submenu a{
	padding-left:15px;
	margin-left:10px;
	display:block;
	float:left;
	height:30px;
	padding-top:12px;
	font-size:10px;
	text-transform:uppercase;
	color:#999;
	text-decoration:none;
	background-repeat:no-repeat;
}
#submenu a:hover {
	color:#666;
}
#homelink {
	background-image:url(../images/link_home.gif);
	background-position:0px 12px;
}
#contactlink {
	background-image:url(../images/link_contact.gif);
	background-position:0px 14px;
}
#sitemaplink {
	background-image:url(../images/link_sitemap.gif);
	background-position:0px 12px;
}
h3 {
	font-size:12px;
	font-weight:bold;
	color:black;
}
h2 {
	color:#BB4A00;
	font-size:90%;
	margin-bottom:5px;
}

#content {
	
	padding:10px;
	font-size:80%;
	background:#FFFFFF;
	background-image:url(../images/.gif);
	background-attachment: fixed;
	
}
#contentarea {
    background:#ffffff;
    height:350px;
	width:462px;
		
	}
	
#dan {
	 height:180px;
	padding:10px;
	font-size:80%;
	background:#FFFFFF;
	text-align:justify;
	overflow:auto;
}	
	
p{
margin:0px;
padding:0px;
}
#menu1 a { 
display: block;
background-image: url("../images/but1.gif");
width: 148px;
height: 15px;
text-align: center;
padding-top: 1px;
text-decoration: none;
color: white;
font-size: 12px;
font-family: arial, veranda, sans-serif;
font-weight: bold; 
margin-top:#D6D5E3 25px;

}
#menu1 a:hover {
text-decoration: underline;
background-position: 0px -21px;
}
div#links {width:450px;
font: 10px Verdana, san-serif: z-index: 100;}
div#links a {display: block; text-align: center; padding: 2px;
border-width: 0;
text-decoration: none;
 font-style:normal; font-variant:normal; font-weight:bold; font-size:20px; 
font-family:sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1px

}
.links a:hover {color: #ff9900; background: #FFFFFF; cursor:pointer;
}

.links a span {display: none; text-decoration:none}
.links a:hover span {display: block;
margin-right:100px;
position: absolute; top: 300px; left: 299px; width:510px;
padding: 5px; margin:0px; z-index: 100;
color:#000000; background:#ccccff;
font: 12px Veranda, sans-serif; text-align: center;
border: solid 1px #000000;
}
*/  new link                /*

div#linking {width:450px;
font: 10px Verdana, san-serif: z-index: 100;}
div#linking a {display: block; text-align: center; padding: 2px;
border-width: 0;
text-decoration: none;
 font-style:normal; font-variant:normal; font-weight:bold; font-size:20px; 
font-family:sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1px

}
.linking a:hover {color: #ff9900; background: #FFFFFF; cursor:pointer;
}

.linking a span {display: none; text-decoration:none}
.linking a:hover span {display: block;
margin-right:100px;
position: absolute; top: 600px; left: 299px; width:210px;
padding: 5px; margin:0px; z-index: 100;
color:#000000; background:#ccccff;
font: 12px Veranda, sans-serif; text-align: center;
border: solid 1px #000000;
}


#form {
	padding: 0px;
	margin: 0px;
}
#fields label {
	width: 200px;
	display: block;
	padding: 0px;
	padding-left:270px;
	
}
#fields input {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 200px;
}
#fields textarea {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 200px;
	height: 43px;
}
#send input {
	width: 64px;
	height: 20px;
	margin: 0px;
	padding-left:10px;
}
ul {
	margin: 0 0 20px 0;
	padding: 0px;
	list-style-type: none;
}
.contact_info{
float:left;
padding:125px;
}