/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { 
margin: 0; 
padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
height:100%;
width:100%;
overflow:hidden;
}

img {
border:0;
}

#bg td {
text-align:center;
vertical-align:middle;
}

#bg img {
margin:0 auto;
min-height:50%;
min-width:50%;
}

#cont {
position:absolute;
top:0;left:0;
z-index:70;
overflow:auto;
}

#nav { 
color:#FFF;
margin: 0 auto; 
width: 100%;
background: #29447C; 
font: 14px/2.2 Georgia, Serif;
}

#nav p {
padding: 5px;
padding-left:15px;
}

#logo {
position:absolute;
top:20px;left:20px;
z-index:71;
}

#content {
width:420px;
position:absolute;
top:220px;
left:20px;
z-index:70;
padding:20px;
font: 12px/1.3 Arial, Serif;
background:url(../images/bg_content.png);
}

#content_wide {
width:820px;
position:absolute;
top:220px;
left:20px;
z-index:70;
padding:20px;
font: 12px/1.3 Arial, Serif;
background:url(../images/bg_content.png);
}

#content a,
#content a:link {
color:#29447C;
text-decoration:none;
}

#content a:visited {
color:#29447C;
text-decoration:none;
}

#content a:active {
color:#29447C;
text-decoration:none;
}

#content a:hover {
color:#29447C;
text-decoration:underline;
}

#content h1 {
color:#28437B;
font: 22px/1.6 Arial, Serif;
margin-bottom:10px;
margin-top:0;
padding-top:0;
}

#content_wide a,
#content_wide a:link {
color:#29447C;
text-decoration:none;
}

#content_wide a:visited {
color:#29447C;
text-decoration:none;
}

#content_wide a:active {
color:#29447C;
text-decoration:none;
}

#content_wide a:hover {
color:#29447C;
text-decoration:underline;
}

#content_wide h1 {
color:#28437B;
font: 22px/1.6 Arial, Serif;
margin-bottom:10px;
}

#cont_footer {
border-top: 1px solid #000;
position:absolute;
bottom:0;left:0;
z-index:70;
overflow:auto;
width: 100%;
background:url(../images/bg_footer.png);
}

.text {
height:25px;
padding:10px;
padding-left:20px;
font: 12px/1.4 Arial, Serif;
background:url(../images/bg_content.png);
}

.text a,
.text a:link {
color:#29447C;
text-decoration:none;
}

.text a:visited {
color:#29447C;
text-decoration:none;
}

.text a:active {
color:#29447C;
text-decoration:none;
}

.text a:hover {
color:#48659F;
text-decoration:underline;
}

.text h1 {
color:#28437B;
font: 18px/1.4 Arial, Serif;
margin-bottom:5px;
}

#hide {
padding-left:20px;
font: 12px/1.4 Arial, Serif;
background:url(../images/bg_content.png);
overflow:hidden;
}

#hide a,
#hide a:link {
color:#29447C;
text-decoration:none;
}

#hide a:visited {
color:#29447C;
text-decoration:none;
}

#hide a:active {
color:#29447C;
text-decoration:none;
}

#hide a:hover {
color:#48659F;
text-decoration:underline;
}

#footer { 
color:#FFF;
margin: 0 auto; 
width: 100%;
font: 10px/2.0 Arial, Serif;
}

#footer p {
padding: 5px;
}

#footer a,
#footer a:link {
color:#FBC300;
text-decoration:none;
}

#footer a:visited {
color:#FBC300;
text-decoration:none;
}

#footer a:active {
color:#FBC300;
text-decoration:none;
}

#footer a:hover {
color:#FBC300;
text-decoration:underline;
}