/*
Design by Troy Douglas 2009
David D. Douglas, Inc. - Douglas Surfaces
*/

body {
margin: 0;
padding: 0;
background: #FFFFFF url('../../../graphics/gradient_ds_bg.jpg');
background-repeat: repeat-x;
background-attachment:fixed;
background-position: 50% 0%;
text-align: justify;
font-family:"Times New Roman";
font-size: 18px;
color: #660000;
}
h1 {
clear: both;
height: 26px;
width: 710px;
background: #ffffff url(../../../graphics/heading_bar.jpg) repeat-x left bottom;
margin: 10px 0px 1px 0px;
padding: 4px 4px 4px 4px;
font-size: 20px;
text-align: center;
color: #660000;
}
h2 {
clear: both;
height: 26px;
width: 201px;
background: #ffffff url(../../../graphics/heading_bar.jpg) repeat-x left bottom;
margin: 8px 0px 1px 0px;
padding: 4px 4px 4px 4px;
font-size: 20px;
text-align: center;
color: #660000;
}
p {
line-height: 150%;
}
	a:hover{
		color:black;
	}
	a:link img,
	a:visited img{
		border:1px solid black;
	}
	a:focus img,
	a:hover img{
		border:2px solid black;
	}

/* ---------------------menu common--------------------------- */
.container {width:695px; background:#fff url(../images/menu_anim.gif); margin:10px auto; float:left; padding:10px; border:1px solid #660000;}
.menu {font-family: arial, sans-serif; width:131px; height:217px; position:relative; margin:0; font-size:13px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:126px; height:30px; border:1px solid #C25D29; border-width:1px 1px 0 0; background:transparent url(../../images/clear.png); line-height:29px; font-size:11px; padding-left:8px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
/* non IE browsers */
.menu ul li:hover a {color:#660000; background:#E2CE87;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:131px; width:565px; background:transparent;}
.menu ul li:hover ul li {float:left;}
.menu ul li:hover ul li a {display:block; background:transparent url(../images/clear.png); color:#000; width:130px; float:left;}
.menu ul li:hover ul li a:hover {background:#E2CE87; color:#000;}
/* code split */
table {border-collapse:collapse; border:0; margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a, .menu ul li a:visited {background:#F2EBCE;filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity:0.7;}
.menu ul li a:hover {color:#660000; background:#E2CE87;filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.menu ul li a:hover ul {display:block; position:absolute; top:0; left:131px; width:565px; background:#transparent;}
.menu ul li a:hover ul li {float:left;}
.menu ul li a:hover ul li a {display:block; background:transparent filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity:0.7; color:#000; float:left; width:130px;}
.menu ul li a:hover ul li a:hover {background:#E2CE87;filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); color:#000;}
/* ------------------transparent boxes---------------------- */
.box {
margin: 0px 0px 20px 0px;
border: 1px solid #660000;
width: 100%;
position: relative;
}
.box_contents {
background-color:transparent;
height: 100%;
position: relative;
z-index: 101;
color: #660000;
padding: 20px 20px 20px 20px;
text-align: justify;
line-height: 150%;
}
.box_background {
background-color: #ffffff;
opacity: 0.35;
filter:alpha(opacity=35); /* IE's opacity*/
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 100;
}
.box2 {
margin: 1px 0px 10px 0px;
border: 1px solid #660000;
width: 100%;
position: relative;
}
.box2_contents {
background-color:transparent;
height: 100%;
position: relative;
z-index: 101;
color: #660000;
padding: 5px 0px 1px 0px;
text-align: justify;
line-height: 150%;
}
.box2_background {
background-color: #ffffff;
opacity: 0.35;
filter:alpha(opacity=35); /* IE's opacity*/
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 100;
}
/* Content */
#content {
width: 940px;
margin: 0 auto;
}
#colOne {
float: left;
width: 715px;
}
#colTwo {
float: right;
width: 201px;
}
/* Footer */
#footer {
clear: both;
height: 25px;
width: 934px;
background: #ffffff url(../../../graphics/heading_bar.jpg) repeat-x left bottom;
margin: 10px 0px 1px 0px;
padding: 4px 4px 4px 4px;
font-size: 20px;
text-align: center;
color: #FFFFFF;
}
#footer p {
margin: 1px;
text-align: center;
}