/* General styles for SPC*/

/* Don't underline links */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a {
color:#0000FF;
}
a:hover {
color:#BE0000;
text-decoration:none;
}

body {
margin:0;
padding:0;
border:0; /* This removes the border around the viewport in old versions of IE */
width:100%;
height:100%;
background:#FFFFFF;
min-width:800px; /* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:100%;
overflow-x:auto;
}
* {
margin: 0;
}
/* html, body {
height: 100%;
} */
.wrapper {
min-height: 100%;
height: auto !important;
/* height: 100%; */
/* min-width:600px; */
margin: 0 auto -22px; /* the bottom margin is the negative value of the footer's height */
}

h1, h2, h3 {
margin:.0em 0 0em 0;
padding:0;
}
h1 {
font-family:century gothic, arial, sans serif;
font-size:1.125em;
line-height:1.25em;
color:#BE0000;
font-weight:bold;
text-align:center;
padding-bottom:0px;
margin-bottom:0px;
} 
h2 {
font-family:century gothic, arial, sans serif;
font-size:1.125em;
line-height:1.25em;
color:#BE0000;
font-weight:bold;
text-align:center;
padding-bottom:3px;
}
h3 {
font-family:Century Gothic;
font-size:1.125em;
line-height:1.25em;
color:#000000;
font-weight:bold;
padding-bottom:3px;
}

p {
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;
font-family:arial, sans serif;
font-size:14px;
line-height:15px;
color:#000000;
font-weight:normal;
}
.indented
   {
   padding-left: 1em;
   padding-right: 1em;
   }
.caption
   {
   font-family:arial, sans serif;
   font-size:0.625em;
   line-height:110%;
	 color:#000000;
   font-weight:normal;
	 padding-top:2px;
   margin-left:1%;
	 margin-right:1%;	 
   padding-left:1%;
	 padding-right:1%;
	 }
.banner
{
font-family:century gothic, arial,sans serif;
font-size:16px;
line-height:18px;
color:#000000;
text-indent:0.25em;
font-weight: bold;
padding-top:2px;
padding-bottom:1px;
}
.header

img {
top-margin:0px;
top-padding:0px;
}



/* Header styles */
#header
{
clear:both;
width:100%;
position:relative
}
#header
{
border-bottom:4px solid #008080;
/* background-color: #000000; */
background-image:url('../images/yellow_header.jpg');
width: 100%;
height:auto;

z-index:3
}

}
#header p,
#header h2 {
padding:0px 0px 0px 0px;
margin:0;
}
#header h1
{
font-family:century gothic,arial,sans serif;
font-size:24px;
line-height:26px;
color:#BE0000;
font-weight:bold;
text-align:center;
padding-bottom:2px;
}

#banner
{
width:100%;
height:24px;
background-color:#BE0000; 
}
#whole
{
width: 100%;
height: 225px; 
}
#left
{
width:45%;
height:225px;  
float:left;
}
#right
{
width:55%;
height:auto;
float:right;
}
#h-image
{
/* position:absolute;
bottom:0pt; */
}
#lft-hdr
{
height:200px;
   margin-left:10%;
	 margin-right:10%;
	 margin-top:2%;
	 margin-bottom:2%;
	 align:middle;border:0px solid transparent;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
/* height:153px; */
}
#rghthdr
{
width:50%;
position:absolute;
top:48%;
}

/* Footer styles */
.footer {
clear:both;
float:left;
height:20px;
width:100%;
border-top:2px solid #BE0000;
background-color:#82ADD9;
}
.footer, .push {
height: 22px; /* .push must be the same height as .footer */ /*Sticky Footer by Ryan Fait http://ryanfait.com/*/
}
.footer p {
padding:2px;
margin:0;
font-family:century gothic;
font-size:10px;
color:#000000;
text-align:center;
}
/* --> */