﻿html {
	height: 100%;

}

.shadow {
		-moz-box-shadow: 3px 3px 4px #000;
		-webkit-box-shadow: 3px 3px 4px #000;
		box-shadow: 3px 3px 4px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}



.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}



.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8
{
	margin-left: 10px;
	margin-right: 5px;
	float: left;
	padding:0px;
}
.grid_9,
.grid_10,
.grid_11,
.grid_12
 {
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}

.grid_12_header
{
	margin:0px;
	padding: 0px;
}

.grid_12_subheader
{
	margin:0px;
}

.grid_12_header_bottom
{
	margin:0px;
}


.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 960px;
}



#pageheader img {
	width:960px;
}

#pageheader {
	width:960px;
	height:108px;
	background:url(../images/dgl_header_2.jpg);
}
	


#pageheader_menu {
	width:960px;
	height:28px;
	background: url(../images/menu_background.jpg);
	background-repeat:repeat-x;
}

.header_font_size {
	font-size: 12px;
}

#menu {
	background: url(../images/menu_background.jpg);
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
	width:940px;  
 
}


#menu li {
	border: 0px;
	float: left;
	list-style-type: none;
	display:block;  
    text-align:center;  
    position: relative;  
    padding:0px;  
    margin-top:0px;
	
}

#menu li a {
	border-right: solid 1px #002e16;
	color: #002e16;
	display: block;
	font-size: 14px;
	line-height: 16px;
	padding: 6px 20px 6px 20px;
	text-decoration: none;
	outline:0;
}


#menu li a:hover { 
	color: #FFF;	
	}


#menu li .fake_menu {
	border-right: solid 1px #002e16;
	color: #002e16;
	display: block;
	font-size: 14px;
	line-height: 16px;
	padding: 6px 20px 6px 20px;
	text-decoration: none;
	outline:0;
}

#menu li .sous_menu li a {
	color:#002e16;}

#menu li .sous_menu li a:hover {
	color: #000;}




h1 {
	text-align:center;
	color:#002e16;
	margin-top:10px;
	border-bottom: solid #002e16 1px;
	border-top: solid #002e16 1px;
	padding: 0px;
	}
	
h2 {
	text-align:center;
	color:#002e16;
	margin-top:30px;
	padding:0px;
}


.dropdown_1column,  
.dropdown_2columns,  
.dropdown_3columns,  
.dropdown_4columns,  
.dropdown_5columns {  
    position:absolute;  
    left:-999em; /* Hides the drop down */ 
    text-align:left;  
    padding:0px;
	background-image:none;
}


.dropdown_1column {width: 140px;}  
.dropdown_2columns {width: 280px;}  
.dropdown_3columns {width: 420px;}  
.dropdown_4columns {width: 560px;}  
.dropdown_5columns {width: 700px;}


#menu li:hover .dropdown_1column,  
#menu li:hover .dropdown_2columns,  
#menu li:hover .dropdown_3columns,  
#menu li:hover .dropdown_4columns,  
#menu li:hover .dropdown_5columns {  
    left:-45px;top:auto;
}





.col_1,  
.col_2,  
.col_3,  
.col_4,  
.col_5 {  
    display:inline;  
    float: left;  
    margin-left: 5px;  
    margin-right: 5px;
	
}  
.col_1 {width:130px;}  
.col_2 {width:270px;}  
.col_3 {width:410px;}  
.col_4 {width:550px;}  
.col_5 {width:690px;}


#menu .menu_left {  
    margin-right:0px;
	
}


#menu li:hover .align_right {  
    left:auto;  
    right:-1px;  
    top:auto;
	
}

#menu li .sous_menu li {  
    background:#CFC;
	margin:0px;  
    padding:0px;
	border:0px;
	filter: alpha(opacity=75);
  	-moz-opacity: 0.75;
  	opacity: 0.75;
	left:auto;
	width:240px;
	text-align:left;
	
	
}  
#menu li .sous_menu li:hover {  
    background:#CFC;
    padding:0px;  
    margin:0px;
	background-image:none;
}

#contactinfo {
  padding-left: 150px;
}

input{
margin-left:0px;

}

.text_field {
	float:right;
	width:510px;
	padding:0px;
}

.text_area {
	float:right;
	width:510px;
	height:150px;
	padding:0px;
	text-align:left;
}

.submit {
	float:left;
	margin-left:100px;
	
}
.par {
	width:615px;
	margin-bottom:10px;
}

.par_submit {
	width:615px;
	margin-bottom:50px;
}

.par_150 {
	height:150px;
}


a.Mailto:link {	font-family: Verdana, Geneva, sans-serif; font-size: 12px;	font-weight: normal;	color: #002e16;	text-decoration: none;}
a.Mailto:active {	font-family: Verdana, Geneva, sans-serif;	font-size: 12px;	font-weight: normal;	color: #002e16;	text-decoration: none;}
a.Mailto:visited {	font-family: Verdana, Geneva, sans-serif;	font-size: 12px;	font-weight: normal;	color: #002e16;	text-decoration: none;}
a.Mailto:hover { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color:#048844; text-decoration: underline; }


/*  
Sticky Footer Solution
by Steve Hatcher
http://stever.ca http://www.cssstickyfooter.com
*/

html, body, #wrapper {height: 100%;}

body > #wrapper { height: auto; min-height: 100%; }

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;
	color: #002E27; margin:0px; padding:0px; background-image:url(../images/background.jpg); background-position:center top; }
	

/* must be same height as the footer */
#content { overflow: inherit; min-height: 500px; height: 100%; padding-bottom: 50px; background-color:#FFF; margin-right:10px; }



#footer {
    position: relative;
    margin-top: -50px; /* negative value of footer height */
    height: 50px;
    clear: both;
	text-align:center;
	background:#fff;
	width:960px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	color: #002E27;
	padding:0px;

}


/*Opera Fix*/
body:before { /* thanks to Maleika (Kohoutec)*/
    content: "";
    height:100%;
    float: left;
    width: 0;
    margin-top: -32767px; /* thank you Erik J */
}
