@import url("./main.css");



body {

	margin: 0; padding: 0; 

	background: #000; 

	color: #FFF; 

	font-size: 12px; 

	font-family: 'Trebuchet MS', sans-serif; 

}

div { margin: 0; padding: 0; }

div#main {

	width: 75em; 

	width: 1048px; 

	margin: 0 auto 1em auto;

}

div#header {

	height: 430px;

	padding: 0;

	position: relative;

}

div#header strong {

	font-size: 16px;

}

div#header em  { font-size: 14px; }

div#header a {

	text-decoration: none; 

}

div#header div#service { float: right; margin-right: 1em; }

div#header div#logo {

	 padding: 0; 

	 float: left;

}

div#flags {

	margin: .2em .5em 0 0;

	padding: 0;

	text-align: right;

}

div#flags img { vertical-align: -2px; }



div#content {

	width: 80%;

	float: right;

}

div#content .inside {

	margin: 0;

	padding: 0 2em 1em 2em;

	min-height: 100%;

	width: 520px;

	float: left;

}

div#content .rightPanel {

	width: 220px;

	float: right;

}



div#content .inside ul { margin-left: 1.5em; }



div#sidebar {

	width: 20%; 

	float: left;

}

div#footer {

	line-height: 2.5em;

	padding: 0 .5em; 

	clear: both;

	font-size: 10px;

	color: #EFEFEF;

	background: #111;

}

div#footer a {

	color: #FFF; 

}

a { color: #FFFF99; }

a:hover { color: #666; }

div#sidebar a {

	color: #FFF; 

}

h1, h1 a {

	margin: 0 0 .5em 0;

	padding: .5em 0 0 0;

	font-size: 17px;

	font-size: 21px;

	color: #FFFF99;

	/*text-transform: uppercase;*/

}

h2, h2 a {

	margin: 1em 0 .5em 0;

	font-size: 15px; 

	color: #FFF;

}

h3, h3 a {

	font-size: 15px; 

}

h4, h4 a {

	font-size: 13px; 

}

p {

	margin-top: 0;

	margin-bottom: .5em;

	padding: 0;

}

ul { margin-top: 0; }

ul li { padding-top: .5em; }



div.divider { 

	width: 95%; 

	height: 20px;

	margin: 1em 0 0 0;

	padding: .2em 0;

	display: block;

}

fieldset {

	 width: 75%;

	 border: 0; 

	 padding: 1em; 

}

legend {

	 font-style: italic; 

	 font-weight: bold; 

	 font-size: 1em; 

	 background: #025774; 

	 color: #FFF; 

	 border: solid 1px #999; 

	 padding: 0 .4em 0 .4em; 

}

label { 

	float: left;

	width: 30%;

	text-align: right;

	margin: 4px 1em 0 0;

}

fieldset#submit {

	margin-top: 1em;

	padding: .5em;

	text-align: center;

}

fieldset#submit input {

	margin-top: .5em;

	padding: .2em .4em;

	text-align: center;

	/*background-color: #54BA01;*/

	/*border: solid 1px #137F00;*/

	/*color: #FFF;*/

	font-size: 100%;

	font-weight: bold;

}

input, select {

	margin-bottom: .5em;

	padding: .1em;

	/*border: solid 1px #000;*/

}

input.checkbox {

	width: 1em;

	margin-bottom: 0;

	padding: 0;

	border: none;

}

div.buttons {

	margin-top: 1em;

	float: right;

}

div.buttons input {

	 border: solid 1px #000;

	 background: #99CC66; 

	 color: #000;

}

img { margin: 0; padding: 0; border: 0; }

pre { font-size: 120%; }



.cleaner { display: none; clear: both; }

.clear { clear: both; }

.ref {

	float: left;

	margin: 0 2em 0 0; 

	padding: .3em;

	border: solid 1px #D1E5EF;

	background-color: #EFFAFF;

}



/* TOP MENU */

#header .menu { width: 100%; padding: 0; background: #000; position: absolute; bottom: 0; text-align: center }

#header .menu ul { margin: 0 auto; padding: 0; list-style-type: none; display: block; }

#header .menu li {

	margin: 0; padding: 0 5px;

	color: #FFF;

	float: left;

	text-align: center;

}

#header .menu li a, #header .menu li strong {

	margin: 0; padding: 0;

	color: #666;

	font-size: 15px;

	line-height: 30px;

	/*float: left;*/

	font-weight: bold;

}

#header .menu li strong { color: #FFF; }

#header .menu li a:hover { color: #FFF; }



/* SIDEBAR MENU */

#sidebar .menu { padding-top: .5em; }

#sidebar .menu ul {

	margin: 0 0 1em 0;

	padding: 0;

}

#sidebar .menu li {

	margin: 0; padding: 0 .5em;

	list-style-type: none;

	/*color: #FFF;*/

	color: #000;

	font-weight: bold;

	font-size: 15px;

}

#sidebar .menu li ul {

	margin: 0; padding: 0 0 0 1em;

}

#sidebar .menu li ul li {

	margin: 0; padding: 0;

}

#sidebar .menu li a {

	padding: 0 .5em;

	color: #000;

	font-weight: normal;

	text-decoration: none;

	line-height: 1.6em;

	display: block;

}

#sidebar .menu li strong {

	padding: 0 .5em;

	line-height: 1.6em;

	display: block;

}

#sidebar .menu li a:hover {

	color: #FFF !important;

	background-color: #426288;

	border-right: 0px solid #565656;

}



#sidebar .menu li:first-letter, #sidebar #menu li a:first-letter  { text-transform: uppercase; }



div.pages {

	margin: 0 .5em 0 0;

	padding: 0;

	color: #001333;

	dispaly: inline;

	font-style: italic;

}

div.pictureMenu {

	font-size: 95%;

	text-align: right;

	line-height: 2em;

	float: right;

}

div.pictures {

	min-height: 250px; _height: 250px;

}

div.pictures div.picture {

	margin: .75em 1.5em .75em 0;
	margin: .75em 1em .75em 0;

	padding: 0;

	text-align: center;

	display: inline;

	float: left;

	position: relative;

}

div.pictures ul {

	margin: 0 2em;

}

div.pictures div.picture a {
	text-decoration: none;
}
div.pictures div.picture a.img {
	/*display: block;
	min-height: 150px;*/
}

div.pictures div.picture .text {

	line-height: 30px; height: 30px; 

	display: block; 

	overflow: hidden; 

	position: absolute; bottom: 0; 

	text-align: center; 

}

div.pictures div.picture .image { display: table-cell; vertical-align: middle; padding: 0; }



div#thumb {

	margin: .5em 0 1em 0; padding: 0;

	text-align: center;

	border: solid 1px #000;

}

div#thumb img {

	margin: 0; padding: 0;

	border: 0;

}

/* Search */

div#search { 

	padding: 1em .5em 0 0;

	text-align: right;

}

div#search form { margin: 0; padding: 0;}

div#search fieldset { width: 100%; margin: 0; padding: 0; border: 0; text-align: right; }

div#search input { margin: 0; padding: 0;  font-size: .9em;}

div#search input#sbi { width: 10em; font-size: .9em; padding: 2px; }

div#search input#sbb { margin: 0; padding: 1px .5em; _padding: 0; }

div#search input#ss0, div#search input#ss1 { 

	width: 1em; 

	vertical-align: -20%; _vertical-align: -10%; 

	border: 0; 

	padding: 0;

	margin: 0;

}

div#search label { 

	float: none;

	margin: 0; padding: 0;

	color: #EFEFEF;

}

div#googleSearchUnitIframe { font: normal .8em 'Trebuchet MS' !important; height: 50px!important; overflow: hidden!important}



iframe {

  background-color: #ebebeb;

  border: #B5B6B5 2px solid;

  margin: 0;

}





em.annotation {

	display: block;

	margin-bottom: 1em;

}



.list { margin: 1em; padding: 0; width: 100%; }

.list ul { margin: 0; padding: .5em; background: #000; list-style-type: square; float: left;  width: 100%;}

.list ul li { padding: .5em; color: #CFCFCF; list-style-position: inside; }



#breadcrumbNav { margin: 1em 0 0  -.25em; font-size: 11px; }

#breadcrumbNav a,#breadcrumbNav strong { padding: 0 .25em; }



/* GBOOK */

div#gbook { margin: 1em 0; }

div#gbook div { padding: .5em 0; border-top: 1px solid #8C8C8C; }

/*div#gbook div span, div#gbook div span small { float: left; }*/

div#gbook div span.date { float: right; }

div#gbook div p { padding-top: .5em; clear: both; }



form#gbookForm label { width: 4em; text-align: left; }

form#gbookForm label.text { width: auto; }



/* BASIC CLASS */

.right { float: right; }



/* POLL */

.box { margin: .5em .5em; padding: 7px 10px; }

.box .title { margin: 0 0 .25em 0; padding: 0; font-size: 15px; }

.box .title a { text-decoration: none; }

.box a { color: #FFFF99!important; }

.box a:hover { color: #666!important; }



.box.poll span { display: block; }

.box.poll .voted { margin: 0; padding: 1em 0 0 0; clear: both; }

.box.poll form { margin: 0; padding: 5px 0; clear: both; }

.box.poll form label { float: left; width: auto; }

.box.poll form input { float: left; margin: 6px 3px 0 0; }

.box.poll form input.button { float: right; margin-top: 0; }

.box.poll form p { margin: 0; padding: 0; }

.box.poll form .submit { padding-top: .5em; clear: both; float: none; }

.box.poll ul { margin: 0; padding: 0; list-style-type: none; }

.box.poll ul li { clear: both; }

.box.poll ul li .label { float: left; }

.box.poll ul li .cover { float: right; width: 72%; color: #FFF; }

.box.poll ul li .cover .graph { padding: 0 2px; }


.box.articles { margin-bottom: 1.5em; }
.box.articles ul { margin: 0 0 1em 0; padding: 0; list-style-type: none; border-top: 1px solid #FFFF99; }

.box.articles ul li { margin: .5em 0 0 0; padding: .5em 0 0 0; clear: both; /*border-top: 1px solid #8C8C8C;*/ }

.box.articles ul li div { margin: 0; padding:0 }



.box.gallery ul { list-style-type: none; border-top: 1px solid #FFFF99; }

.box.gallery ul li { padding-top: 1em; /*border-top: 1px solid #8C8C8C; */ }

.box.gallery ul li .name { margin-bottom: .5em; }

.box.gallery ul li img { margin-right: 3px; }



/* RESULT MSG */

div#result {

	 width: 30em;

	 margin: .2em auto; 

	 padding: .3em 1em .3em .3em;

	 background-color: #FFF; 

	 font-size: 110%;

	 font-weight: bold;

}

div#result.success {

	 border: solid 2px #54BA01;

	 color: #54BA01;

}

div#result.fail {

	 border: solid 2px #CF4141;

	 color: #CF4141;

}

div#result img {

	float: left;

	margin: 0 1em 0 0; 

}

div#result p {

	margin: .3em 0; 

	padding: 0;

}



