/* OccuZone CSS Document */

/* document setup */
body {
position: relative;
width: 900px;
margin-left: auto;
margin-right: auto;
}

#mainBody {
position: absolute;
top: -20px;
width: 900px;
background-color: rgb(255,255,255);
font-family: verdana, sans-serif;
font-size: .85em;
}

#mainBody a {
text-decoration: none;
font-weight: bold;}
#mainBody a {text-decoration: underline;}
#mainBody a:link {color: rgb(10, 10, 100);}
#mainBody a:visited {color: rgb(10, 10, 80);}
#mainBody a:hover{color: rgb(0,0,0);font-size: 1.0em}
/* end document setup */



/* general */
img {
border: 0;
}

p {
padding: 0 1.5em;
text-indent: 1.0em;
}

h1 {
font-family: tahoma;
color: rgb(0, 0, 0);
font-size: 1.8em; 
text-transform: capitalize;
padding: 0;
margin: 0;
}

h2 {
padding: 0;
margin: 0;
}

.big {
font-weight: bold;
}

.morebig {
font-size: 20px;
}

.center {
text-align: center;
}

.centerSmall {
text-align: center;
line-height: 0.8em;
font-size: 0.8em;
}

.sFont {
font-size: .8em;
}

.yScore {
font-size: 40px; 
background-image: url(phics/score_button.jpg);
background-repeat: no-repeat;
text-align: center;
width: 100px;
font-family: "Times New Roman", Times, serif;
padding-bottom: 16px;
}

.rScore {
font-size: 40px; 
background-image: url(phics/score_button.jpg);
background-repeat: no-repeat;
text-align: center;
width: 100px;
font-family: "Times New Roman", Times, serif;
padding-bottom: 16px;
}

.gScore {
font-size: 40px; 
background-image: url(phics/score_button.jpg);
background-repeat: no-repeat;
text-align: center;
width: 100px;
font-family: "Times New Roman", Times, serif;
padding-bottom: 16px;
}
/* end general */



/* index */
.quote {
text-align: right;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-size: 1.0em;
}

#mainBody .quote a:link{
color: rgb(100,0,0);
font-style: italic;
font-weight: bold;
font-size: 1.7em;
text-decoration: underline;
}

#mainBody .quote a:visited {
color: rgb(100,0,0);
font-style: italic;
font-weight: bold;
font-size: 1.7em;
text-decoration: underline;
}

#mainBody .quote a:hover{color: rgb(255,0,0);}

#mainBody td .yScore a {text-decoration: none;}
#mainBody td .yScore a:link {color: rgb(230, 230, 100);}
#mainBody td .yScore a:visited {color: rgb(230, 230, 100);}
#mainBody td .yScore a:hover{color: rgb(78,134,195);}

#mainBody td .rScore a {text-decoration: none;}
#mainBody td .rScore a:link {color: rgb(225, 50, 50);}
#mainBody td .rScore a:visited {color: rgb(225, 50, 50);}
#mainBody td .rScore a:hover{color: rgb(78,134,195);}

#mainBody td .gScore a {text-decoration: none;}
#mainBody td .gScore a:link {color: rgb(35, 200, 35);}
#mainBody td .gScore a:visited {color: rgb(35, 200, 35);}
#mainBody td .gScore a:hover{color: rgb(78,134,195);}
/* end index */



/* title */
#title {
font-family: magneto;
color: rgb(255, 255, 255);
background-color: rgb(3,50,102);
font-size: 2.25em; 
}

#title a {
text-decoration: none;
padding-left: 24px;
font-size: 1em;
}

#title a:link {color: rgb(255, 255, 255);}
#title a:visited {color: rgb(255, 255, 255);}
#title a:hover{color: rgb(78,134,195);}

#title table{
width: 100%;
padding-top: 10px;
}

#titleBGimage {
background-image: url(phics/header.gif);
background-repeat: no-repeat;
height: 80px;
}
/* end title */



/* nav menu */
#nav {
position: relative;
width: 898px;
padding: 1px;
margin: 0px;
background-color: rgb(3,50,102);
}

#nav a {text-decoration: none;}
#nav a:link {color: rgb(255, 255, 255);}
#nav a:visited {color: rgb(255, 255, 255);}
#nav a:hover {color: rgb(78,134,195);}

#nav table {
width: 99%;
}

#nav .active a {text-decoration: none;}
#nav .active a:link {color: rgb(78,134,195);}
#nav .active a:visited {color: rgb(78,134,195);}
#nav .active a:hover {color: rgb(78,134,195);}
/* end nav menu */



/* side menu */
#sideMenu {
position: relative;
margin: 0 .1em 0 0;
width: 22%;
padding: 0;
float: left;
left: 0px;
}

#sideMenu ul {
list-style-type: none;
font-weight: bold;
border: 1px solid rgb( 0, 0, 0);
margin: 0;
padding: 0;
background-color: rgb(240,240,255);
font-size: 1em;
}

.sideTitle {
width: 100%;
font-family: tahoma;
font-size: 1.25em;
text-align: center;
letter-spacing: 2px;
background-image: url(phics/header.gif);
background-repeat: y;
background-position: center right;
color: rgb( 0,0,0);
padding: 3px 0;
border-bottom: 1px solid rgb(0,0,0);
border-top: 1px solid rgb(0,0,0);
}

.sideCatagory {
padding: 5px 0 3px 15px;
}

#sideMenu .aboutSideCatagory {
font-size: larger;
}

#sideMenu .aboutSideCatagory a {
font-weight: bold;
}

#sideMenu a {
text-decoration: none;
font-weight: normal;
font-size: smaller;
padding: 0 5px 0 25px;
}
#sideMenu a:link {color: rgb(3, 50, 102);}
#sideMenu a:visited {color: rgb(3, 50, 102);}
#sideMenu a:hover{
color: rgb(255, 255, 255);
font-size: smaller;
background-color: rgb(3, 50, 102);
}

#sideMenu .active a {text-decoration: underline;}
/* end sort menu */



/* picture grid */
#PictureGrid {
position: relative;
width: 75%;
float: right;
font-size: 1em;
}

#PictureGrid table {
width: 100%
}

#PictureGrid td .yScore a {text-decoration: none;}
#PictureGrid td .yScore a:link {color: rgb(230, 230, 100);}
#PictureGrid td .yScore a:visited {color: rgb(230, 230, 100);}
#PictureGrid td .yScore a:hover{color: rgb(78,134,195);}

#PictureGrid td .rScore a {text-decoration: none;}
#PictureGrid td .rScore a:link {color: rgb(225, 50, 50);}
#PictureGrid td .rScore a:visited {color: rgb(225, 50, 50);}
#PictureGrid td .rScore a:hover{color: rgb(78,134,195);}

#PictureGrid td .gScore a {text-decoration: none;}
#PictureGrid td .gScore a:link {color: rgb(35, 200, 35);}
#PictureGrid td .gScore a:visited {color: rgb(35, 200, 35);}
#PictureGrid td .gScore a:hover{color: rgb(78,134,195);}

#PictureGrid td .center a {text-decoration: underline;}
#PictureGrid td .center a:link {color: rgb(0,0,0);}
#PictureGrid td .center a:visited {color: rgb(0,0,0);}
#PictureGrid td .center a:hover{color: rgb(78,134,195);}

#PictureGrid td .centerSmall a {text-decoration: none;}
#PictureGrid td .centerSmall a:link {color: rgb(0,0,0);}
#PictureGrid td .centerSmall a:visited {color: rgb(0,0,0);}
#PictureGrid td .centerSmall a:hover{color: rgb(0,0,0);}

#PictureGrid table td table {
padding: 0;
margin: 0 30px 25px 0;
overflow: scroll;
}
/* end picture grid */



/* Occupant Report */
#report {
position: relative;
margin: 0 .1em;
width: 77%;
padding: 0;
float: right;
right: 0px;
}

.blue {
color: rgb(65,69,140);
}
/* end Occupant Report */



/* about us */
.picture {
text-align: center;
padding: 15px 0;
line-height: 0.6em;
font-size: 0.6em;
}

#bigRed {
text-align: center;
font-size: 1.5em;
color: rgb(200,0,0);
padding: 15px 0 0 0;
font-style: italic;
font-weight: bold;
margin: 0;
}

#Red {
text-align: center;
font-size: 1.2em;
color: rgb(200,0,0);
padding:0;
font-weight: bold;
margin: 0;
}

.small {
font-size: 0.8em;
}

.smallRed {
color: rgb(200,0,0);
font-size: 0.9em;
font-weight: bold;
}

.boldRed {
color: rgb(200,0,0);
font-weight: bold;
}

.about h1 {
padding: 0.5em 0 0 2em;
}
/* end about us */



/*footer*/
#footer {
clear: both;
width: 100%;
font-size: 1em;
padding-top: 50px;
}

#footer table {
width: 100%;
}

.footerLeft {
text-align: left;
font-size: 0.6em;
}

#footer .footerLeft a{ font-weight: bold; text-decoration: underline;}
#footer .footerLeft a:link {color: rgb(240, 12, 35);}
#footer .footerLeft a:visited {color: rgb(240, 12, 35);}
#footer .footerLeft a:hover{color: rgb(0,0,0);}

.footerRight {
text-align: right;
font-size: 0.8em;
}

#footer .footerRight a{ font-weight: bold; }
#footer .footerRight a:link {color: rgb(0, 0, 0);}
#footer .footerRight a:visited {color: rgb(0, 0, 0);}
#footer .footerRight a:hover{color: rgb(240, 12, 35);}
/*end footer*/



/*personal*/
#personalTable {
font-size: 0.8em;
}

#personalTable table {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}

#personalTable h1 {
padding: 0;
margin: 0;
}
/*end personal*/



/*report*/
.reportTable table {
width: 80%;
margin-left: auto;
margin-right: auto;
border = 0;
padding: 10px 0;
}

.reportTable {
font-size: 1.0em; 
padding: 10px;
}

.reportTable td {
padding: 5px;
text-align: center;
}

.reportTable th {
padding: 0 5px;
}

.reportTable a {text-decoration: none;}
.reportTable a:link {color: rgb(2, 49, 101);}
.reportTable a:visited {color: rgb(2, 49, 101);}
.reportTable a:hover{color: rgb(0,0,0); font-variant: bold;}

.reportTableTop {
background-color: rgb(78,134,195);
height: 3em;
}

.reportTableData {
background-color: rgb(228,228,228)
}

.safetyTableTop {
background-color: rgb(249,187,72);
}

.safetyTableData {
background-color: rgb(228,228,228)
}
/*end report*/










a.style_1 a {text-decoration: none;}
a.style_1 a:link {color: rgb(255, 255, 255);}
a.style_1 a:visited {color: rgb(255, 255, 255);}
a.style_1 a:hover{color: rgb(0,0,0); font-variant: bold;}


#reportBody {
position: absolute;
top: -20px;
width: 900px;
background-color: rgb(255,255,255);
font-family: verdana, sans-serif;
font-size: 1em;
}


.center2 {
text-align: center;
width: 300px;
}

.center3 {
text-align: center;
width: 300px;
font-size: smaller;
}

#topBarNav {
text-align: center;
background: rgb(40,80,120);
color: rgb(10, 10, 10);
}
#topBarNav a {text-decoration: none;}
#topBarNav a:link {color: rgb(10, 10, 10);}
#topBarNav a:visited {color: rgb(200, 150, 255);}
#topBarNav a:hover{color: rgb(200,40,90);}




.rStyle_1{
padding: 0 5px;
background: rgb(205,215,230);
}