html, body, #contents {
min-height: 100%;
width: 100%;
height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

#contents{
position: absolute;
top: 0;
left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

#nonFooter{
height: auto;
margin-bottom: 40px;
}


#footer{
position: absolute;
bottom: 0;
width: 100%; /* See note below */
padding: 0 0;
}

html, body, div, img, p, a, iframe{
border: 0;
padding: 0;
margin: 0;
}

a.footer{
color: #2F4476;
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

a.footer:hover{
text-decoration: underline;
}

a.gallery{
color: #2F4476;
font-family: Arial;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}

a.gallery:hover{
font-weight: bold;
text-decoration: underline;
}

p.footer_link{
position: relative;
top: 0;
left: 50px;
width: 451px;
color: #2F4476;
font-family: Arial;
font-size: 12px;
font-weight: bold;
}

p.copyright{
color: #315977;
font-family: Arial;
font-size: 10px;
position: relative;
top: 0;
left: 46px;
width: 451px;
}

p.footer_contact{
position: relative;
top: -29px;;
left: 469px;
width: 317px;
padding-left: 15px;
color: #11182C;
font-family: Arial;
font-size: 13px;
font-weight: bold;
}

.title{
font-family: Arial;
font-size: 22px;
font-weight: bold;
color: #315977;
float: left;
margin-right: 20px;
}

.box{
clear: both;
width: 210px;
height: 230px;
border-left: 1px solid #DDDDDD;
margin-top: 13px;
padding-left: 5px;
padding-right: 23px;
color: #555555;
font-family: Arial;
font-size: 13px;
}

a.header{
color: #11182C;
text-decoration: none;
}

a.header:hover{
color: #96ACCC;
}