@font-face {
font-family: HighTower;
src: url('HighTower.ttf');
}

body {
background-color: #000000;
background-image: url('images/bg.jpg'); 
background-repeat: no-repeat;
font-family: Arial, Tahoma, sans-serif;
font-size: 13px;
line-height: 17px;
color: #000000;
margin: 0px;
text-align: center;
}

/* container */

#container {
margin: 0px auto;
overflow: auto;
padding: 0px;
text-align: left;
vertical-align: top;
}

.lefttitle {
display: inline-block;
margin: 0px;
padding: 0px;
text-align: left;
width: 115px;
vertical-align: top;
}

.mainbox {
background-color: #000000;
position: absolute;
left: 115px;
top: 0px;
opacity: 0.6;
width: 685px;
vertical-align: top;
}

.maintext {
display: inline-block;
color: #EEEEEE;
margin: 5px 20px 30px 20px;
width: 645px;
}

.maintext ul {
margin-left: 30px;
margin-bottom: 5px;
padding-left: 0px;
}

/* global headers */

h1 {
border-bottom: 3px double #888888;
color: #FFFFFF;
font-family: HighTower, Georgia, serif;
font-size: 24px;
font-weight: normal;
letter-spacing: 1px;
line-height: 28px;
padding-bottom: 5px;
text-align: center;
text-transform: uppercase;
}

h2 { 
font-family: Georgia;
font-size: 15px; 
font-weight: normal;
}

/* global paragraph styles */

.head {
background-color: #2d002d;
font-family: HighTower, Georgia, serif;
font-size: 18px;
line-height: 24px;
margin-bottom: 0px;
text-align: center;
}

.boxes {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
margin-left: 10px;
margin-right: 10px;
vertical-align: top;
width: 300px;
}

.boxes p {
padding-left: 5px;
padding-right: 5px;
}

.boxes ul {
margin-left: 20px;
margin-bottom: 0px;
padding-left: 0px;
}

/* page-specific styles */

.descrip {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}

.dates {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
float: right; 
font-style: italic;
margin-right: 15px;
padding-left: 10px;
text-align: right; 
}

.dates ul {
list-style-type: none;
}

.quote {
font-family: Georgia;
font-size: 14px; 
font-weight: normal;
line-height: 18px;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}

.author {
text-align: right;
margin-top: 0px;
font-style: italic;
padding-right: 10px;
}

/************** utility styles *************/

hr { 
border-bottom: 1px dotted #222222;
width: 50%;
}

img { border: 0px; }

em { color: #650101;
font-weight: bold;
text-decoration: none;
font-style: normal;
}

a, a:visited { 
color: #ceacee;
font-weight: normal;
text-decoration: none;
}

a:hover {
color: #b1f1ef;
text-decoration: none;
}

#preload { display: none; }

.clear {
clear: both;
height: 5px;
}

/************** image nav (main page) *************/

#linksleft { position: absolute; left: 770px; top: 440px; }
#linksright { position: absolute; left: 977px; top: 566px; }

#link01 { display: block; width: 208px; height: 34px; text-indent: -99999px;
background: url('images/nav01.png') bottom; }
#link02 { display: block; width: 208px; height: 31px; text-indent: -99999px;
background: url('images/nav02.png') bottom; }
#link03 { display: block; width: 208px; height: 32px; text-indent: -99999px;
background: url('images/nav03.png') bottom; }
#link04 { display: block; width: 208px; height: 34px; text-indent: -99999px;
background: url('images/nav04.png') bottom; }
#link05 { display: block; width: 208px; height: 33px; text-indent: -99999px;
background: url('images/nav05.png') bottom; }
#link06 { display: block; width: 208px; height: 35px; text-indent: -99999px;
background: url('images/nav06.png') bottom; }
#link07 { display: block; width: 208px; height: 35px; text-indent: -99999px;
background: url('images/nav07.png') bottom; }
#link08 { display: block; width: 208px; height: 30px; text-indent: -99999px;
background: url('images/nav08.png') bottom; }
#link09 { display: block; width: 208px; height: 35px; text-indent: -99999px;
background: url('images/nav09.png') bottom; }

#link01r { display: block; width: 124px; height: 25px; text-indent: -99999px;
background: url('images/nav01r.png') bottom; }
#link02r { display: block; width: 124px; height: 25px; text-indent: -99999px;
background: url('images/nav02r.png') bottom; }
#link03r { display: block; width: 124px; height: 22px; text-indent: -99999px;
background: url('images/nav03r.png') bottom; }
#link04r { display: block; width: 124px; height: 25px; text-indent: -99999px;
background: url('images/nav04r.png') bottom; }
#link05r { display: block; width: 124px; height: 23px; text-indent: -99999px;
background: url('images/nav05r.png') bottom; }
#link06r { display: block; width: 124px; height: 25px; text-indent: -99999px;
background: url('images/nav06r.png') bottom; }
#link07r { display: block; width: 124px; height: 14px; text-indent: -99999px;
background: url('images/nav07r.png') bottom; }

#link01:hover { background-position: 0 0;}
#link02:hover { background-position: 0 0;}
#link03:hover { background-position: 0 0;}
#link04:hover { background-position: 0 0;}
#link05:hover { background-position: 0 0;}
#link06:hover { background-position: 0 0;}
#link07:hover { background-position: 0 0;}
#link08:hover { background-position: 0 0;}
#link09:hover { background-position: 0 0;}
#link01r:hover { background-position: 0 0;}
#link02r:hover { background-position: 0 0;}
#link03r:hover { background-position: 0 0;}
#link04r:hover { background-position: 0 0;}
#link05r:hover { background-position: 0 0;}
#link06r:hover { background-position: 0 0;}
#link07r:hover { background-position: 0 0;}

/************** image nav (content pages) *************/

#backtomain { position: absolute; left: 850px; top: 130px; height: 180px; width: 570px;}
#linkspage { position: absolute; left: 805px; top: 460px; }

#smlink01 { display: block; width: 192px; height: 39px; text-indent: -99999px;
background: url('images/smnav01.png') bottom; }
#smlink02 { display: block; width: 192px; height: 28px; text-indent: -99999px;
background: url('images/smnav02.png') bottom; }
#smlink03 { display: block; width: 192px; height: 30px; text-indent: -99999px;
background: url('images/smnav03.png') bottom; }
#smlink04 { display: block; width: 192px; height: 31px; text-indent: -99999px;
background: url('images/smnav04.png') bottom; }
#smlink05 { display: block; width: 192px; height: 28px; text-indent: -99999px;
background: url('images/smnav05.png') bottom; }
#smlink06 { display: block; width: 192px; height: 30px; text-indent: -99999px;
background: url('images/smnav06.png') bottom; }
#smlink07 { display: block; width: 192px; height: 33px; text-indent: -99999px;
background: url('images/smnav07.png') bottom; }
#smlink08 { display: block; width: 192px; height: 28px; text-indent: -99999px;
background: url('images/smnav08.png') bottom; }
#smlink09 { display: block; width: 192px; height: 31px; text-indent: -99999px;
background: url('images/smnav09.png') bottom; }

#smlink01:hover { background-position: 0 0;}
#smlink02:hover { background-position: 0 0;}
#smlink03:hover { background-position: 0 0;}
#smlink04:hover { background-position: 0 0;}
#smlink05:hover { background-position: 0 0;}
#smlink06:hover { background-position: 0 0;}
#smlink07:hover { background-position: 0 0;}
#smlink08:hover { background-position: 0 0;}
#smlink09:hover { background-position: 0 0;}