/* CSS Document */

body {
margin: 0px;
padding: 0px;
color: #000;
background: #fff;
}


										/* FRAME STUFF */


.sidebar
{
float: left;
margin-right: 30px;
width: 170px;
height: 450px;
background: #fff url(../images/side-panel.jpg) no-repeat top left;
}

.toplogo
{
float: left;
width: 750px;
height: 125px;
background: url(../images/top-panel.jpg) no-repeat top left;
}

										/* NAVIGATION */
/* sidebar menu items */
.navbox
{
float: left;
width: 165px;
margin-top: 30px;
}

.menubox
{
float: left;
width: 165px;
height: 25px;
border-bottom: 1px solid #DC5300;
background: url(../images/navbt.jpg) no-repeat center;
cursor: pointer;
}

.menubox:hover
{
background: url(../images/navbt-hover.jpg) no-repeat center;
cursor: pointer;
}

.menubox:active
{
background: url(../images/navbt-active.jpg) no-repeat center;
cursor: pointer;
}

/* for menu itmes */
h5
{
font: 13px Arial, Helvetica, sans-serif;
color: #000;
line-height: 0em;
margin: 12px 10px 10px 10px;
}

/* top panel menu items */
.topnavbox
{
clear: left;
float: left;
width: 800px;
margin: -20px 0px 0px 195px;
}

.topnav
{
float: left;
width: 120px;
margin: 0px 10px 0px 0px;
}

.iconbox
{
float: left;
width: 17px;
margin: 3px 5px 0px 0px
}

/* for top menu */
.toplink a:link
{
color: #000;
text-decoration: none;
}

.toplink a:visited
{
color: #000;
text-decoration: none;
}

.toplink a:hover
{
background: #ccc;
}

/* for the side bar menu */
.nav a:link
{
color: #000;
text-decoration: none;
}

.nav a:visited
{
color: #000;
text-decoration: none;
}

.nav a:hover
{
color: #000;
text-decoration: none;
}



/* ================================================================================================== */

										/* SITE BODY STUFF */

.container 
{
margin: 0px auto;
padding: 125px 0px 0px 0px;
width: 100%;
}

/* holds home page ad banner */
.bannerbox
{
clear: left;
float: left;
margin: 0px 0px 0px 30px;
}

/* holds home page text */
.textbox
{
float: left;
margin: 20px 0px 20px 20px;
width: 420px;
}

.listbox
{
float: left;
margin: -15px 0px 10px -25px;
width: 425px;
}

/* makes square orange bullets */
li.orange {
list-style-type: square;
color: #FC6401;
}

.rightbox
{
float: left;
margin: 30px 0px 30px 30px;
}

/* holds the log in stuff */
.startbox
{
clear: left;
float: left;
margin: 20px 0px 20px 30px;
padding: 10px;
width: 260px;
border: 1px solid #FC6401;
}

.start
{
float: left;
margin: 0px 0px 20px 0px;
padding: 10px;
width: 240px;
background: #FC6401 url(../images/start-plane.gif) no-repeat center right;
}


.greybox
{
float: left;
margin: 15px 0px;
padding: 10px;
width: 390px;
background: #666;
}

.numberbox
{
float: right;
}

.prevnext
{
margin: 20px auto;
width: 75px;
}

.footer
{
clear: both;
padding: 15px;
width: 750px;
}


										/* GRAPHICS */


.footerlogo
{
float: left;
margin: 0px 20px 50px 0px;
}

.footerlogos
{
float: right;
margin: 0px 0px 0px 20px;
}

.horline
{
clear: both;
width: 100%;
border-bottom: 1px dotted #333;
}

.loginbox
{
clear: left;
float: left;
margin: -10px 0px 10px 15px;
width: 245px;
height: 35px;
background: #FC6401;
}

.loginbox:hover
{
cursor: pointer;
background: #666;
}

.imageright
{
float: right;
margin: 0px 20px 0px 20px;
}

.imageleft
{
float: left;
margin-right: 20px;
}



										/* FONTS */


h1
{
font: 22px Geneva, Arial, Helvetica, sans-serif;
color: #FC6401;
line-height: 1.5em;
margin-top: 0px;
}

h2
{
font: 18px Geneva, Arial, Helvetica, sans-serif;
color: #FC6401;
line-height: 1.2em;
}

h3
{
font: 16px Geneva, Arial, Helvetica, sans-serif;
line-height: 1.2em;
}

/* for page numbers */
h4
{
font: 11px Arial, Helvetica, sans-serif;
color: #999999;
}

p
{
clear: left;
font: 13px Arial, Helvetica, sans-serif;
line-height: 1.8em;
margin-top: 0px;
}

em
{
font: 15px Arial, Helvetica, sans-serif;
font-style: normal;
}

.greybox h3
{
margin: 0px;
line-height: 1.5em;
color: #fff;
}

.footer p 
{
clear: none;
font-size: 12px;
}

.loginbox h3
{
line-height: 0em;
margin-top: 16px;
text-align: center;
}

.loginbox:hover h3
{
color: #fff;
}

.listbox p
{
margin-left: 25px;
line-height: 0px;
}

.start h2
{
color: #fff;
margin: 0px;
}

.startbox em
{
color: #000;
}
										/* LINKS */


.body a:link
{
color: #FC6401;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:visited
{
color: #FC6401;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:hover
{
background-color: #FDC098;
}

.grey a:link
{
color: #FC6401;
text-decoration: none;
border-bottom: 1px dotted;
}

.grey a:visited
{
color: #FC6401;
text-decoration: none;
border-bottom: 1px dotted;
}

.grey a:hover
{
background-color: #ccc;
}

.next a:link
{
color: #FC6401;
text-decoration: none;
}

.next a:visited
{
color: #FC6401;
text-decoration: none;
}

.next a:hover
{
background-color: #FDC098;
}