@import url('../css/r.css');
@import url('../css/nav.css');
@import url('../css/lightbox.css');


/*MAIN BLOCKS --------------------------------------------*/


body {
background-color: #CCCCCC;
background:  url(../img/background.jpg) repeat-x fixed;
background-color: white;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
color: #005398;
font-size: 0.9em;
}

div#container {
max-width: 987px;
min-width: 769px;
background:   url(../img/container.jpg) no-repeat bottom;
min-height: 785px;
margin: 3px auto 0 auto;
background-color: white;
border: 1px solid navy;
position: relative;
}

div#header {
min-height: 279px;
background:  url(../img/header.jpg) no-repeat left;
position: relative;
}



div#content {
overflow: auto;
padding: 0 25px 25px 25px;
width: 630px;
margin: 0 auto 2.5em auto;
/*background-color: green;*/
background: url(../img/80.png);
background: right repeat-y url(../img/content2.png);
line-height: 1.4em;
border-left: 1px solid #E6EEF5;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

div#footer {
    position: absolute;
    bottom: 0;
	width: 100%;
	text-align: center;
	height: 2em;
}

div#footer p {

}

div#footer ol {
margin-top: 7px;
background: url(../img/content.png);
background-color: #E6EEF5;
}

div#footer ol li {
	display: inline;
	padding: 0.5em;
	}
	
div#content div+div {
width: 304px;
padding: 5px 0 0 10px;
border-left: 1px dotted #E6EEF5;
float: left;
}

div#content h1+div img, div#content div+div img {
margin: 5px auto;
display: block;
}

div#content h1+div {
width: 305px;
padding: 5px 10px 0 0;
float: left;
color: #005398;
}

/*TEXT ELEMENTS------------------------------------------------------*/


a:visited {
color: #005398;
}

div#content h1, div#content h2 {
font-family: Georgia;
text-align: center;
padding: 10px;
font-style: italic;
background: url(../img/divider.png) no-repeat 50% bottom;
}

h1 {
font-size: x-large;
}

h2 {
font-size: large;
}

p {
margin: 0.5em 0;
}
div#content div p {
margin: 0 0 0.5em 0;
}
div.contact {
text-align: center;
}

div.contact strong {
display: block;
margin: 5px;
font-size:large;
}

div.contact p {
border: 1px dotted #6699CC;
background-color: #E6EEF5;
}

div#header h1 {
width: 460px;
height: 145px;
display: block;
padding: 0;
margin: 0;
text-indent: -9000px;
}

div#header h1 a {
display: block;
height:145px;
}

div#content ul {
list-style-position: inside;
list-style-image: url(../img/bullet-trans.png);
list-style-type: circle;
/*margin-bottom: 10px;*/
}


/*TABLES-------------------------------------------------------*/

table { 
border-collapse: collapse;
border-spacing: 0px;
display: table;
width: 100%;
}


th
{ 
border-bottom: 1px dotted #6699CC;
text-align: center;
vertical-align:middle;
padding: 5px;
}


td
{ border-bottom: 1px dotted #6699CC;
background-color: white;
text-align: left;
padding: 5px;
vertical-align:middle;
}

td+td { 
border-left: 1px dotted #CEDCEA;
text-align: center;
 }
 
/*NAVIGATION-------------------------------------------------*/
 


/*OTHER---------------------------------------------*/
iframe {
margin: 10px auto 0 auto;
display: block;
width: 600px;
height: 350px;
border: 0;
}

iframe a {
text-align: left;
}

/*GALLERY------------------------------------------------*/

div.gallery {
padding-top: 25px;
text-align: center;
background:  url(../img/clickimage.png) no-repeat 50% 9px;
vertical-align: middle;
margin: 0 auto;
}

div.gallery img {
border: 1px solid #005398;
margin-top: 10px;
}

div#bread {
	padding: 0 50px;
	font-size: small;
	background-color:#EEEEEE;
	margin: 0;
	border: 1px dotted #005398;
	border-width: 1px 0;
	background:  url(../img/background.jpg) repeat-x 0 70%;
	overflow:auto;
	}

div#bread ul {
	/*position: absolute;*/
	padding: 5px 5px 7px 5px;
	background-color: #E6EEF5;
	border: 1px dotted #6699CC;
	border-width: 0 1px;
	float: left;
	} 

div#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	/*overflow: auto;*/
	}
	
dvi#bread ul li:before {
	/*content:"\0020 \0020 \0020 \00BB \0020";*/
	content:"\00BB \0020";
	color: #25C02F;
	font-weight: bold;
	}
	
div#bread ul li:first-child:before {
	content:" ";
	}

div#bread ul+ul {
float: right;
right: 0;
background-color: #A4D6FF;
}	

a:hover{
text-decoration: none;
}

div#bread ul+ul li:before {
	content:"| \0020";
	color: black;
	font-weight: normal;
	}
	
div#bread ul+ul li:first-child:before {
	content:" ";
	}
	
sup {
font-size: x-small;
vertical-align: super;
}

div#content ul ul {
margin-bottom: 0;
text-indent: 2em;
}

div#container + div {
text-align: center;
margin: 5px 0 0 0;
}