img, div { behavior: url(iepngfix.htc) }
body { width: 100%;	margin: 0; text-align: center; background: white url(img/bg_body.jpg) repeat;}
#container { width: 950px; margin: 20px auto; position: relative;}
#header { width: 950px; height: 100px; background: #C2CEE1 url(img/bg_header.jpg) no-repeat; margin:0 0 10px 0; padding: 0; }

#logo { position: absolute; top: -15px; left: 1px; background: url(img/logo_dolphin.png) no-repeat; height: 82px; width: 360px;}
a { text-decoration: none; }

/*--rounded corners for main content--*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('img/corners1280x18-blue.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, .bottom-left { 
	/* margin-right: 9px; CHANGE: replace by the width of one of your corners */
	float: left; width: 941px;}
.top-right, .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 */
	float: right; width: 941px;
	}
.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 */	}
#content {
	border-left: 1px solid #6D8189; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #6D8189;/* YCC: color & properties of the right-borderline */
	background: #EFF4F6 url(img/bg_home.jpg) no-repeat center;/* 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 */
	height: 540px;
	width: 948px;
	float: left;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 0;
	}
* html content { margin: -9 0 0 0; }
#contentinside {
	border-left: 1px solid #6D8189; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #6D8189;/* YCC: color & properties of the right-borderline */
	background: #EFF4F6;/* 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 */
	float: left;
	width: 948px;
	margin: 0 auto;
	display: block;
	}

.notopgap    { margin: 0; float: left;  width: 948px; height: 2px;}    /* DNC: to avoid splitting of the box */
.nobottomgap { margin: 0;float: left;  width: 948px;} /* DNC: to avoid splitting of the box */

/*-------------------top menu ---------------------------------------*/
#topmenu { width: 550px; position: absolute; top: 75px; right: 10px; height: 20px; padding: 0; margin: 0; z-index: 500;}
#topmenu ul {  margin: 0; padding: 0; height: 20px; text-align: left; float: right;}
#topmenu ul li { float: left; margin: 0; position: relative; list-style: none; padding: 0; height: 20px;}
#topmenu a { color: #003FBF; font: bold 12px arial, helvetica, sans-serif; margin: 0 10px;}
#topmenu ul li a:hover, #topmenu ul li:hover { 	color: #002796; }
#topmenu ul li:hover { background: #FFFFFF; }

#topmenu ul ul { position: absolute; top: 20px;	left: 0; margin: 0;	padding: 0;	background: #9AAAC3; width: 185px;	display: block; text-align: left; height: auto;}
* html #topmenu ul ul {position: absolute;}
#topmenu ul ul li {	color: #02365b;	font: normal 12px arial, helvetica, sans-serif;	letter-spacing: 1px; width: 185px; margin: 1px 0; background: white;}
#topmenu ul ul li a {	font: normal 11px verdana, arial, helvetica, sans-serif;	letter-spacing: 0; background: none;	}
#topmenu ul ul li:hover { background: #8EC1D6; }
#topmenu ul ul li a:hover { background: none; }

div#topmenu ul ul, div#topmenu ul li:hover ul ul {display: none; position: absolute;}
div#topmenu ul li:hover ul, div#topmenu ul ul li:hover ul {display: block;}

#topmenu #current a { color: #41909D;  }
#topmenu li#current {background: white;}

/*-------------------end of top menu --------------------------*/

#hometext { width: 410px; height: 200px; float: left; margin: 150px 0 0 270px;  z-index: 500;}
* html #hometext { margin: 135px 0 0 275px; }
#hometext p {text-align: right;  font: bold 14px/150% Arial, Helvetica, sans-serif; color: #FFFFFF;}
#hometext h1 { margin: 0 0 0 10px; text-align: right; font: bold 16px/150% Arial, Helvetica, sans-serif; color: white; }

#content ul { font: normal 12px/150% Arial, Helvetica, sans-serif; color: #4E331C; text-align: left;}
#content #newsbox { width: 190px; border: solid 1px white; background: #B3E1DE; position: absolute; top: 160px; right: 30px; padding-left: 5px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);-moz-opacity: 0.70;  opacity:0.7; text-align: left;}
#newsbox p {font: normal 14px/150% Arial, Helvetica, sans-serif; color: #004F9F; }
#newsbox b {margin: 5px 0; text-align: left;}

/*--inside pages--*/
#contentinside #leftcol { width: 200px; float: left; background: transparent; margin: 0 0 0 5px;}
#contentinside #rightcol { width: 700px; float: right; text-align: center; margin: 0 5px 0 0;}
#rightcol .text { width: 650px; margin: 0 auto; text-align: left;}
#rightcol .text h1 { font: bold 14px Arial, Helvetica, sans-serif; text-align: left; margin: 0 0 10px 0; padding-bottom: 5px; }
#rightcol h1 .normal { font: normal 14px Arial, Helvetica, sans-serif;}
#rightcol .text .subtitle { font: bold 14px Arial, Helvetica, sans-serif; }

#rightcol .text ul { width: 650px; padding: 0; margin: 10px auto; list-style: inside disc; font: bold 12px Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline;}
.text ul li { margin: 5px 0; text-align: left; padding: 0;}
.text .box { width: 100%; background: #E7F0F7; margin: 5px 0; border: solid 1px #7F969A;}
.text .box p {font: normal 12px/150% Arial, Helvetica, sans-serif; color: #003163; text-align: left; margin: 5px;}
.text .box b {color: #00299F;}

.top, .top a{ font: normal 11px/150% Arial, Helvetica, sans-serif;}

#footer { width: 950px; height: 80px; clear: both; margin: 2px 0; padding: 0; background: url(img/bg_footer.jpg) no-repeat; }
#footer p { font: normal 11px/150% Arial, Helvetica, sans-serif; color: gray; }
.spacer { height: 5px; clear: both; padding: 0; margin: 0; }