html, body {
width:100%;
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

body{
margin:0;
padding:0;
background: #A5AE9D;
}


#page{
width: 960px;
min-height: 100%;
margin: 0 auto; /*Center container on page*/
background: #000000;
}


TABLE { COLOR: #333333; FONT: 12px verdana, geneva, arial, sans-serif }
	
ul, ol, li {
	font-family : verdana, geneva, arial, helvetica, sans-serif;
	color : #333333;
	font: 12px;
	margin-top: .1em;
	margin-bottom: .1em
	}		
	
.links {
	font-family : verdana, geneva, arial, helvetica, sans-serif;
	color: maroon;
	font: 11px;
	text-decoration : underline;
	}
	
.nav {
	font-family: verdana;
	font-size : 11px;
	color : #666666;
	text-decoration : none;
}	
	
	
a.nav:link, a.nav:visited {
font-family: verdana;
	font-size : 11px;
	color : #666666;
	text-decoration : none;

}

a.nav:hover {
font-family: verdana;
	font-size : 11px;
	color : #6B9796;
	text-decoration : underline;

}	

.nav-proc {
	font-family: verdana;
	font-size : 12px;
	color : #ffffff;
	text-decoration : none;
}	
	
	
a.nav-proc:link, a.nav-proc:visited {
font-family: verdana;
	font-size : 12px;
	color : #ffffff;
	text-decoration : none;

}

a.nav-proc:hover {
font-family: verdana;
	font-size : 12px;
	color : #6B9796;
	text-decoration : none;

}


.nav2 {
	font-family: verdana;
	font-size : 11px;
	color : #666666;
	text-decoration : underline;
}	
	
	
a.nav2:link, a.nav2:visited {
font-family: verdana;
	font-size : 11px;
	color : #666666;
	text-decoration : underline;

}

a.nav2:hover {
font-family: verdana;
	font-size : 11px;
	color : #C6935E;
	text-decoration : underline;

}	


a.menu2:link, a.menu2:visited {
font-family: arial, helvetica, sans-serif;
font-size: 11x;
color: #303F5C;
font-weight: 500;
text-decoration: none}

a.menu2:hover, a.menu2:active 
{font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: maroon;
font-weight: 500;
text-decoration: none}	


a:link, a:visited, a:active {
	font-family : verdana, helvetica, sans-serif;
	font-size: 11px;
	color : #0000cc;
	text-decoration : underline;
	}

a:hover, {
	font-family : verdana, geneva, arial, helvetica, sans-serif;
	color : #cc0000;
	font: 11px
	text-decoration : underline;
	}


h1 {
	font-family : verdana, geneva, arial, helvetica, sans-serif;
	color : #5A626F;
	font-size : 18px;
	margin-top: .2em;
	margin-bottom: 0.2em
	}	
	
h2 {
	font-family : verdana, geneva, arial, helvetica, sans-serif;
	color : #5A626F;
	font-size : 14px;
	margin-top: 0.0em;
	margin-bottom: 0.0em
	}

h3 {
	font-family : verdana, geneva, arial, helvetica, sans-serif;
	color : #5A626F;
	font-size : 13px;
	margin-left: 0em;
	margin-top: 0.0em;
	margin-bottom: 0.0em
	}
	
h4 {
	font-family : verdana, geneva, arial, helvetica, sans-serif;
	color : #ffffff;
	font-size : 16px;
	margin-left: 0em;
	margin-top: 0.0em;
	margin-bottom: 0.0em
	}	
	
/*Top menu bar */
#topmenu{
background-image:url(images/header-new.jpg);
background-repeat:no-repeat;

height: 97px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#topmenu{
font-weight: normal;
font-size: 95%;
}
#topmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#topmenu ul{
float: center;
margin: 2px 0 0 0;
padding: 10px 0;
text-align: center;
}

#topmenu ul li{
margin: 62px 0 0 0;
float: center;
display: inline;
}

#topmenu ul li a{
margin: 62px 0 0 0;
color: #fff;
padding: 10px;
text-decoration: none;
font-family: Arial, Georgia, serif;
font-size: 13px;
}

#topmenu ul li a:hover{
color: #ccc;
}


/*Page elements */

.shadow-bringer{
width: 112px;
height: 141px;
margin: auto;
padding: 0px;
background: #DDCFCD;
}	

.shadow {-moz-box-shadow: 13px 13px 12px #333;
-webkit-box-shadow: 13px 13px 12px #333;
box-shadow: 13px 13px 12px #333;
/* For IE 8 */	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333');
}

.shadow-bringer-med{
width: 124px;
height: 141px;
margin: auto;
padding: 0px;
background: #DDCFCD;
}	

.shadow-med {-moz-box-shadow: 13px 13px 12px #333;
-webkit-box-shadow: 13px 13px 12px #333;
box-shadow: 13px 13px 12px #333;
/* For IE 8 */	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333');
}

.shadow-bringer-wide{
width: 193px;
height: 141px;
margin: auto;
padding: 0px;
background: #DDCFCD;
}	

.shadow-wide {-moz-box-shadow: 13px 13px 12px #333;
-webkit-box-shadow: 13px 13px 12px #333;
box-shadow: 13px 13px 12px #333;
/* For IE 8 */	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333');
}

.shadow-bringer-xwide{
width: 300px;
height: 141px;
margin: auto;
padding: 0px;
background: #DDCFCD;
}	

.shadow-xwide {-moz-box-shadow: 13px 13px 12px #333;
-webkit-box-shadow: 13px 13px 12px #333;
box-shadow: 13px 13px 12px #333;
/* For IE 8 */	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333');
}

.shadow-bringer-hwide{
width: 250px;
height: 141px;
margin: auto;
padding: 0px;
background: #DDCFCD;
}	

.shadow-hwide {-moz-box-shadow: 13px 13px 12px #333;
-webkit-box-shadow: 13px 13px 12px #333;
box-shadow: 13px 13px 12px #333;
/* For IE 8 */	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333');
}

.shadow-bringer-narrow{
width: 91px;
height: 141px;
margin: auto;
padding: 0px;
background: #DDCFCD;
}	

.shadow-narrow {-moz-box-shadow: 13px 13px 12px #333;
-webkit-box-shadow: 13px 13px 12px #333;
box-shadow: 13px 13px 12px #333;
/* For IE 8 */	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333');
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */