@charset "UTF-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #505050;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #006;
	background-image:url('../img/body_bg_dark.gif');
	
}

h1.site_header1 {
	position:absolute;
	left:-6000px;
	z-index:10;
}

.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px none #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #DDDDDD;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top: 15px;
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	padding-top: 2px;
	text-align:center;
	/* background-color:#006; */
	background-color:transparent;
	background-image:url('../img/foot_bg.jpg');
	background-repeat:repeat-x;
	color:#ff0;
	font-size:14px;
	height:32px;
}

.oneColFixCtrHdr #footer hr {
	border:none;
	width:100%;
	height:1px;
	background-color:#ff0;
} 

.oneColFixCtrHdr #footer p {
	padding: 0px;
	font-size:8pt;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border:none;
	color:#ff0;
}

.oneColFixCtrHdr #footer a {
	
	font-size:8pt;
	color:#ff0;
	text-decoration:underline;
}

td#search_form {
	width:121px;
	text-align:center;
	vertical-align:middle;
	margin:0px;
	padding:0px;
}

td#search_form form {
	display:inline;
	margin:0px;
	padding:0px;
	width:100px;
	}

td#search_form form input{
	font-size:10px;
	padding:0px;
	margin:0px;
	border:1px solid black;
	display:inline;
	width:108px;
	height:12px;
	color:#999;
}


.nav_path a{
	margin:2px;
	margin-right:4px;
	margin-left:4px;
	}


.paging div{
	display:inline;
	}


/***************
 * Common tags
 ***************/

b {}

i {}

a {	 color:#03f; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }

h1 { font-size:16pt; color:#039; line-height:1; margin:2px; margin-bottom:15px;}
	
h2 { font-size:14pt; color:#fc0; line-height:1; margin:2px; font-weight:normal;}

h3 { font-size:12pt; color:#03f; line-height:1;}

h4 { font-size:10pt; color:#777; line-height:1;}

h5 { font-size:9pt; color:#fc0; line-height:1;}

h6 { font-size:8pt; color:#777; line-height:1;}

p { font-size:12px; color: #000 }

span {}

div {}

table {border:none; border-collapse:collapse;border-spacing:0; }
table td { border:none;  }

img { margin:0px; }

hr { border:none; height:1px; background-color:#777; width:95%;}

/*****************
 * Common used blocks
 *****************/
p.error {
	color:red;
	background-color:white;
	} 


p.error span {
	color:red;
	background-color:white;
	} 

img.logo {
	border:none;
	margin:10px;
	float:left;
	width:100px;
	}


.random {
	text-align:center;	
}

.random img {
	width:100px;
	margin:auto;
	display:block;	
}

a.archivelink {
	font-weight:bold;
	color:#777;	
}

div.lastnews h3 {
	color:#777;
	font-weight:bold;
	font-family:sans-serif,verdana;	
}

div.lastnews_item{
	font-size:12px;
	color:#777;
	font-family:sans-serif;
	margin-bottom:8px;	
}


/** Last galleries **/
div.lastgalleries h3 {
	color:#777;
	margin-bottom:10px;
}
div.lastgalleries div.gallery_item {
	vertical-align:top;
	margin-bottom:5px;
	min-height:5px;
}

div.lastgalleries div.gallery_item img{
	float:left;
	height:30px;
	margin:3px;	
}


/** Highlights **/

div.highlights_container{
	padding:10px;
	padding-top:10px;
	overflow:hidden;
	height:230px;
}

div.highlights_container ul {
	list-style:none;
	padding:0px;
}

div.highlights_container ul li{
}

div.highlights_item{
	font-size:10px;
	color:#777;
	font-family:sans-serif;
	margin-bottom:8px;	
}

div.highlights_item a {
	
}

div.highlights_item a.title {
	font-size:11px;
	margin-bottom:1px;
}

div.highlights_item p {
	margin-top:0px;
	margin-bottom:2px; 
	font-size:9px;
	}

div.user_item {
	margin-bottom:3px;
}


div.user_item img {
	width:32px;
	float:left;
}


/* Class for related items pro* */
div.related div {
	margin-bottom:15px;
}

div.related img{
	float:left;
	width:60px;
	margin-right:4px;
}

div.related small{
	color:#777;
}

/* BOX */

div.box_elem {
	padding:5px;
	overflow:hidden;
	height:160px;
	font-size:1em;
}

div.box_elem h1 {
	font-family: arial;
	max-width:150px;
	font-size:0.9em;
	display:block;
	height:2.1em;
	margin-bottom:2px;
}

div.box_elem div {
	text-align:center;
	padding:0px;
	margin:0px;
	font-size:1em;
}

div.box_elem a {
	font-size:1em;
	margin:0px;
	padding:0px;
}

div.box_elem p {
	font-family: arial; /*verdana,arial,helvetica;*/
	font-size:0.7em;
	text-align:left;
	margin-top:3px;
	display:block;
	line-height:1.1em;
	text-align:left;
	padding:1px 2px 2px 2px;
	
}

div.box_elem img {
	height:50px;
	margin:0px;	
}


/**
 * 
 */
 #global_video_container {
 		background-color:black;
 		z-index:8;
 		position:absolute;
 }
 
 #global_video_data {
	 	height:250px;
	 	background-color:black;
 }
 
 #global_video_player {
		width:400px;
		height:280px;
		background-color:white;
		border: 1px solid black;
		vertical-align:top;
		padding:0px;
		position:absolute;
		z-index:10;
		top:300px;
}	

#global_video_player #box_ctrl {
			width:100%;
			height:20px;
			background-color:black;
			color:white;
			text-align:right;
		}

#global_video_player #box_ctrl a{
			color:white;
			text-decoration:none;
			font-size:12px;
			font-weight:bold;
		}

/******************
 * Common layouts
 ******************/
 
 .clearfloat {
	clear:both;
	height:0;
	line-height:0px;
}
 
 div.floatleftimg {
 	float:left;
 }
 
 
 div.twoColContainer {
  	text-align:left;
 }
 
 div.twoColContext {
  	float:left;
 	width:200px;
 	border:none;
 	border-right:1px solid #777;
 	margin-right:5px;
 }
 
 div.twoColContent {
 	margin: 0 5px 0 210px;
 	text-align:justify;
 }
 
 div.twoColRightContext {
  	float:right;
 	width:200px;
 	border:none;
 	border-left:1px solid #777;
 	margin-right:0px;
 	padding-left:5px;
 }
 
 div.twoColRightContent {
 	margin: 0 210px 0 0px;
 	padding-left:5px;
 }


div.threeColContainer {
  border:none;
  text-align:left;
  vertical-align:top;
}

div.threeColLeft {
  /*border:1px solid red;*/
  float:left;
  width:200px;
  vertical-align:top;
}
  
div.threeColCenter {
  /*border:1px solid blue;*/
  margin-left:210px;
  margin-right:210px;
  vertical-align:top;
}

div.threeColRight {
  /*border:1px solid green;*/
  float:right;
  width:200px;
}

div.threeColHeader {
  /*border:1px solid Violet;*/
  width:100%;
}

div.threeColFooter {
  /*border:1px solid orange;*/
  width:100%;
}


/**
 * Frontpage Syle 
 */
div#frontpage_stripe {
	height:250px;
	width:740px;
	border:none;
	padding:0px;
	background-color:white;
}

div#frontpage_stripe div#text_version {
	height:250px;
	width:740px;
	border:none;
	padding:0px;
	margin:0px;
	display:none;
	background-color:white;
}
div#frontpage_stripe div#flash_version {
	height:250px;
	width:740px;
	border:none;
	padding:0px;
	margin:0px;
	display:block;
}



 div#frontpage_extras {
 	margin-top:10px;
 	padding-top:0px;
 	padding-left:0px;
 }
 
 div#frontpage_extras table {
	
 }
 
 div#frontpage_extras td {
 	padding:0px;
 	vertical-align:top;
 	background-repeat:no-repeat;
 }
 

 /** Flash messages **/
 
  #successMessage {
 	border:1px dashed green;
 	background-color:#bfb;
 	color:green;
 	font-weight:bold;
 	margin:3px;
 	padding:3px;
 }
 
 #warningMessage {
 	border:1px dashed #864;
 	background-color:#ffb;
 	color:#864;
 	font-weight:bold;
 	margin:3px;
 	padding:3px;	
}
 
 #errorMessage {
 	border:1px dashed red;
 	background-color:#fbb;
 	color:red;
 	font-weight:bold;
 	margin:3px;
 	padding:3px;
 }

  #flashMessage {
 	border:1px dashed blue;
 	background-color:#bbf;
 	color:yellow;
 	font-weight:bold;
 	margin:3px;
 	padding:3px;
 }