/* XHTML CSS */
/* Main file */
/*************/

/* GLOBAL STUFF */
/****************/
body {
 background-color: #425065;
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: left;
 vertical-align: top;
}

form {
	margin: 0;
}

a:link,
a:visited,
a:active {color:#888888; text-decoration: none;}
a:hover {color: #FFFFFF; text-decoration: none;}

.main {
 color: #FFFFFF;
 font-size: 10px;
}

.title {
 color: #FFFFFF;
 font-size: 12px;
 font-weight: bold;
}


/* MAIN DIV */
/************/
div#centered {
	/*width: 814px;*/
	width: 900px;
	margin: 0 auto;
}


/* HEADER */
/**********/
div#header {
 /*width: 812px;*/
 width: 900px;
 background-color: #516777;
 color: #FFFFFF;
 text-align: left;
 /*border: 1px solid #000000;*/
}


/* LANGUAGE BOX */
/****************/
a.lg_box:link,
a.lg_box:visited,
a.lg_box:active {color:#FFFFFF; text-decoration: none;}
a.lg_box:hover {color: #AAAAAB; text-decoration: none;}

div.lg_box {
 background-color: #516777;
 color: #FFFFFF;
 font-size: 10px;
 font-weight: bold;
 text-align: right;
 line-height: 10px;
 vertical-align: middle;
 padding: 5px;
}


/* MENU */
/********/
.menu {
 background-color: #2D3B50;
 color: #FFFFFF;
}

div.menu {
 /*width: 128px;*/
 /*width: 118px;*/
 width: 140px;
 background-color: #425065;
 /*min-height: 333px;*/
 min-height: 345px;
 line-height: 20px;
 /*padding: 5px 10px 5px 10px;*/
 /*border: 1px solid #000000;*/
 overflow: visible;
}

td.menu {
 /*width: 128px;*/
 /*width: 118px;*/
 padding: 5px 10px 5px 10px;
 border: 1px solid #000000;
}

a.menu:link,
a.menu:visited,
a.menu:active {color:#FFFFFF; text-decoration: none;}
a.menu:hover {color: #888888; text-decoration: none;}

.menu_selected {
 background-color: #18263B;
 color: #888888;
}

td.menu_selected {
 width: 118px;
 padding: 5px 10px 5px 10px;
 border: 1px solid #000000;
 background-color: #18263B;
 color: #888888;
}

a.menu_selected:link,
a.menu_selected:visited,
a.menu_selected:active,
a.menu_selected:hover {color: #FFFFFF; text-decoration: none; font-weight: bold;}


/* CONTENT */
/***********/
.content {
 background-color: #18263B;
}

div.content {
 /*width: 454px;*/
 width: 538px;
 min-height: 406px;
 padding: 10px;
 border: 1px solid #000000;
 float: left;
 overflow: visible;
}


/* BLOG */
/********/
.blog_site_navigator{
 color: #FFFFFF;
 text-align: right;
}

a.blog_site_navigator:link,
a.blog_site_navigator:visited,
a.blog_site_navigator:active {color: #888888; text-decoration: none;}
a.blog_site_navigator:hover {color: #FFFFFF; text-decoration: none;}

.blog_site_navigator_selected{
	color: #FFFFFF;
}


/* GALLERY */
/***********/
.gallery_site_navigator{
 color: #FFFFFF;
 text-align: right;
}

a.gallery_site_navigator:link,
a.gallery_site_navigator:visited,
a.gallery_site_navigator:active {color: #888888; text-decoration: none;}
a.gallery_site_navigator:hover {color: #FFFFFF; text-decoration: none;}

.gallery_site_navigator_selected{
	color: #FFFFFF;
}

.pic_list{
	margin: 0 5px 5px 5px;
	float: left;
}

.pic_navigator{
	background-color: #999999;
	color: #999999;
	margin: 5px;
}

.pic_navigator_img{
 	vertical-align: middle;
 	border: 1px solid #000000;
}

/* SITEMAP */
/***********/
.sitemap {
	line-height: 15px;
}

td.sitemap {
	padding: 2px 10px 9px 10px;
	border-top: 1px dotted #FFFFFF;
}

a.sitemap:link,
a.sitemap:visited,
a.sitemap:active {color:#FFFFFF; text-decoration: none;}
a.sitemap:hover {color:#888888; text-decoration: none;}


/* GUESTBOOK */
/*************/
.gb_header{
 color: #FFFFFF;
 font-weight: bold;
 font-size: 10px;
}

a.gb_header:link,
a.gb_header:visited,
a.gb_header:active {font-size: 10px; font-weight: bold; color:#FFFFFF; text-decoration: none;}
a.gb_header:hover {font-size: 10px; font-weight: bold; color: #888888; text-decoration: none;}

.guestbook {
 background-color: #2D3B50;
 color: #FFFFFF;
 font-size: 12px;
 vertical-align: top;
}

.gb_site_navigator{
 color: #FFFFFF;
 text-align: right;
}

a.gb_site_navigator:link,
a.gb_site_navigator:visited,
a.gb_site_navigator:active {color: #888888; text-decoration: none;}
a.gb_site_navigator:hover {color: #FFFFFF; text-decoration: none;}

.gb_site_navigator_selected{
	color: #FFFFFF;
}

input.gb{
 background-color: #425065;
 color: #FFFFFF;
 font-size: 10px;
 padding: 3px 5px 3px 5px;
 border: 1px solid #000000;
}

textarea.gb{
 background-color: #425065;
 color: #FFFFFF;
 font-size: 12px;
 padding: 3px 5px 3px 5px;
 border: 1px solid #000000;
}

input.gb_button{
 background-color: #425065;
 color: #FFFFFF;
 font-size: 10px;
 padding: 3px 5px 3px 5px;
 border: 1px solid #000000;
}


/* NEWSLETTER */
/**************/
input.nl{
 background-color: #425065;
 color: #FFFFFF;
 font-size: 10px;
 padding: 3px 5px 3px 5px;
 border: 1px solid #000000;
}

input.nl_button{
 background-color: #425065;
 color: #FFFFFF;
 font-size: 10px;
 padding: 3px 5px 3px 5px;
 border: 1px solid #000000;
}


/* BOX */
/*******/
div.box {
 width: 138px;
 min-height: 406px;
 background-color: #2D3B50;
 padding: 10px;
 border: 1px solid #000000;
 float: left;
 overflow: visible;
}


/* SPACER */
/*********/
div.spacer_h {width: 814px; height: 20px; clear: both;}
div.spacer14l {width: 20px; height: 20px; float: left;}
div.spacer_search {width: 20px; height: 20px; clear: both;}


/* FOOTER */
/**********/
div#footer {
 width: 900px;
 height: 1px;
 line-height: 1px;
 display: none;
 border: 1px solid #000000;
}

a.credits:link,
a.credits:visited,
a.credits:active {color:#888888; text-decoration: none;}
a.credits:hover {color: #FFFFFF; text-decoration: none;}


/* SEARCH */
/**********/
.search_results_title {
 font-size: 10px;
 font-weight: bold;
}

.search_results {
 font-size: 10px;
}

.search {
 background-color: #2D3B50;
 color: #FFFFFF;
 font-size: 10px;
}

div.search {
 /*width: 128px;*/
 width: 118px;
 border: 1px solid #000000;
 padding: 5px 10px 5px 10px;
 overflow: hidden;
}

input.search{
 background-color: #18263B;
 font-size: 10px;
 padding: 2px;
 border: 1px solid #000000;
}

input.search_button{
 background-color: #18263B;
 color: #FFFFFF;
 font-size: 10px;
 border: 1px solid #000000;
}


/* LOGIN */
/*********/
input.login{
 background-color: #CCCCCC;
 font-size: 10px;
 border: 1px solid #000000;
}

input.login_button{
 background-color: #CCCCCC;
 font-size: 10px;
 border: 1px solid #000000;
}


/* ERRORS */
/**********/
.update_error {
 color: #FF0000;
 font-size: 10px;
 font-style: normal;
 font-weight: bold;
}

.update_ok {
 color: #006600;
 font-size: 10px;
 font-style: normal;
 font-weight: bold;
}

.update_error_small {
 color: #FF0000;
 font-size: 10px;
 font-style: italic;
}

.update_ok_small {
 color: #006600;
 font-size: 10px;
 font-style: italic;
}