html,body {
height: 100%;
}
iframe {
height: 100%;
float: left;
padding: 0;
margin: 0;
border: 0;
width: 100%;
}
body {
	background-color: #35383d;
	background-image: url(images/pageBG.gif);
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#switcher {
	position:absolute;
	top:0px;
	right:0px;
}
.mainCell {
    margin: 0 auto;
	width: 85%;
}
.bgHeader {
	top: 30px;
	left: 30px;
	position: relative;
}
.headerCell {
	background-image: url(images/pageTopBG.gif);
	background-repeat: repeat-x;
	height: 134px;
	width: 100%;

}

.menuCell {
	background-image: url(images/navBG.gif);
	background-repeat: repeat-x;
	height: 22px;
	width: 100%;
	top: 60px;
	position: relative;
}
.bodyCellContainer {
	width: 100%;
	top: 60px;
	position: relative;
	background-color: #FFFFFF;
	padding-top: 15px;
	font-size: 12px;
}
.bodyCell {
	padding-right: 15px;
	padding-left: 30px;
	padding-bottom: 15px;
}

.hidden {
	display:none;
	padding: 15px;
}
#icons {
    margin: auto;
    width: 75%;
	background-color: #eee;
	padding: 5px 0px 2px 0px;
	border: 1px solid #CCC; 
	border-top: 0px;
    border-bottom:0px; 
}
#icons:hover {
    background-color: #ddd;
}
#box {
    margin: 0px 10px 10px 5px;
    width: 95%;
    background-color: #eee;
    padding: 5px 0px 5px 15px;
    border: 1px solid #CCC; 
    color:#765; 
	text-align:left;
    text-decoration:none;
    font-weight:bold;
}
#box:hover {
    background-color: #ddd;
}
#box a {
    color:#765;
}
#box a:hover {
    color:#333;
}
#slideBox {
    margin: auto;
    width: 75%;
	background-color: #eee;
	padding: 5px 0px 5px 0px;
	border: 1px solid #CCC;
	border-bottom: 0px; 
    text-decoration:none;
	font-size:11px;
    color:#765;
}
#slideBox:hover {
    background-color: #ddd;
}
#slideBox a {
    color:#765;
}
#slideBox a:hover {
    color:#333;
}
.imageCaption {
    margin: 15px auto;
    width: 75%;
	background-color: #eee;
	padding: 5px 0px 5px 0px;
	border: 1px solid #CCC;
    text-decoration:none;
	font-size:11px;
    color:#765;
}
.imageCaption:hover {
    background-color: #ddd;
}
.bodyCellSlide {
	padding-left: 0px;
}
#countBox {
    margin: 0px auto 15px auto;
    width: 75%;
	background-color: #eee;
	padding: 5px 0px 5px 0px;
	border: 1px solid #CCC;
    text-decoration:none;
	font-size:11px;
    color:#765;
border-top: 0px;
}
#countBox:hover {
    background-color: #ddd;
}
#imagetable img{
padding:10px;
border: 1px solid #CCC;
}
#imagetable img:hover{
background-color: #ddd;
}
/* ------- Top Nav -------- */

#header {
	float:left;
	width:100%;
	font-size: 12px;
	line-height:normal;
	font-family: Arial, Helvetica, sans-serif;
}
#header ul {
	margin:0;
	padding:3px 10px 0;
	list-style:none;
}
#header li {
	float:left;
    background:url("images/leftBoth.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    border-bottom:1px solid #765;
}
#header a {
    float:left;
    display:block;
    width:.1em;
    background:url("images/rightBoth.gif") no-repeat right top;
    padding:3px 15px 1px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#765;
	white-space:nowrap;
}
#header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
    /* End IE5-Mac hack */
#header a:hover {
	color:#333;
}
#nav0 #nav-0, #nav1 #nav-1, #nav2 #nav-2,
#nav3 #nav-3, #nav4 #nav-4,
#nav5 #nav-5, #nav6 #nav-6, #nav7 #nav-7 {
	background-position:0 -19px;
	border-width:0;
}
#nav0 #nav-0 a, #nav1 #nav-1 a, #nav2 #nav-2 a,
#nav3 #nav-3 a, #nav4 #nav-4 a,
#nav5 #nav-5 a #nav6 #nav-6 a, #nav7 #nav-7 a {
	background-position:100% -19px;
	padding-bottom:5px;
	color:#333;
}
#header li:hover, #header li:hover a {
	background-position:0% -19px;
	color:#333;
}
#header li:hover a {
	background-position:100% -19px;
}
/*-------------- End top Nav ------------------*/
div.float {
	float: left;
	width: 200px;
	height: 180px;
	padding: 10px;
	margin: 5px;
	border: 1px solid #7196CE;
	background-color: #F3F3F3;
	text-align: center;
	vertical-align: middle;
}
div.float:hover{
background-color: #DDD;
}
div.float p {
   text-align: center;
}
div.float a {
	text-decoration:none;
	color:#7196CE;
}
div.float a:hover {
	text-decoration:none;
	color:#333333;
}
div.float img {
	border: 0px none;
	vertical-align:middle;
}
div.container {
	margin:0 auto;
	text-align:center;
}
div.spacer {
	clear: both;
}