/* CSS Document */

*
{
	margin:0px;
	padding:0px;
}
p
{
	margin:10px 0 10px 0;
}
.pad li
{
	margin-left:20px;
}
em
{
	font-weight:bold;
}
ol
{
	margin-left:5px;
}
body
{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/bg_top.gif); 
	background-repeat:repeat-x;
	font-size:13px;
}
#bgBody{
	position:absolute;
	background: url(images/big_bodyw.gif) no-repeat;/*  had been big_body.gif  - this doesn't do  anything*/
	width:503px;
	height:334px;
	left:53%;
}

#container
{
	position:relative;
    margin-left: auto;
	/*  this changes the left margin */
    margin-right: auto;
	width:780px; 
	/*  this changes the width of the text*/
}
#top
{
	width:780px;
	height:183px;	/*  this is distance from the top of the screen.*/
}

#language
{
	color:#6699FF;
	float:right;
	margin:10px 10px 10px 0; /* had been 10 15 10 0 this - this change didn't seem to have any impact*/

}
#top img
{
	float:left;
	margin:18px 20px 15px 0;

}
#top p, #top h2
{
	font-size:12px;
	font-weight:bold;
	float:left;
	margin:45px 0 0 0px;
	padding-left:20px;
	width:480px;
	border-left: 2px solid #000;
}
#top h2
{
	font-size:16px;
	color:#333399;
}
#top h2 span
{
display:block;
font-size:26px;
/* had been 26*/
color:#6666CC;
margin-top:5px;

}

#content
{
	margin-top:10px; /* this is for the distance below the blue  bar and the text */

}

#homepage
{
	background-image:url(images/bg_purples.gif);
	/*  got rid of bg_purple.gif*/
	height:398px;
	width:780px;
	float:left;
}
#homepage img
{
} 

#homepage h1
{
	font-size:18px;
	font-weight:bold;
	margin-top:5px;
}
#homepage p
{
	margin-top:2px;
	font-weight:bold;
}
.option
{
	float:left;
	background-color:#666699;
	width:368px;
	height:125px;
	color:#FFFFFF;
	padding-left:15px;
	margin-top:15px;
	cursor:pointer;
}
/*color above had been fffffff*/
.newsOption
{
	float:left;
	background-color:#000066;
	color:#FFFFFF;
	padding-left:15px;
	margin-top:25px;
}
.option img
{
	float:right;
	border:1px solid #fff;
	margin-left:5px;
}
.option 
{
text-decoration:none;
}
.pad
{
	float:left;
}
.pad img
{
	margin:2px 2px 0 2px;
}
.imageSmall
{
	width:155px;
	border: 2px solid #CCCCFF;
	margin:0px 10px 0px 0px;
}
.imageExsmall
{
	width:105px;
	border: 2px solid #CCCCFF;
	margin:0px 10px 0px 0px;
	}
.imageMid
{
	width:254px;
	border: 2px solid #CCCCFF;
	margin:0px 10px 0px 5px;
	}
.image
{
width:324px;
background-color:#CCCCFF;
margin:0 10px 5px 10px;
}
.space
{
height:20px;
 /* had been 30*/
clear:both;
background-image: url(images/bg_spacevvv.gif); /* had been bg_space.gif*/
}
.image p
{
	font-size:12px;
	text-align:center;
	margin:3px 2px 2px 2px;
}
.tbl
{
	border:1px solid #9999CC;
}
.tbl td
{
	padding:2px 10px 2px 15px;
	border-right:1px dashed #9999CC;
}
.left
{
	float:left;
}

.right
{
	float:right;
	left:10px;
}
#footer
{
	height:20px;
	width:740px;
	background-image: url(images/bg_top.gif);
	color:#FFFFFF;
	font-size:10px;
	padding:5px 20px 0 20px;
	margin-top:20px;
	clear:left;
	border-top:1px solid #000066;
	
}
.border
{
	border:2px solid black;
}

#footer a
{
	color:#FFFFFF;
	margin:0 10px 0 10px;
	text-decoration:none;
}
.clear
{
	clear:both;
}

#content h2
{
	margin:10px 0 0px 0px;
	font-size:16px;
	color:#6666CC;

}
.imageGallery
{
	padding:6px 6px 6px 6px;
	border:1px solid #333399;
	width:100%;
	overflow:auto;
	height:240px;
}
.imageGallery img
{		
	float:left;
	border:1px solid #66ccff;
	margin-left:3px;
	border:1px solid #333399;
	cursor:pointer;
}
.viewer
{
width:100%;
background-color:#CCCCFF;
padding:5px;
border:1px solid #333399;
}
.viewer img
{
	margin:5px 0 5px 0;
}
/* DROP DOWN MENU */

#csstopmenu, #csstopmenu ul{
padding: 0;
list-style: none;
clear:right;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{

}

.headerlinks a{
margin: auto 14px;
/* spacing between the pull down menu items*/
font-weight: bold;
color:#FFFFFF;
font-size:14px;
}

.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 1.2em;
background-image:url(images/bg_menus.gif);
border: 1px solid #6666CC;
}

.submenus li{
width: 100%;
padding: 3px 3px 3px 3px;
font-weight:bold;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-image: url(images/bg_top.gif);
color:#FFFFFF;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: 1.2em;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}