/**
	MAINCSS FILE FOR COI - COMMISION DE L'OCEAN INDIEN

	Developed by IQ2.AT MAY 2006
	Copyright by IQ2.AT MAY 2006
		
	COI - Commision de l'ocean indien is a webproject
	maintained by geteric.com™ in cooperation with IQ2.AT. 
	
	Projectfacts: 
	
	Main-Release: June 30, 2006
	
	Have fun!
*/	

/**
	LAYOUT SPECIFIC STYLESHEET DEFINITIONS
*/
body {
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #104082;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #434343; 
	text-align: center;
	line-height: 16px;
}

#contentwrapper {
  margin: 0 auto;
  width: 888px;
  text-align: left;
  border: 0;
}

#logo {
	width: 888px;
	height: 110px;
	margin: 20px 0 15px 0;
	padding: 0;
	border: 0;
	text-align: left;
	background-color: #104082;
}
#logo_white {
	display: none;
}

#contentarea {
	width: 888px;
 	padding: 0;
	border: 0;
	margin: 0;
	background: url(../images/contentbg.gif) transparent repeat-y center top;
	float: left;
}

#maincontent {
	clear: both;
	position: relative; 
	display: block; 
	width: 880px;
	margin: 0 0 15px 0;
	padding: 0 0 0 8px; /* FIX NETSCAPE 8 PROBLEM */
}

#picarea {
	margin: 1px 0 0 0;
	padding: 0;
	border: 0;
}

#breadcrumb {
	margin: 1px 0 10px 0;
	color: #434343;
	font-weight: bold;
	float: left;
	line-height: 20px;
}

#search {
	margin: 1px 0 10px 0;
	float: right;
	color: #D8D8D8;
	font-weight: bold;
	line-height: 20px;
}

#search form {
	margin: 0 8px 0 0;
	
}

/**
	LAYOUT GRIDS SECTION
*/	

/**
	3 COLUMN LAYOUT
*/
#cleft {
	width: 280px;
	padding: 0;
	border: 0;
	margin: 0;
	float: left;	
	display: inline; /*Fix for IE to stop double float-margins*/
}	
#cmiddle {
	width: 278px;
	padding: 0;
	border: 0;
	margin: 0 0 0 17px;
	float: left;
	clear: right;
	display: inline; /*Fix for IE to stop double float-margins*/
}
#cright {
	width: 280px;
	padding: 0;
	border: 0;
	margin: 0 8px 0 0;
	float: right;	
	display: inline; /*Fix for IE to stop double float-margins*/
}

/**
	1 COLUMN LAYOUT
*/	
#onecolumn {
	width: 872px;
	padding: 0;
	border: 0;
	margin: 15px 0 15px 0;
	float: left;
	display: inline; /*Fix for IE to stop double float-margins*/
}

/**
	NEWS AREA 1 COLUMN LAYOUT
*/	
#newsarea {
	width: 872px;
	padding: 0;
	border: 0;
	margin: 0;
	float: left;
	display: inline; /*Fix for IE to stop double float-margins*/
}

/**
	NAVIGATION CSS ROLLOVERS
*/
#navigation {
	margin: 0;
	padding: 0;
	border: 0;
	width: 888px;
	height: 43px;
	background-color: #FFF;
}

/**
	FOOTERNAV
*/
#footer {
	width: 888px;
	height: 30px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	background-color: #104082;
	float: left;
}


/**
	TYPO - SPECIFIC STYLESHEET DEFINITIONS
*/	
h1 {
	margin: 30px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #434343;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #434343;
	font-weight: normal;
}
h3 {
	margin: 20px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #434343;
}
h4 {
	margin: 20px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #434343; 
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
#onecolumn p {
	margin: 0 0 10px 0;
}
#newsarea p {
	margin: 0 0 10px 0;
}

/**
	COMMON STYLES FOR LINKS
*/
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #434343;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;	
	color: #434343;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #434343;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;	
	color: #434343;
}

ul { margin-left: 0.7em; padding-left: 0.7em; }
li { list-style-type: square; }
ol { margin-left: 1em; padding-left: 1em; }
ol li {
	list-style: decimal;
}
.hide   { display: none; }
.italic { font-style: italic; }
.clear  { clear:both; }
em      { font-size: 12px; }
.strong { font-weight: bold; }

/**
	COMMON STYLES FOR FORMS
*/
input {
	margin: 0;
	padding: 1px 0 1px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	border: 1px solid #D8D8D8;
	background-color: #fff; 
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	color: #4F4F4F;
	background-color: #fff; 
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: #4F4F4F;
	background-color: #fff; 
}
input.radio {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}
input.checkbox {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}
input.go {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	background-color: #4F4F4F;
}
input.image {
	padding: 0;
	margin: 0 0 0 1px;
	border: 0;
	vertical-align: top;
}
input.search {
	width: 192px;
}


/**
	TABELLEN DEFINITIONEN
*/

table.contenttable {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-collapse: collapse;
	width: 270px;	
	margin: 5px 0 15px 0;
}
.contenttable tr {
	background-color: #F0F0F0;
}
.contenttable th, .contenttable td {
	padding: 4px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF; 
	text-align: left;
}
.contenttable td p {
	padding: 0px;
	margin: 0;
}
.contenttable th {
	font-weight: bold;
	vertical-align: top;
	background-color: #415A76;
	color: #FFF;
}
#onecolumn table.contenttable td, #newsarea table.contenttable td {
	padding: 0 0 0 4px;
	margin: 0;
	border-right: none;
}

#onecolumn table.contenttable p {
	margin: 0;
}
#newsarea table.contenttable p {
	margin: 0;
}

table.contenttable a img {
	border: 0;
}

#onecolumn ul {
	/*margin-top: -5px;*/
}

/**
	DROP DOWN NAVIGATION
*/
#nav, #nav ul {
	float: left;
	width: 888px;
	height: 43px;
	list-style: none;
	line-height: 22px;
	background-color: #FFF;
	color: #FFF;
	padding: 0;
	margin: 0;
	z-index: 100;
}
#nav ul {
	background-color: #666666;
	margin: 0;	
	border-top: 1px solid white;
}
#nav li li {
	background: #737373;
	line-height: 22px;
	margin: 1px 0 0 0;
}
#nav a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#nav li li.menuparent  {
	background: #737373;
}
#nav li li.menuparent a:hover {
	background: #434343;
}
#nav li li.menuparent ul li a:hover {
	background-image: none;
	background-color: #434343;
}
#nav li {
	float: left;
	padding: 0;
	list-style: none;
}
#nav ul li a {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 193px;
	font-weight: normal;
}
#nav li li {
	width: 193px;
}
#nav li ul a {
}
#nav li ul ul {
	margin: -23px 0 0 193px !important;
	margin: -23px 0 0 193px ;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li li:hover, #nav li li.sfhover {
	background: #434343;
}
#nav li li a {
	padding-left:5px;
}
#nav li ul  {
	background-image: none;
}
#nav li ul ul {
	background-image: none;
	border-left: 1px solid #666666;
	border-top: 1px solid #737373;
}

/**
	TABLE DEFINITIONS CALENDAR
*/

table.calendar {
/*	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	border-collapse: collapse;
*/	
    width: 872px;
	margin: 10px 0 0 0;
}
.calendar tr {
	background-color: #FFF;
}

.calendar th, .calendar td {
	padding: 5px 20px 5px 0;
/*	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5; 
*/	
	text-align: left;
	font-size: 12px;
}
.calendar th {
	width: 130px;
}

.calendar th {
	font-weight: bold;
	vertical-align: top;
	background-color: #FFF;
	color: #434343;
}