* {margin: 0; padding:0}

html {height: 100%;}

body {
	font:81.25%/1.5 Verdana, Arial, Tahoma, Sans-Serif;
	background:#000000;
	text-align:center;
	margin:100px 0 70px 0;
	color:#000;
	min-height: 101%;
}

a:link,a:visited{text-decoration:none;color:#870202;}
a:hover,a:focus{text-decoration:none;color:#000}

h1,h2,h3,h4,h5,h6 {
	font-family:"Lucida Grande","Trebuchet MS",Georgia,Serif;
	font-weight:normal;
	color:#870202;
}
h1{font-size:250%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}

#navwrap {
	width:907px;
	margin:0 auto;
	position:relative;
	z-index:2000;
}

ul#nav{
	float:right;
	width:100%;
	line-height:normal;
	position:absolute;
	bottom:0;right:0;
	list-style:none;
	font-size:150%;
	text-transform:uppercase;
}
ul#nav li{display:inline}
ul#nav a{
	float:right;
	background: url(images/tableft.png) no-repeat left top;
	margin:0 5px;
	padding:0 0 0 12px;
	text-decoration:none;
	color:#fff;
}
ul#nav a span{
	float:left;
	display:block;
	background: url(images/tabright.png) no-repeat right top;
	padding:7px 14px 7px 2px;
	cursor:pointer
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/ul#nav a span{float:none}/* End IE5-Mac hack */
ul#nav a:hover,ul#nav a:focus {background-position:0% -42px;text-decoration:none;color:#fff}
ul#nav a:hover span,ul#nav a:focus span{background-position:100% -42px}



#header {
	position:relative;
	background:#eeeeee;
	padding-top:10px;
	width:100%;
	height:118px;
	border-top:3px solid #d1570d;
	border-bottom:3px solid #d1570d;
	z-index:1000;
}


#bannerwrap {
	position:relative;
	width:907px;
	margin:0 auto 0 auto;
	background:transparent; 
	z-index:200;
}
#banner {
	width:264px;
	height:348px;
	position:absolute;
	top:-83px;
	left:-108px;
	background:transparent url(images/banner.png) top left no-repeat;
	behavior:url(iepngfix.htc);
}


.logo,.logo em{
	width:748px;
	height:115px;  
	position:absolute; 
	top:0px;
	right:0;
	display:block; 
	cursor:pointer;
	text-indent:-9999px;
	z-index:200;
}
.logo em{background:url(images/logo.jpg) top left no-repeat}


#motto{
	width:100%;
	border-bottom:3px solid #d1570d;
	color:#fff;
	line-height:1.7em;
	font-size:150%;
	padding:0 0 3px 0;
}
#motto p {
	width:887px;
	margin:0 auto;
  text-align:right;
}



#wrap {
	border:3px solid #d1570d;
	border-top:none;
	position:relative;
	text-align:left;
	margin:0 auto 0 auto;
	width:907px;
	background:#fff;
	z-index:900;
	overflow:hidden;
}


#content {
    margin:auto 0 auto 0;
	width:907px;
	background: #fff;
}

#content p {
	margin:0 0 .5em 0;
}

#content ul, #content ol {
	margin:0 0 10px 30px
}

#content ul li {
	text-align: justify;
}


#conthorizontal {
	text-align: center;
	padding: 15px;
	background-color: #eeeeee;
	border: 1px solid #000;
	margin-bottom: 10px;
	}

#conthorizontal ul{
	display:inline;
	list-style-type: none;
	text-align: center;
}

#conthorizontal ul li{
	display:inline;
	padding: 15px;
}

#conthorizontal ul li a {
	background-color: #870202;
	color: #fff;
	padding: 4px;
	border: 1px solid Black;	
}

#conthorizontal ul li a:hover {
	background-color: #eeeeee;
	color: #870202;
	padding: 4px;	
	border: 1px solid Black;
}


.article{
	width:709px;
	margin-bottom:10px;
	margin-left: 160px;
	padding: 10px 10px 10px 10px;
	overflow:hidden;
	text-align:justify;
	background:#fff;
}

.article ul, ol {
	margin:0 0 10px 30px
}

.article ul li {
	text-align: justify;
}

.nbdr{border:none}

.article img {
	display:block;
	border:2px solid #d1570d;
	margin:0 10px 0 0;
	padding:0;
	background:#eee;
}

.left {
	float: left;
	display:block;
	border:2px solid #d1570d;
	margin:0 10px 0 0;
	padding:0;
	background:#eee;
}





.article a{font-weight:bold; color:#870202; padding:1px 3px 1px 3px;}
.article a:hover {font-weight:bold; color:#ffffff; background-color:#870202;padding:1px 3px 1px 3px;}
.article a:hover img{background:#ebf4f2;padding:1px 3px 1px 3px;}


/* Gallery */

.gallery li {
        display: inline;
        list-style: none;
        width: 150px;
        min-height: 175px;
        float: left;
        margin: 0 10px 10px 0;
        text-align: center;
	}


/***************  CHILD SAFETY FAIR SPECIFIC STUFF START *************/

.csf{
	width:709px;
	margin-bottom:10px;
	margin-left: 160px;
	padding: 10px 10px 10px 10px;
	overflow:hidden;
	text-align:justify;
	background:#fff;
}

.csf{border:none}

.csf img {
	display:block;
	border: none;
	margin:0 10px 0 0;
	padding:0;
	background:#eee;
}
.csf a{font-weight:bold; color:#870202;}
.csf a:hover {font-weight:bold; color:#eeeeee; background-color:#870202;}
.csf a:hover img{background:#ebf4f2;}


/***************  CHILD SAFETY FAIR SPECIFIC STUFF END *************/




#indexboxes {
	margin-top: 20px;
	float: left;
	width: 675px;
}

#indexboxes img {
	border: none;
}

.indexboxestable {
	background: #dddddd;

}	

.indexboxescell1 {
	border: solid 4px #000;
	padding: 10px;	
	text-align: justify;
	background: #fff;
    font: normal 90% Arial, Helvetica, sans-serif;
	width: 33%;		
}

.indexboxescell2 {
	border: solid 4px #000;
	padding: 10px;	
	text-align: justify;
	background: #fff;
    font: normal 90% Arial, Helvetica, sans-serif;
	width: 33%;			
}

.indexboxescell3 {
	border: solid 4px #000;
	padding: 10px;	
	text-align: justify;
	background: #fff;
    font: normal 90% Arial, Helvetica, sans-serif;	
	width: 33%;		
}



a img{border:none;}
.aleft{float:left;}
.aright{float:right;}


.footer {
    font-size: 0.8em;
	width:709px;
    border-top: 1px dashed #000000;
	margin-bottom:10px;
	margin-left: 160px;	
	padding-bottom:30px;
	overflow:hidden;
	text-align:right;
}

.footer a{font-weight:bold; color:#870202;}
.footer a:hover {font-weight:bold; color:#eeeeee; background-color:#870202;}







/***************  SIDEBAR SPECIFIC STUFF *************/
#socialbar
{
	margin-top: 120px;
	width: 120px;
	float: left;
	}
	

#socialbar ul  {
	list-style-type: none;
	width: 120px;
	}

#socialbar ul li {
	display: inline;
	}
	
#socialbar ul li a {
	color: #870202;
    display: inline;
	}
	
#sidebar
{
	margin-top: 20px;
	width: 120px;
	float: left;
	}
	

#sidebar ul  {
	list-style-type: none;
	width: 120px;
	}

#sidebar ul li {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;	
    border-width: 1px 0;
    margin: 5px 0;
	}
	
#sidebar ul li a {
	color: #870202;
    display: block;
    font: bold 90% Arial, Helvetica, sans-serif;
    padding: 5px;
    text-decoration: none;

	}
	
* html #links li a {  /* make hover effect work in IE */
	width: 120px;
}
	
	
#sidebar ul li a:hover {
	background: #ddd;
	color: #000000;
	}
	

	
	
/***************  PERSONNEL TABLE STYLING *************/


.persboxchief {
	background-color:#ddd;
	font-size:1.0em;
	font-family:Verdana, Arial, Tahoma, Sans-Serif;
	text-align: center;
	width:200px;
	padding:3px 0 3px 0;
	border:1px solid #000000;
	margin-left: 225px;
}

.space {
	background-color:#fff;
}

.rank {
	font-size: 0.8em;
	font-family: Verdana, Arial, Tahoma, Sans-Serif;
	text-align: center;
	color: #000;
}

#shiftcontainer {
	width: 709px;
	clear: both;
	text-align: center;
}

#perscolumnashift, #perscolumnbshift, #perscolumncshift, #perscolumnadmin {
float: left;
text-align: center;
margin: 1px;
overflow: hidden;
}

#perscolumnashift {
	width: 172px;
	text-align: center;
}

#perscolumnashift ul {
	list-style-type: none;
}

#perscolumnashift li {
	background-color:#ddd;
	font-size:1.0em;
	font-family:Verdana, Arial, Tahoma, Sans-Serif;
	text-align: center;
	padding:3px 3px 3px 3px;
	border:1px solid #000000;
	margin: 2px 0 2px 0;
}

#perscolumnbshift {
	width: 172px;
	text-align: center;
}

#perscolumnbshift ul {
	list-style-type: none;
}

#perscolumnbshift li {
	background-color:#ddd;
	font-size:1.0em;
	font-family:Verdana, Arial, Tahoma, Sans-Serif;
	text-align: center;
	padding:3px 3px 3px 3px;
	border:1px solid #000000;
	margin: 2px 0 2px 0;
}

#perscolumncshift {
	width: 172px;
	text-align: center;
}

#perscolumncshift ul {
	list-style-type: none;
}

#perscolumncshift li {
	background-color:#ddd;
	font-size:1.0em;
	font-family:Verdana, Arial, Tahoma, Sans-Serif;
	text-align: center;
	padding:3px 3px 3px 3px;
	border:1px solid #000000;
	margin: 2px 0 2px 0;
}

#perscolumnadmin {
	width: 172px;
	text-align: center;
}

#perscolumnadmin ul {
	list-style-type: none;
}

#perscolumnadmin li {
	background-color:#ddd;
	font-size:1.0em;
	font-family:Verdana, Arial, Tahoma, Sans-Serif;
	text-align: center;
	padding:3px 3px 3px 3px;
	border:1px solid #000000;
	margin: 2px 0 2px 0;
}

.persspacer {
	background-color: #ffffff;
	border: 1px solid Black;
}