@charset "UTF-8";
/* CSS Document */

body {
	margin:0px;
	padding:5px;
	/* background:#253c71 url('images/bg_gradient.jpg') top left repeat-x; */
	background:#0B2145 url('images/bg_gradient2.jpg') top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}


.navigation {
	width:150px;
	position:absolute;
	top:10px;
	left:10px;
	z-index:45;
}

#logo {
	margin-bottom:0px;	
	margin-left:-8px;
}

.navigation ul {
	margin:0px;
	padding:0px;
}

.navigation li {
	list-style:none;
	margin:1px 0px;
	padding:0px;
	/*border:1px solid #003;*/
	background:#929cb1 url('images/nav_gradient.jpg') top left repeat-y;
	
}

.navigation li a {
	text-decoration:none;
	color:#000;
	display:block;
	padding:3px;
	outline:none;
}
.navigation li a:hover {
	text-decoration:none;
	color:#006;
	background:#c7cbd3;
	outline:none;
	
}

 .menuDetails {
	padding:2px 0px 2px 8px;
	display:none;
}

.navigation .menuDetails a {
	display:block;
	color:#333333;
	font-size:small;
}
.navigation  a.selected, .navigation a.selected:hover {
	text-decoration:none;
	color:#DDD;
	/* background:#F5F5F5 top left repeat-y; */
	background: #0B2145; 
	width:158px;
	margin-left:-4px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	/*border-left:1px solid #222;
	border-top:1px solid #222;
	border-bottom:1px solid #222;*/
	
}
.navigation div.menuDetails a.selected {
	background:none;
	margin-left:0px;
	color:#000;	
}
body .menuDetails .selected, .menuDetails .selected:hover {
	width:150px;
	color:#DDD;
}
#main {
	position:absolute;
	left:170px;
	top:5px;
	padding:5px;
	/* background:#F5F5F5;*/
	background: #0B2145;
	/*border:1px solid #222; */
}
#swf {
	overflow:auto;
}

#contact {
   color: #EEE;
   font-size:13px;
}
#contact h1 {
 color:#CCC;
 font-size:22px;	
}

#contact h3{
	color:#BBB;
	margin-top:20px;
	margin-bottom:4px;
	padding:0px;
	font-size:14px;	
}
#contact fieldset {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#contact fieldset legend {
  color:#FFF;
  font-size:16px;	
}
.article {
		clear:both;
	
		border-bottom:3px dotted #BBBBBB;
		background: #f6f6f6;
		padding:10px 5px;

		color:#444;
	}
	.article .title{
		font-size:18px;
		color:#333;
		
	}
	
	.article .text{
		
	}
	.article .mainImg {
		margin:0px 5px 5px 0px;
		border:none;
		}
	.article .created {
		font-size:10px;
		font-style:italic;
		float:right;
		border-bottom:1px dashed #cccccc;
		padding-left:10px;
	}
	 
	.login {
		width:350px;
		margin-left:auto;
		margin-right:auto;
		margin-top:50px;
		background:#999;
		padding:10px;
		border:1px solid #777;
		text-align:right;
	}
	.login .loginText {
		width:240px;
		border:1px solid #333;
		padding:3px 2px;
	}
.slideshow {
	text-align:center;
}

.slideshow a, .slideshow {
	outline:none;
	padding-left:10px;
	padding-right:10px;
	
	
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #30414F;
	line-height:18px;
	letter-spacing:.2em;
	text-decoration:none;
	
}
.slideshow a:hover {
	color:#003333;
}

.slideshow2 {
	text-align:center;
}

.slideshow2 a, .slideshow2 {
	outline:none;
	padding-left:10px;
	padding-right:10px;
	
	
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #30414F;
	line-height:18px;
	text-decoration:none;
	font-weight:normal;
	
}
.slideshow2 a:hover {
	color:#003333;
}
	
.galleryTray {
	height:130px;
	width:800px;
	overflow:auto;
	white-space:nowrap;
}	
.galleryTray a {
		margin:0px 5px;
		padding:1px;
		outline: none;
}

.gallerySelected {
	border:2px solid #ff0000;
	outline:none;
}
.galleryUnselected {
	border:2px solid #DEDDD9;
	outline:none;
}
ul.files {
	margin:0 auto;
	width:330px;
	padding:0px;	
	list-style:none;
}
ul.files li {
	width:300px;
	float:left;
	border:1px solid #009;
	background:#06C;
	margin:10px;
	padding:15px 5px;
	font-size:16px;
	color:#FFF;
}

ul.files li a,ul.files li a:visited  {
	color:#FFF;
	font-size:16px;	
	text-align:center;
	display:block;
}
