/* CSS Document */



html{
        height:100%;
		margin:0 0px;
		padding:0;

	}

body {
        height:100%;        /* THIS IS NEEDED TO ALLOW DIVS OF 100% HEIGHT TO WORK */
		min-width:800px; /* Prevent content from becoming unreachable in Gecko */
		margin:0;
		padding:0;
		color:#000;																				/* BODY BAR COLOR*/
		/* background-image: url(../imgs/tile2.png);
		background-attachment:fixed; */
		/* background:transparent url(../imgs/tile3.png) -20% 0 repeat;  */
		padding:0px;
		margin:0px;
		font-family:Arial, Geneva, Lucida Grande, Verdana, Helvetica, sans-serif;
	}

#contact {
    background: transparent url(../imgs/contact.gif) 50% 0 no-repeat;
    }

div#header1 {
    background: #506377 url(../imgs/header.png) 50% 20% no-repeat;
    background-size:auto 90px;
    }
div#header2 {
    background: transparent url(../imgs/dwlogo.png) 50% 0 no-repeat;
    }
div#header3 {
    background: transparent url(../imgs/dwlogo.png) 50% 0 no-repeat;
    }
div#header4 {
    background: transparent url(../imgs/dwlogo.png) 50% 0 no-repeat;
    }

div#header1, div#header2, div#header3, div#header4 {
    position:top center;
    position:center;
    margin:auto;
    width:98%;
    height:90px;
    border:0px solid;
    }

img#iOs {
    display:none;
    }


div#menu {
    background-image:url(../imgs/button.gif);
    display:block;
    width:98%;
    height:2.5em;
    margin:0px auto 10px;
    border:0px solid;
    text-align:center;
/*  background:transparent url(../imgs/tile2.png) 20% 0 repeat; */

    }

div#contentwrap{
    width:100%-10px;
    height:65%;
    overflow:auto;
    margin:-10px auto;
    padding:10px;
    border:0px solid #fff;
    background:transparent;
    }

div#contentOnly, div#contentSide, div#contentInfo, div#contentBoth {
    width:56%;
    height:100%;
    margin:0px auto;
    padding:0 10px 0 10px;
    border:0px solid;
    text-align:justify;
    background:#577799 url(../imgs/tile.png) 20% 0 repeat;
    overflow:auto;
    font-size:.8em;
        color:#DDF;
    }

div#contentInfo {
    width:80%;
    float:right;
    }

div#contentSide {
    width:72%;
    float:left;
    }

div#contentBoth {
    width:54%;
    }

div#contentOnly {
    width:98%;
    margin:auto;
    }



div#sidebar{
    float:right;
    width:25%;
    height:100%;
    margin:0 0 0 0;
    padding:0px;
    border:0px solid;
    text-align:center;
    background::#577799 url(../imgs/tile.png) 20% 0 repeat;
    overflow:auto;
    color:#DDF;
    font-size:0.8em;
    }

div#infobar{
    text-align:center;
    float:left;
    width:17%;
    height:100%;
    overflow:auto;
    margin:0 0 0 0;
    padding:0;
    border:0px solid;
    text-align:center;
    background:#577799 url(../imgs/tile.png) 20% 0 repeat;
    color:#DDF;
    }

#infobar ul {
    font-size:0.84em;
    margin: auto;
    padding: .4em 0 .4px; 0px;
    text-align: left;
    padding:10px;
    list-style-type: none;
    }



#infobar ul li {
    padding: .4em 0 .4px; 0px;
    list-style-type: none;
    }
#infobar a:link {
    text-decoration:none;
    }

#infobar p{
    font-size:0.7em;
    padding:0 10px;
    text-align:justify;
    }

div#footer{
    p\osition:absolute;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    padding:0px;
    border:0px solid;
    text-align:center;
    background:#99AFBB url(../imgs/tile.png) 20% 0 repeat;
    z-index:500;
    }

.footerimg {
	display:inline;
	padding:0px 2px 2px 0px;
	position:relative;
	top:0px;
	}

#header,#contentOnly, #contentSide, #contentInfo, #contentBoth, #sidebar, #infobar{
    border-radius: 6px; /* works in Safari 5> Chrome 11.0> Opera11.10> Firefox 4> */
    display:block;
    background:#577799 url(../imgs/tile.png) 20% 0 repeat;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    }




/*  ======== MENU BAR CODE STARTS HERE =========*/

    #menu ul {
    margin: auto;
    padding:.65em;                      /* !!!! change top for menu padding !!!!  */
    list-style-type: none;
    text-align: center;

    }

#menu ul li {
    display:inline;
    }

#menu ul li a {
    padding: 1.0em;
    }

h1, h2, h3, h4 {
    text-align:center;
    margin:auto;
    padding:5px 0;
    }

#header1 h1,#header2 h1,#header3 h1,#header4 h1 {
    font-family: "Times New Romain", Times, Serif;
    font-size:4em;
    position:absolute;
    top:0%;
    left:10%;
    z-index:0;
    }
#header1 h2,#header2 h2,#header3 h2,#header4 h2 {
    font-family: "Times New Romain", Times, Serif;
    font-style: italic;
    font-size:2em;
    position:absolute;
    top:10%;
    left:40%;

    }



/*  ======== MENU BAR CODE ENDS HERE =========*/


/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/double-click-gallery.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#gallery {
	min-width:35%;
	height:275px;
	margin:0 auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	border-top:0px solid #ddd;
	border-bottom:0px solid #ddd;
}

#gallery #slides {position:relative; margin:auto;  height:72px; width:347px; overflow:hidden; text-align:center; z-index:500;}
#gallery #slides div {width:351px; height:90px; position:relative; padding-top:10px;}
#gallery #slides div ul {padding:0; margin:0 auto; list-style:none;}
#gallery #slides div ul li {float:left; padding:10px 0 5px 0px;}
#gallery #slides div ul li a {display:block; width:68px; height:45px; float:left;}
#gallery #slides div ul li a b {display:none;}
#gallery #slides div ul li a.previous {background:url(../imgs/previous.png) no-repeat center center;}
#gallery #slides div ul li a.next {background:url(../imgs/next.png) no-repeat center center;}

#gallery #slides div ul li a img {display:block; width:68px; height:45px; border:5px solid #fff;}
#gallery #slides div ul li a:focus {outline:0;}


#gallery #fullsize {position:relative; margin:auto; height:270px;/*change this to 340 to show titles*/ width:351px; overflow:hidden; text-align:center; z-index:200;}

#gallery #fullsize div {width:348px; height:390px; padding-top:0px; position:relative;}
#gallery #fullsize div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; border-bottom-right-radius:10px;border-bottom-left-radius:10px; width:330px; height:250px; position:relative;}
#gallery #fullsize div h3 {padding:0px 0 0 0; margin:0; font-size:18px;}
#gallery #fullsize div p {padding:0px 0; margin:0; font-size:12px; line-height:18px;}