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

body, table, th, td{
font-family: Helvetica, Verdana, Arial, sans-serif;font-style: normal;font-weight:normal;font-size : 12px;color : #404041;text-decoration : none;}
	
	/*body specific*/
body{
	background-image:url(../_images/backg.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	background-color:#f2f3f1;
	margin: 0px 25px 0px 25px;
}




/*HOME PAGE*/

/* this is the div you want to fill the window */
/*#containermain {
	width:100%;
	min-height: 100%;
    background-color: #f0f6ed;
}*/

html, body {
height: 100%;
}

.oneColElsCtr #containerhome {
	width: 980px;
	margin: 0 auto; 
	text-align: left; 
}

.oneColElsCtr #mainContent {
	padding: 25px 0 0 0;
}

#outer {
  position: absolute;
  top: 50%;
  /*left: 0px;*/
 /* width: 100%;*/
  height: 1px;
  overflow: visible;
}
 #inner {
  width: 980px;
  height: 560px;
 /* margin-left: -475px;*/  /***  width / 2   ***/
  position: absolute;
  top: -280px;          /***  height / 2   ***/
 /* left: 50%;*/
}


#texthome {
	padding: 0px 30px 0px 30px;
	width: 428px;
	float: left;
	margin: 0;
	height: 500px;
	border: 1px dotted #848484;
	/*font-family:"Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:21px;
	text-align: justify;
	background-color: #E7EDE4;
}

#picturehome {
	padding: 0px;
	width: 490px;
	float: right;
	margin: 0;
	height: 500px;
	/*background-color: #000000;*/
}





#backgallery {
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	margin: 0;
	height: 50px;
	background-color: #E7EDE4;
	z-index:-5;
	/*border-bottom: 1px solid #03A87C;*/
}


/*END HOME PAGE*/




.oneColElsCtr #container {
	width: 950px;
	margin: 0 auto ; 
	text-align: left; 
}

.oneColElsCtr #containergs {
	width: 985px;
	margin: 0 auto;
	text-align: left;
}

.oneColElsCtr #mainContentgs {
	padding: 25px 0 0 165px;
}


.titlephoto{font-size : 11px; color : #03A87C;}
.titlephoto2{ font-size : 11px; color : #03A87C;}

/* Floating Munu
----------------------------------------------- */
#contentHeader {
	position:absolute;
	z-index:3;
	top:94px;
	left:25px;
	/*bottom:40px;
	right:50%;*/
	width:160px;
	height:25px;
	padding:0;
	margin:0;
	overflow:hidden;
	/*font-family: "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	border: solid 0px #031f80;
	/*background-color:#E7EDE4;*/	/*border: 1px solid #000000;*/	/*background-color:#E6E6E6;*/
}


.contentInner {
	padding: 2px 0px 0px 5px;
	background-color:#E7EDE4;
	
	
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80; 
	z-index: 5;
}
	
a.menu:link, a.menu:visited {color : #404041;text-decoration : none;}
a.menu:hover {color :#03A87C;text-decoration : underline;}

a.submenu:link, a.submenu:visited {color : #03A87C;text-decoration :none;}
a.submenu:hover {color : #03A87C;text-decoration : none;}



/* Collapsible Panels
----------------------------------------------- */
.CollapsiblePanel {width: 820px;margin: 0px;padding: 0px;border-top: 0px dotted #848484;background-color: transparent;}
.CollapsiblePanelTab {-moz-user-select: none;-khtml-user-select: none;}
.CollapsiblePanelContent {margin: 0px;padding: 5px; text-align:justify;background-color: transparent;color: #848484;}
.CollapsiblePanelTab a {color: #404041;text-decoration: none; outline:none;}
.CollapsiblePanelTab a:hover {color: #03A87C;text-decoration:none; outline:none;}
.CollapsiblePanelOpen .CollapsiblePanelTab {background-color: transparent;}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {background-color:transparent; cursor:pointer;}
.CollapsiblePanelFocused .CollapsiblePanelTab {background-color: transparent;}

/*a.arrows:link, a.arrows :visited {font-size:17px;color : #f2005f; font-weight:bold; text-decoration:none;}
a.arrows:hover { color : #848484;}
*/

/*.text_element { float: right; width: 49%; text-align: right;}*/



/* Gallery and Playback Controls
----------------------------------------------- */
table.title {
	background-color: #222222;
	/*border-bottom: 1px dashed #848484;*/
}

td.description { padding-top: 5px; }


#wrap {
	width: 910px;
	padding-top: 0px;
	margin: 0 0px;
}


.h1{
	font-size: 14px;
	font-weight:lighter;
	text-align: left;
	background-color : transparent;
	color: #f2005f;
	text-decoration : none;
}

.selected{
	color: #00FF00;
	
}

.hover{
cursor:pointer;
color: #00FF00;}

.hovernop{
color: #00FF00;}

.datatitle{
	margin:8px 0px;
}



.clear {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	}
.ClearAll {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}


#gallerySelect { width: 105px; }
#controls {	margin:0 auto 0 auto; }
#galleries {
	margin:0 auto 0px;
}
#galleries label { padding-bottom: 2px; }


#previews {
	padding: 0px 10px 20px 0px;
	margin-bottom: 5px;
	width: 210px;
	float: left;
	margin-right: 10px;
}
#thumbnails {
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#thumbnails div {
	position: relative;
	width: 36px;
	height: 36px;
	float: left;
	margin: 0px 5px 5px 0px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails img {
	width: 36px;
	height: 36px;
	position: absolute;
	border: solid 1px #848484;}
	
#picture {
	padding: 0px;
	width: 100%;
	float: left;
	margin: 0;
	height: 500px;
}
#pictureb {
	padding: 0px;
	width: 100%;
	float: left;
	margin: 0;
	height: 500px;
	/*background-color: #000000;*/
}
#picture img {
	border: 0px dashed #848484;
}
#mainImageOutline {
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	border: 1px solid #dedede;
}

#mainImage {
	width: 100%;
	height: 100%;
}


.selectedThumbnail {  border-bottom: solid 5px #031f80 !important; }
.inFocus {  border: solid 1px #031f80 !important; }