/* created by yogi */ 
html, body{ 
margin:0; 
padding:0; 
background:#626060; 
color:#2d7dac; 
font-family:sans-serif; 
font-size:small; 
text-align:center; 
} 


#pagewidth{ 
width:985px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;
margin-top:5px;
position:relative;
font-size:small; 
}
 
/*------------------------------------------header--------------------------------------*/

#header{
position:relative; 
width:100%;
height:132px;
background: url(../images/dividertop.png) bottom left no-repeat #626060;
} 

#topnav{
background-color:#000;}

#header_image{
clear:both;
background-image:url(../images/header_image.png); 
height:200px; 
}
#wrapper {
min-height:410px;
height:auto !important;
height:410px;
background: url(../images/background.png) repeat-y top left #626060;
}

#col1{
float:left;
display:inline;
margin-left:20px;
width:180px;
padding-top:180px;
}


#col2{
width:733px;
float:right;
display:inline;
margin-right:25px;
}

/*------------------------------------------classes--------------------------------------*/
p, a, table {
font-size:12px;
color:#2d7dac;
}

P{
line-height:110%;
margin:0px; 
padding:3px 9px;
}

.indented{
text-indent:10px;}
.grey{
color:#626060;
}

h3, h2{
font-size: 13px;
line-height:15px;
vertical-align:middle;
margin:0px;
padding:3px;
font-weight:100;
}

h2{
text-transform:uppercase;}

#title{
width:100%;
}

.title{
width:100%;
}
 
.clear{
clear:both;}

.hide {
display:none;}

/*.padding {
padding:15px;
}
*/
a {
font-weight:bold;}

a:hover {
color:orange;}

#diaryTable td a:hover {
  color: #2d7dac;
}

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

ul, ol{
padding:5px 5px 5px 10px;
margin:0px;
list-style-type:none;}

li{
margin:0px;
padding:3px 0px;}



/*----------------------------------------Main NAVIGATION------------------------------------*/
#navcontainer
{
position: absolute;
margin:95px 20px 0px 213px;
width: 760px;
}

    #tabs1 {
      float:left;}
	  
    #tabs1 ul {
	  margin:0;
	  padding:0px;
	  list-style:none;
      }
	  
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
	  
    #tabs1 a {
      float:left;
      margin:0;
    	 padding:0px;
	text-align:center;
      text-decoration:none;
	  width:auto;
	  height:22px;
	  line-height:28px !important;
	  background:url("../images/nav-repeat.jpg") left top repeat-x;
    position:relative;
    margin-left: -1px;
    padding-left: 15px; 
    padding-right: 17px;
      }
 	#tabs1 #first a {
	  background:url("../images/nav_first_up.jpg") no-repeat left top;
margin-left: 0px;
      }
 	#tabs1 #end a {
	    padding-right: 26px;
      }
	   	#tabs1 #end a.current {
	  
      }

	  #tabs1 a.current, #tabs1 #first a.current {
	  background:url("../images/nav-current-repeat.jpg") left top repeat-x;

      }
	  #tabs1 a span {
	  padding-bottom:5px;
      }
      
      #tabs1 a span.right {
        padding-bottom: 0;
        display:block;
        position:absolute;
        top: 0;
        right: 0;
        height: 22px;
        width:17px;
        background: url('../images/nav-rightcorner.jpg') top left no-repeat;
      }
      
      #tabs1 #end a span.right {
        padding-bottom: 0;
        display:block;
        position:absolute;
        top: 0;
        right: 0;
        height: 22px;
        width:26px;
        background: url('../images/nav-end-rightcorner.jpg') top left no-repeat;
      }
      
      #tabs1 a.current span.right {
        background: url('../images/nav-current-rightcorner.jpg') top left no-repeat;
      }
      
      #tabs1 #end a.current span.right {
        background: url('../images/nav-end-current-rightcorner.jpg') top left no-repeat;
      }
      
      #tabs1 a span.left {
        padding-bottom: 0;
        display:block;
        position:absolute;
        top: 0;
        left: 0;
        height: 22px;
        width:8px;
        background: url('../images/nav-leftcorner.jpg') top left no-repeat;
      }
      
      #tabs1 a.current span.left {

        width:6px;
        background: url('../images/nav-current-leftcorner.jpg') top left no-repeat;
      }


/*----------------------------------------polaroid NAVIGATION------------------------------------*/

#menu a {
  position: absolute;
  height: 38px;
  width: 88px;
  text-decoration: none;
  background:url(transparentpixel.gif);
  }
  
  #menu a i { visibility: hidden; }
  
  a#listings { 
  left:156px;
top:196px; }
a#map { 
left:120px;
top:240px;}
a#diary {
left:30px;
top:250px; }


/*----------------------------------------doenolad------------------------------------*/

#download{
/*background:url(../images/downloadback.gif) no-repeat top center;

min-height:150px;
height:auto !important;
height:150px;*/
padding:8px;}

div.topBack, div.bottomBack{
width:100%;
height:4px;}

div.topBack{
background:url(../images/titleback.gif) no-repeat top center;
}
div.bottomBack{
background:url(../images/titleback.gif) no-repeat bottom center;
}

#listing_description{
width:350px !important;
width:330px;
float:right; 
margin:4px 10px 4px 0px !important;
margin:0px 10px 0px 0px;

padding-left:20px; 
}

#listing_details {
width:200px; 
float:left; 
margin:4px 10px 4px 10px !important;
margin:0px 10px 0px 10px;
border-right:solid #aad3eb 1px; 
min-height:350px;
height:auto !important;
height:350px;  
}

#listing_description p{
color: #626060;}

hr {
background-color:#aad3eb;
border:0pt none;
margin:0px;
clear:both;
color:#aad3eb;
height:1px;
}


/*----------------------------------------gallery------------------------------------*/



#gallery  img {border:0; }

#gallery {position:relative; margin:0.78em; margin-bottom:0px;}
#gallery a:visited, #gallery a {text-decoration:none; color:#d00; font-weight:bold; float:left; margin:3px;}
#gallery a:visited img, #gallery a img{filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
}
#gallery a:hover {background-color:transparent; color:#06a;}
#gallery a:hover img { 
 filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.40; opacity:0.4;}


 /* -----------------------------------------footer  ----------------------------------------------*/
 #footer{ 
	width:985px; 
	margin: 0px auto;
	text-align:left;
	background: url(../images/footer_background.png) repeat-y top left #626060;
	position:relative;
} 
#footer a{
text-decoration:none;
padding:none;
margin:none;
border:none;
}

#footer_top{ 
height:22px;
background: url(../images/footertop.png) repeat-y top left #626060;
margin-bottom:5px;
} 
 
#footer_bottom{
height:12px;
background: url(../images/footerbottom.png) no-repeat top left #626060;
margin-top:5px;
} 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/*-----------------------------------
		CSS TABLE GALLERY
		STYLESHEET: CLEAR BLUE
		AUTHOR: ROBERT HARTL
------------------------------------*/

#diaryTable {
	line-height:1.2em;
	background-color:#fff;
	border-collapse:collapse;}
	
#diaryTable{
background:url(../images/titleback_top.gif) no-repeat top center;
padding-top:4px;
}

#diaryTable thead{
color:#626060; 
background:url(../images/titleback_bottom.gif) no-repeat bottom center  #AAD3EB;
}



#diaryTable td, {
	padding:4px;
}

 #diaryTable tbody tr td {
	border-bottom: 1px solid #AAD3EB;
}

#diaryTable tbody tr:hover td{
	border-bottom: 1px solid #333;
}

.odd {
	background: #e3e3f4;
}

#diaryTable tbody tr:hover {
	color: #333;
	background: orange;
}


#diaryTable tbody tr{background:#fff;color:#333;hover:expression(this.onmouseover=new Function("this.style.background='orange';"),this.onmouseout=new Function("this.style.background='#fff';"));}


#diaryTable table a:visited {
	
}

/*-------info pages------------------------------------*/
  #paticipatinggalleries, #participating_photographers{
  display:inline;
  padding:0px 9px 5px 9px;}
  
  #paticipatinggalleries li, #participating_photographers li{
  padding-left:9px;
  width:290px;
  float:left;
  display:inline;}
  
  .year {
  	border-style: outset;
  	border-width: 1px;
  	background-color: #FAEBD7;
  	text-align: center;
  }
  .month {
  	border-style: none;
  /*	background-color: #EEDFCC;
  */	text-align: center;
  border-collapse:collapse;
  vertical-align:middle;
  width:170px;
  margin:4px auto;
  }
  .yearname {
  	text-align: center;
  	font-size: 18px;
  	font-weight: bold;
  }
  .monthname {
  	text-align: center;
  	font-size: 13px;
  	font-weight: bold;
  /*	background-color: #aad3eb;
  */	color: #667171;

  }
  .monthtitlerow{
  background:url(images/calendarback.gif) center center no-repeat;
  height:27px;
  display:none;}

  .dayname, .day_names th {
  	text-align: center;
  	font-size: 10px;
  	color: #667171;
  	border-bottom:solid 1px black;
  	margin:0px;

  }
  .weeknumtitle {
  	text-align: center;
  	font-size: 10px;
  	font-weight: bold;
  	color: #667171;
  	border-style: none;
  	border-width:1px
  }
  .weeknum {
  	text-align: center;
  	font-size: 10px;
  	height:20px;
  	width:20px;
  	color: #CD5C5C;
  }
  .week {
  	border-style: none;
  	background-color: #EEDFCC;
  	text-align: center;
  }
  .monthweek {
  	text-align: center;
  	font-size: 10px;
  	font-weight: bold;
  	color: #667171;
  	border-style: solid;
  	border-width:1px
  }
  .yearnavigation {
  	font-size: 12px;
  }
  .datepicker {
  	/*background-color: #FAEBD7;*/
  }
  .datepickerform {
  	margin: 0px;
  }
  td.monthnavigationleft a, td.monthnavigationright a {
  color:#FFFFFF;

  }
  .monthnavigationleft {
  text-align:right;}

  .monthnavigationright {
  text-align:left;}
  .monthpicker {
  	font-size: 11px;
  	/*background-color: #EEDFCC;*/
  }
  .yearpicker {
  	font-size: 11px;
  	/*background-color: #EEDFCC;*/
  }
  .pickerbutton {
  	border-style: solid;
  	border-width: 1px;
  	background-color: #AAD3EB;
  }
  .nomonthday {
  	text-align: center;
  	font-size: 10px;
  	height:20px;
  	width:20px;
  	color: #aaaaaa;
  }
  .monthday, .day {
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	color: #000000;
  	height:20px;
  	width:20px;
  }
  .today {
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	border-width: 1px;
  	border-style: solid;
  	background-color: #EEE9E9;
  	color: #000000;
  	height:20px;
  	width:20px;
  }
  .selectedday {
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	border-width: 1px;
  	border-style: none;
  	background-color: #CDC9C9;
  	height:20px;
  	width:20px;

  }
  .sunday {
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	color: #667171;
  	height:20px;
  	width:20px;
  }
  .sunday a {
  	color: #667171;
  }
  .saturday {
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	color: #667171;
  	height:20px;
  	width:20px;
  }
  .saturday a {
  	color: #667171;
  }
  .event {
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	color: #000000;
  	background-color: #aad3eb;
  	height:20px;
  	width:20px;
  }
  .event a {
  	color: #000000;
  }
  .selectedevent {
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	border-width: 1px;
  	border-style: solid;
  	color: #000000;
  /*	background-color: #CDC9C9;
  */	height:20px;
  	width:20px;
  }
  .selectedevent a {
  /*	background-color: #ffffff;
  */	color: #000000;
  }
  .todayevent {
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
  	border-width: 1px;
  	border-style: solid;
  	color: #000000;
  /*	background-color: #EEE9E9;
  */	height:20px;
  	width:20px;
  }
  .todayevent a {
  	background-color: #ffffff;
  	color: #000000;
  }
  .eventcontent {
  	font-size: 10px;
  	border-style: solid;
  	border-width: 1px;
  	width: 100%;
  }

.otherMonth { color: #fff;}
.month_names { display: none;}