body {
font: small Arial, Helvetica, Verdana, sans-serif;
background-color: white;
/*background-color: #F0F8FF;*/
background-image:url('style_image/background5.jpg');
background-repeat: repeat-x;

}


#wrapper{
width: 770px;
/*background-color:#E5E5E5;*/
background-color: #F3F3F3;
margin:15px auto;
border: 1px solid #00017f;
}

#maintable {
width:768px;
padding:0px;
margin:0px;
}

#navigation {
	
	width:220px;vertical-align:top;
	
}

#content {
	
	/*width:538px;*/
	width:534px;
	background-color: white;
	margin: 5px 5px 10px 10px;
	padding: 0px;
	vertical-align:top;
	border: solid 1px black; 
	

}

#contentnobar {
background-color:white;
	
}


#footer  {
	width:770px; margin: 0px; padding:0px;
	/*background-color:#E0E0E0;*/
}

#top {
	background-color:#e0e0e0;
	font-size:90%;
	margin:0px;
	padding:0px;
	height:0px;
	}
#top p {
	float:right;
	margin:0px;
	padding:0px;
	margin-right:4px;
	font:Arial, Helvetica, Verdana, sans-serif;

}
.clearboth {
	clear:both;
}

#header {
	/*background-image:url('img/headtest.jpg');*/
	background-image:url('style_image/new_header4.gif');
	height:120px;
	width:770px;
	margin: 0px;
	padding: 0px;
	background-color:blue;
}

#header h2 {
	font-family: Arial, Helvetica, sans-serif;

	color:white;
	font-size:2.4em;
	padding:0px;
	margin:0px;
	margin-left:6px
	}

#headerlogo {
	position:absolute;
	margin:10px;
}


#pagetitle {
	padding:0px; 
	margin:0px;
	
	color:navy;
	
	/*background-color: white;*/

	font-weight:bold;
	width: auto;
}

#pagetitle h1 {
	padding: 2px 4px 2px 10px; 
		margin: 0px 0px 5px 0px;
		font-size:large;
}

#slantedmenu {
font-weight: bold;
font-size: 90%;
width:770px;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
/*background-color: #e0e0e0;*/
background-color: #FFFFFF;
/*border: 1px solid #bebebe;*/
/*border: 1px solid #494949;*/
text-align: right; /*set value to "center" for example to center items*/
/*background-image:url('style_image/navh4.png');*/
/*background-image:url('style_image/contentheader1.png');**/

	background-repeat: repeat-x;

}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{

color: #00017F;
padding-right: 4px; /*25 to original */
margin: 0;
text-decoration: none;
/*background: url('img/slantdivider.gif') no-repeat left top;*/
	padding-left: 35px; /*0 to original */

	padding-top: 3px;
	padding-bottom: 3px;
	
}

#slantedmenu ul li a:visited
{
color: #00017F;
} 

#slantedmenu ul li a:hover{
color: black;
}

.animationbanner  {
	
	margin-left: 0px;
	margin-top:0px;
}

.smalllogo {
	margin:3px;
}

.floatflashright  {
	float:right;
	margin: 0px 3px 0px 0px;
}

/* ------------------------ content divs -------------------------------*/
.contentheader {    
	width:532px;
	background-color:#00017F;
	
	color:#efefef;
	margin: 0px 0px 0px 0px;
	background-image:url('style_image/contentheader1.png');
	background-repeat: repeat-x;
	border: solid 1px #00017F;

	}
	
.contentheader h4 {
	padding:2px 2px 2px 15px;
	margin:0px;
	font-weight:bold;
	font-size:100%;
	}
	
.contentheadertop {    
	width:532px;
	background-color:#00017F;
	
	color:#efefef;
	margin: 0px 0px 0px 0px;
	background-image:url('style_image/contentheader1.png');
	background-repeat: repeat-x;
	border-bottom: solid 1px #00017F;
	border-left: solid 1px #00017F;
	border-right: solid 1px #00017F;

	}
	
.contentheadertop h4 {
	padding:0px 2px 0px 15px;
	margin:0px;
	font-weight:bold;
	font-size:100%;
	}

	
.subheader {
	color:blue;
	padding:4px 2px 2px 15px;
	margin:0px;
	font-weight:bold;
	font-size:95%;

}

.subcontentheader {    
	width:532px;
	/*background-color:#6666ff;*/
	background-color:#6666ff;
	color:#efefef;
	margin: 0px 0px 0px 0px;
	/*background-image:url('style_image/contentheader2.gif');
	background-repeat: repeat-x;*/
	border: solid 1px #00017F;

	}
	
.subcontentheader h4 {
	padding:2px 2px 2px 15px;
	margin:0px;
	font-weight:bold;
	font-size:90%;
	}


.rightdivwithnav {
	width:260px;
	float:right;
	margin:0px 0px 4px 4px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;
}

.rightdivwithnav p {
	margin: 0px 15px 0 15px;
	font:90%;

}

.leftdivwithnav {
	width:260px;
	float:left;
	margin:0px 2px 4px 0px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;
	}

.leftdivwithnav p {
	margin: 0px 15px 0 15px;
	font:90%;
	
}

.twoaccrossdiv {
	
	width:534px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;
	margin: 0px 0px 10px 0px;
	min-height:130px;
}

.twoaccrossdiv p {
	padding: 6px 15px 0px 15px;
	margin:0px;
	font:90%;
	}
	
.twoaccrossdiv h6 {
	margin:0px;
	padding: 6px 15px 0px 15px;
	font-weight:bold;
	font-size:100%;	
}



.twoaccrossnopic {
	
	width:534px;
	/*background-color:#efefef;*/
	background-color: #EBEBFA;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	
}

.twoaccrossnopic p {
	margin:0px;
	padding: 6px 15px 5px 15px;
	font:90%;
	}
	
	
.twoaccrossnopic h6 {
	
	margin:0px;
	padding: 6px 5px 4px 15px;
	font-weight:bold;
	font-size:100%;	
}


.twoaccrossnopictop {
	
	width:534px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	
}

.twoaccrossnopictop p {
	margin:0px;
	padding: 6px 15px 5px 15px;
	font:90%;
	}
	
	
.twoaccrossnopictop h6 {
	
	margin:0px;
	padding: 6px 5px 4px 15px;
	font-weight:bold;
	font-size:100%;	
}

.twoaccrossdiv70 {
	
	width:534px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;
	margin: 0px 0px 10px 0px;
	min-height:80px;
}

.twoaccrossdiv70 p {
	padding: 6px 15px 0px 15px;
	margin:0px;
	font:90%;
	}
	
.twoaccrossdiv70 h6 {
	margin:0px;
	padding: 6px 5px 0px 15px;
	font-weight:bold;
	font-size:100%;	
}




.twoaccrossdiv115 {
	
	width:534px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;
	margin: 0px 0px 10px 0px;
	min-height:125px;
}

.twoaccrossdiv115 p {
	padding: 6px 15px 0px 15px;
	margin:0px;
	font:90%;
	}
	
.twoaccrossdiv115 h6 {
	margin:0px;
	padding: 6px 5px 0px 15px;
	font-weight:bold;
	font-size:100%;	
}




.twoaccrossdiv150 {
	
	width:534px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;
	margin: 0px 0px 10px 0px;
	min-height:160px;
}

.twoaccrossdiv150 p {
	padding: 6px 15px 0px 15px;
	margin:0px;
	font:90%;
	}
	
.twoaccrossdiv150 h6 {
	margin:0px;
	padding: 6px 5px 0px 15px;
	font-weight:bold;
	font-size:100%;	
}

.twoaccrossdiv190 {
	
	width:534px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;
	margin: 0px 0px 10px 0px;
	min-height:202px;
}

.twoaccrossdiv190 p {
	padding: 6px 15px 0px 15px;
	margin:0px;
	font:90%;
	}
	
.twoaccrossdiv190 h6 {
	margin:0px;
	padding: 6px 270px 0px 15px;
	font-weight:bold;
	font-size:100%;	
}

.twoaccrossdiv230 {
	
	width:534px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;

	margin: 0px 0px 10px 0px;
	min-height:240px;
}

.twoaccrossdiv230 p {
	padding: 6px 15px 0px 15px;
	margin:0px;
	font:90%;
	}
	
.twoaccrossdiv230 h6 {
	margin:0px;
	padding: 6px 5px 0px 15px;
	font-weight:bold;
	font-size:100%;	
}


				
.twoaccrossdiv330 {
	
	width:534px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;
	margin: 0px 0px 10px 0px;
	min-height:340px;
}

.twoaccrossdiv330 p {
	padding: 6px 15px 0px 15px;
	margin:0px;
	font:90%;
	}
	
.twoaccrossdiv330 h6 {
	margin:0px;
	padding: 6px 5px 0px 15px;
	font-weight:bold;
	font-size:100%;	
}
	
.twoaccrossdiv465 {
	
	width:534px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;
	margin: 0px 0px 10px 0px;
	min-height:475px;
}

.twoaccrossdiv465 p {
	padding: 6px 15px 0px 15px;
	margin:0px;
	font:90%;
	}
	
.twoaccrossdiv465 h6 {
	margin:0px;
	padding: 6px 5px 0px 15px;
	font-weight:bold;
	font-size:100%;	
}


	
	
.imagefloatright {
	border-style: solid;
	border-width: 1px;
	float: right;
	margin: 5px 15px 0px 5px;
	/* border:1px #494949 solid; */
}

.clear {
	clear:both;
}

.imagex2position {
	margin: 8px 15px 4px 15px;
	padding: 0px;
	border-style: solid;
	border-width: 1px;  }

.imageaccrosspage {
	margin: 5px 15px 5px 15px;
	border-style: solid;
	border-width: 1px;

}

.imageaccrosspage330 {
	margin: 5px 40px 5px 55px;
	border-style: solid;
	border-width: 1px;

}


.flashfloatright {
	border-style: solid;
	border-width: 0px;
	float: right;
	margin: 5px 15px 0px 5px;
	/* border:1px #494949 solid; */
}

.flashfloatleft {
	border-style: solid;
	border-width: 0px;
	float: left;
	margin: 5px 15px 0px 5px;
	/* border:1px #494949 solid; */
}


.flashtwoaccrossdiv190 {
	
	width:534px;
	/*background-color:#efefef;*/
	background-color:#EBEBFA;
	margin: 0px 0px 4px 0px;
	min-height:202px;
}

.flashtwoaccrossdiv190 p {
	padding: 6px 15px 0px 150px;
	margin:0px;
	font:90%;
	}

.contentborder {
	border: 1px solid #00017F;
}
/* --------------------------------------------------------------vertical navigation ---------------------
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.bottom-right { 

	background-image: url('img/corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.bottom-left { 

	background-image: url('img/corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-right { 

	background-image: url('img/corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left { 

	background-image: url('img/corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {

	border-left: 1px solid #00017F; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #00017F;/* YCC: color & properties of the right-borderline */
	/*background: #CCE5FFe
;*/ 
	background: #CCCCFF;           /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

.inside h4 {
	padding:0px 2px 2px 2px;margin:0px;color:#CCE5FF
;background-color:#494949;font-weight:bold;

}

.inside p {
	font-weight:bold;
}

/*
implementation in the page:
	...
	<head>
	<link rel="stylesheet" type="text/css" href="liquidcorners.css">
	...
	</head>
	
	<body>
	...
	<div class="top-left"></div><div class="top-right"></div>
		<div class="inside">
		<p class="notopgap">Your text & other things inside</p>
		...
		<p class="nobottomgap">...</p>
		</div>
	<div class="bottom-left"></div><div class="bottom-right"></div>
	...
	</body>
*/
.navdivv {
/*margin:12px 6px 6px 10px;*/
margin:4px 6px 12px 10px;

}

.navimage {
background-image:url('style_image/navh4.png');
background-repeat: repeat-x;
border: solid 1px #00017F;
	
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.bevelmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 175px;
}

.bevelmenu li a{
display: block;
width: 170px;
padding: 2px 2px;
text-decoration: none;
color: black;
/*background-color: #CCE5FFe
;*/
background-color: #CCCCFF;
/* border: 1px solid #494949; */
text-decoration:none;

}

.bevelmenu li a:hover{
color: #494949;
text-decoration:underline;
}

.bevelmenu h4 {
	padding:0px 2px 2px 2px;margin:0px;color:#CCE5FF;background-color:blue;font-weight:bold;width:170px;}
	
/* ------------------------------------------------------ Footer divs -------------------------------------------------------*/
.copyright {
	font-size:x-small;
	padding:2px 2px 2px 10px;
}

.footdivleft {
	padding:0px;
	margin:0px 5px 0px 0px;
	background-color:#CCCCFF;
}

.footdivright {
	padding:0px;
	margin:0px 8px 0px 15px;
	background-color:#e0e0e0;
}


#footmenu {
font-size: 80%;
width:530px;
	background-color:#CCCCFF;
	margin: 0px 0px 0px 0px;
	padding: 0px;

}

#footmenu ul {
	margin: 0px;padding:2px 5px 2px 15px;
}

#footmenu ul li {
	display: inline;
	padding:0px;margin:6px;

}


#footmenu ul li a{

color: #494949;
text-decoration:underline;
}

#footmenu ul li a:visited{
color: #494949;
} 

#footmenu ul li a:hover{
color: black;
}

/* ---------------------------------------------- new stuff to add ------------------------------------------*/


#contentform {
	
	width:700px;
	background-color:white;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	vertical-align:top; }
	
.formtext {
	width:100%;
	background-color:white;
}

.formtext p {
	font-weight:bold;
	margin:0px;
	padding:5px 15px 5px 15px;
	font-size:105%
}


/* -------------------------------------------- flv video -------------------------------------*/

.videofull {
	
	width:400px;
	background-color:#CCE5FFe
;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	
}

.videofull p {
	margin:6px;
	padding: 5px 5px 5px 5px;
	font:90%;
	}
	
	
.videofull h6 {
	
	margin:0px;
	padding: 6px 5px 4px 15px;
	font-weight:bold;
	font-size:100%;	
}