﻿html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
@font-face {
font-family: 'PerspectiveSansRegular';
src: url('fonts/persans.eot');
src: local('☺'), url('fonts/persans.ttf') format('truetype'), url('fonts/persans.svg#webfont') format('svg');
}


@font-face {
font-family: 'PerspectiveSansItalic';
src: url('fonts/persansi.eot');
src: local('☺'), url('fonts/persansi.ttf') format('truetype'), url('fonts/persansi.svg#webfont') format('svg');
}


@font-face {
font-family: 'PerspectiveSansBold';
src: url('fonts/persansb.eot');
src: local('☺'), url('fonts/persansb.ttf') format('truetype'), url('fonts/persansb.svg#webfont') format('svg');
}


@font-face {
font-family: 'PerspectiveSansBlackRegular';
src: url('fonts/persanbk.eot');
src: local('☺'), url('fonts/persanbk.ttf') format('truetype'), url('fonts/persanbk.svg#webfont') format('svg');
}



a.nav:link {color:#FFFFFF; text-decoration: none;}
a.nav:hover {color:#808080; text-decoration: none;}
a.nav:visited {color:#FFFFFF; text-decoration: none;}
a.nav:active {color:#FFFFFF; text-decoration: none;}
a.ext:link {color:#000000; text-decoration: underline; border: none;}
a.ext:hover {color:#808080; text-decoration: underline; border: none;}
a.ext:visited {color:#000000; text-decoration: underline; border: none;}
a.ext:active {color:#000000; text-decoration: underline; border: none;}
h1{ font: 18px/40px 'PerspectiveSansBold', Arial, sans-serif; color: #000000; text-align: center;}
h3{ font: 18px 'PerspectiveSansItalic', Arial, sans-serif; color: #808080; display: inline;}
h4{ font: 18px 'PerspectiveSansBold', Arial, sans-serif; color: #000000; display: inline;}
p.small{ margin-top: 0px; font: 12px/10px 'PerspectiveSansItalic', Arial, sans-serif; color: #808080;}
#bottom{position:absolute; top:17px; left:10px; width: 660px;}
#right{float: right; margin-left: 3px; border: none; vertical-align:sub;}
#foot{font: 18px/30px 'PerspectiveSansRegular', Arial, sans-serif;width:600px;position:absolute;color:#FFFFFF;margin-left:250px;margin-top:1px;}
hr {width: 50%; color:#808080;}

.pagewidth{ 
 position:relative; 
 width:960px; 
 text-align:left;  
 margin-left:auto;
 margin-right:auto;  
} 
 
.header{
 position:relative; 
 height:60px; 
 background-color:#000000; 
 width:100%;
 font: 18px 'PerspectiveSansBold', Arial, sans-serif;
 color: #FFFFFF;
} 

.leftcol{
 width:410px; 
 float:left; 
 position:relative;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
 background-color:#FFFFFF;
 font: 18px 'PerspectiveSansRegular', Arial, sans-serif;
 }
 
.rightcol{
width:520px; 
 float:right; 
 position:relative;
padding-top:5px;
 padding-left:5px;
padding-bottom:5px;
 background-color:#FFFFFF;
 font: 18px 'PerspectiveSansRegular', Arial, sans-serif;
 }
 
.footer{
 height:30px; 
 background-color:#000000; 
 clear:both;
 } 

