body {
	font-family: trebuchet ms, georgia, palatino, courier, verdana, arial, tahoma;
/*	background: #0025d3;*/
	background: #bbc5ff;
	background-image:url(images/background.gif);
	background-repeat: no-repeat;
}

h1 {
	color:#3333CC;
	text-align: center;
}

h1, h2, h3, h6 {
	color:#3333CC;
	font-family: "comic sans ms";
}

ul {
	text-decoration:none;
	list-style-type:none;
}

a:link {
	text-decoration:none;
	color:#3333CC;
}

a:hover {
	color:#3333FF;
	
}

a:visited{
	color:#3333CC;
	text-decoration:none;
}

#outerwrapper {
	background: #6699CC;
	text-align: left;
	width:800px;
	border: 2px solid #3333CC;
	border-top:none;
	border-bottom:none;
	margin: 0px auto;
	min-height:800px;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 750px;
	background: #6699cc;
	min-height:600px;
}

#header {
	/*margin-top: 15px;*/
	height: 200px;
	width: 800px;
	background-image:url("images/header.jpg");
	margin: 0 auto;
	border:none;
}

#navigation {
	float: right;
	text-align:center;
	width: 150px;
	color:#3333CC;

}

#navigation ul {
	background-color:#3333CC;
	list-style-type:none;
	padding:0;
	margin:0;
}

#navigation ul li {
	margin:0; padding:0;
	display:block;
	border-top:1px solid white;
	border-left:1px solid white;
	height:32px;
}

#navigation a, #navigation a:visited { 
	color:#fff;
	text-decoration:none; 
	font-size:11px;
	height:32px;
	line-height:29px
}

#navigation a:hover, #navigation ul ul a:hover {
	color:#fff; background:#3333FF;
/*	height:32px;*/
	display:block;
}

#navbar {
	min-height:600px;
}


#content { 
	float: left;
	width: 79%;
	font-weight: bold;
}

.videocenter
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:425px;
	
}

p {
	text-align:justify;
}

p.center {
	text-align:center;
}

#footer {
	clear: both;
/*	background: #3333CC;*/
	width:800px;
	margin:0px auto;
	background-image:url("images/footer.jpg");
	color:#fff;
	text-align:center;	
}

#footer a {
	text-decoration:none;
	text-align:center;
	color:#bbc6ff;
}

#footer a:hover {
	color:#000;
}

#footer a:visited {
	text-decoration:none;
	color:#bbc6ff;
}

#contact {
	background-image:url("images/contact.gif");
	height:154px;
	margin-top:25px;
}

img.leftimage
{
	display:inline;
	float:left;
	border:solid 3px;
	border-color:#0025d3;
	margin: 10px 10px 10px 10px;
}

img.rightimage
{
	display:inline;
	float:right;
	border:solid 3px;
	border-color:#0025d3;
	margin: 10px 10px 10px 10px;
}

/* -------------------------------------- Box --------------------------------------- */	
.box1 {
	border:solid 5px;
/*	border-color:#014be0;*/
/*	background-color:#bbc6ff;*/
	border-color:#97b5f2;
	background-color:#0029ff;
	padding: 10px 2px 10px 10px;
	margin-bottom:10px;
}
.box1 li {color:#97b5f2; }
.box1 a { color: #fff; }
.box1 a:hover { color:#000; }

.box2 {
	border:solid 5px;
/*	border-color:#bbc6ff;*/
/*	background-color:#014be0;*/
	border-color:#0627cd;
	background-color:#37a9f9;
	padding: 10px 2px 10px 10px;
	margin-bottom:10px;
}
.box2 li { color:#0627cd; }
.box2 a { color: #fff; }
.box2 a:hover { color:#000; }
/* -------------------------------------- /Box -------------------------------------- */

.underline { text-decoration:underline; }

/* -------------------------------------- Menu -------------------------------------- */

#topnav {
	border-top:0;
	width:800px;
	height:32px; 
	font-size:1em; 
	position:relative;
	z-index:100;
	border-right:1px solid #000;

}
/* hack to correct IE5.5 faulty box model */
* html #topnav {width:800px; w\idth:799px;}	
/* remove all the bullets, borders and padding from the default list styling */
#topnav ul {
	padding:0;
	margin:0;
	list-style-type:none
}
#topnav ul ul {width:190px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#topnav li {
	float: left;
	margin: 0px auto;
	width:196px;
	position:relative
}
/* style the links for the top level */
#topnav a, #topnav a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#fff; 
	width:200px; 
	height:32px; 
	border:1px solid #000099; 
	border-width:1px 1px 1px 1px; 
	background:#3333CC; 
	padding-left:10px; 
	line-height:29px
}

#topnav a:hover, #topnav ul ul a:hover{color:#fff; background:#3333FF;}


/* ---------------------------------- /Menu -----------------------------------------------*/ 


#tagline {
	background:#3333CC;
	border-top:0;
	width:800px;
	height:32px; 
	font-size:1em; 
	position:relative;
	z-index:100;
	border-right:1px solid #000;
}

#tagline h1 {
	color:#fff;
	font-family: "comic sans ms";
	font-size:20px;
}