body{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1em;
}
tr, p, div {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	color: #0d0d0d;
  	font-size: 1em;
}

/*#################### Offline  ####################*/

.offline {background:#999;padding: 0 10px;}
/*#################### MENU STYLING  ####################*/
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: .65em;
	font-weight: bold;
	color: #fc0;
	text-align: center;
	padding-top: 5px;
	margin:3px 0;
	height: 15px !important;
	height: 20px;
	width: 160px;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -20px;
	text-decoration: none;
	color: #00c;
}

a.mainlevel#active_menu {
	color:#00c;
	font-weight: bold;
	background-position: 0px -20px;
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}

a.sublevel:hover {
	color: #00c;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

/*################## CONTENT STUFF ###################*/
#header {
	float: left;
	padding: 0px;
	margin:0 2px;
	width: 900px;
	height: 105px;
	background: url(../images/headerphotos.jpg) no-repeat;
}

.content {
	padding: 5px;
}
.contentpane {
	padding:5px;
	font-size: .8em;
	line-height:1.1em;
}
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color: #999;
 }
.smalldark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em; 
	font-weight:  bold; 
 }
 .sectiontableentry1 {
background-color:  #fff; 
 }
.sectiontableentry2 {
background-color:  #ccc; 
}
.button {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size: .8em; 
 color:  #333; 
 border-width:  1px; 
 border-style:  solid; 
 border-color:  #000; 
 }
 .createdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em; 
	color: #999;
 }
.modifydate {
font-size: .8em; 
color: #999;
 }
a.readon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
}
a.readon:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-decoration: underline;
	color: #00c;
}
.contentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #006;
	font-weight: bold;
}
a.contentpagetitle {
	color: #006;
}
.componentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #006;
	font-weight: bold;
}
.sectiontableheader {
	background-color: #ccc;
    font-weight: bold;
  	color: #fff;
	text-align: left;
	border-bottom: 1px solid #333;
	padding:1px;
}
.categorytitle 
{
font-family:Verdana,Helvetica,Arial,sans-serif; 
 font-size:.8em; 
 }
 a.category {

 }
a.category:hover {

text-decoration:  underline; 
 }
/*################## LINKS  ###################*/
a {
color:  #666; 
 text-decoration:  none; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
color:  #00c; 
 text-decoration:  underline; 
 }

/*################## MAIN MENU  ###################*/
a.mainlevel {

 }
a.mainlevel:hover {

 }
a.sublevel {
; 
 }
a.sublevel:hover {

 }
.inputbox {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:.8em; 
 border-width:  1px; 
 border-style:  solid; 
 border-color:  #000;
 width:80px;
 }
/*################## TABS ####################*/
.ontab {

	color:  #fff; 
	background-color:  #7F7F7F; 
 }
.offtab {

	background-color:  #ccc; 
	border-width:  1px; 
	border-style:  solid; 
 }
 /*###########################  MODULES ##############################*/
table.moduletable {

width:  100%;
margin:2px;
width:98%;	
 }
table.moduletable th  {

	color: #fff;
	background-color:#ccc;
	}




.back_button {
	margin-top:10px;
}


.moduletablelogin {
	border:1px solid #333;
	padding:3px;
	background-color: #fc0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	color: #333;
  	font-size: .8em;
}

/*##################  TABLE OF CONTENTS ###################*/
.contenttoc{
	border:1px solid #333;
	margin:3px;
	background-color: #ccc;
	font-weight: bold;
}
a.toclink{
	color: #fff;
}
.contenttoc td{
	padding:3px;
}
.contenttoc th{
	padding:3px;
}
/*################## DONT ASK ME ###################*/
/*###################### TEMPLATE SPECIFIC #########################*/

#infoline { width:900px; 


}

#sitename{
	margin:0 0 0 30px;
	width:350px;
	float:left;


}
#sitename p {
	color:#ff0;
	font-size:1em;
	margin: 2px 5px;
}
#sitename p span {
	color:#00f;
	font-size:.8em;
}

.locationpath {
	width:200px;
	position:relative;
	float:left;

}
.locationpath p {
	margin: 5px 0;
	font-size:.7em;
}

#searchbox {
	position:relative;
	float:right;
	align:right;
	margin: 3px 0;
	width:100px;
}

.footer{font-size:6pt}

/*################## PAGES ###################*/

.contentpaneopenhome{
	background: url(../../../images/stories/pages/home_bg.jpg) no-repeat bottom left;
	}
.contentpaneopentravel{
	background: url(../../../images/stories/pages/travelmap.gif) no-repeat bottom left;
	}
.contentpaneopenexplore{
	background: url(../../../images/stories/pages/statue.jpg) no-repeat top left;
	}
.contentpaneopencap{
	background: url(../../../images/stories/pages/bg_pythagorion.jpg) no-repeat top right;
	}
.contentpaneopenmarina{
	background: url(../../../images/stories/pages/bg_marina.jpg) no-repeat top left;
	}
.contentpaneopenhar{
	background: url(../../../images/stories/pages/poolmagic.jpg) no-repeat bottom right;
	}
.contentpaneopennas{
	background: url(../../../images/stories/pages/nightlifemagic.jpg) no-repeat top left;
	}
.contentpaneopenhac{
	background: url(../../../images/stories/pages/heramagic.jpg) no-repeat bottom left;
	}
.contentpaneopeniav{
	background: url(../../../images/stories/pages/samosmagic.jpg) no-repeat top left;
	}
.contentpaneopenhii{
	background: url(../../../images/stories/pages/ireonmagic.jpg) no-repeat bottom right;
	}
.contentpaneopenbaw{
	background: url(../../../images/stories/pages/surfermagic.jpg) no-repeat top right;
	}
.contentpaneopendiving{
	background: url(../../../images/stories/pages/divingmagic.jpg) no-repeat bottom right;
	}
.contentpaneopenrc{
	background: url(../../../images/stories/pages/climbermagic.jpg) no-repeat top left;
	}
.contentpaneopenwab{
	background: url(../../../images/stories/pages/walkmagic.jpg) no-repeat bottom left;
	}
.contentpaneopencam{
	background: url(../../../images/stories/pages/cavemagic.jpg) no-repeat top right;
	}
.contentpaneopenmoto{
	background: url(../../../images/stories/pages/quadmagic.jpg) no-repeat bottom right;
	}
.contentpaneopeninfo{
	background: url(../../../images/stories/pages/logomunicipality.gif) no-repeat bottom left;
	}
.contentpaneopenhome h1, .contentpaneopentravel h1, .contentpaneopenexplore h1, .contentpaneopenexcursions h1, .contentpaneopencap h1, .contentpaneopenmarina h1, .contentpaneopenhar h1, .contentpaneopennas h1, .contentpaneopenhac h1, .contentpaneopeniav h1, .contentpaneopenhii h1, .contentpaneopenbaw h1, .contentpaneopendiving h1, .contentpaneopenrc h1, .contentpaneopenwab h1, .contentpaneopencam h1, .contentpaneopenmoto h1, .contentpaneopeninfo h1{
	padding:0;margin:0;
	font-size:1.3em;
	color:#006
}
.contentpaneopenexplore h2 {
	font-size:1.2em;
	color:#006
	}

.contentpaneopenhome h2{
	font-size: .8em;
	font-style:italic;
	color:#f00;}
.contentpaneopentravel h2, .contentpaneopentravel h3, .contentpaneopenexcursions h2, .contentpaneopenmarina h2, .contentpaneopenhar h2, .contentpaneopennas h2, .contentpaneopenhac h2, .contentpaneopenhac h3, .contentpaneopeniav h2, .contentpaneopenhii h2, .contentpaneopenbaw h2, .contentpaneopendiving h2, .contentpaneopenrc h2, .contentpaneopenwab h2, .contentpaneopencam h2, .contentpaneopenmoto h2, .contentpaneopeninfo h2,.contentpaneopeninfo h3, .contentpaneopenhii h3{
	padding:5;
	margin:0;
	font-size:1em;
	color:#006;
}
.contentpaneopenexplore h3, .contentpaneopenhac h3  {
	padding:5;
	margin:0;
	font-size:1.1em;
	color:#f00;
}
.contentpaneopenhome p{
	font-size: 1.2em;
	line-height:1.1em;
	position:relative;
	padding:0;margin:0;
	color:#f00;
}
.contentpaneopentravel p, .contentpaneopenexplore p, .contentpaneopenexcursions p, .contentpaneopenmarina p, .contentpaneopenhar p, .contentpaneopennas p, .contentpaneopenhac p, .contentpaneopeniav p, .contentpaneopenhii p, .contentpaneopenbaw p, .contentpaneopendiving p, .contentpaneopenrc p, .contentpaneopenwab p, .contentpaneopencam p, .contentpaneopenmoto p, .contentpaneopeninfo p{
	font-size: .8em;
	line-height:1.1em;
}


.contentpaneopentravel a, .contentpaneopenexcursions a, .contentpaneopenmarina a, .contentpaneopenhar a, .contentpaneopennas a, .contentpaneopenhac a, .contentpaneopeniav a, .contentpaneopenhii a, .contentpaneopenbaw a, .contentpaneopendiving a, .contentpaneopenrc a, .contentpaneopenwab a, .contentpaneopencam a, .contentpaneopenmoto a, .contentpaneopeninfo a{	
	color:#c00;
	font-size: 1em;
	line-height:1.4em;}

.contentpaneopenhii ul{color:#006}
.contentpaneopenhii li{font-size:.8em;color:#0d0d0d;margin-left:5px}