html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
  background:#FFFFFF url(/static/img/bg_bar.jpg) no-repeat scroll center top;
  min-width:850px;
  text-align:center;
  font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
  color:#3F403D;
  font-size:92.5%;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:2em;
}

a {
	color: #F18995;
}	

.error {
	color: #db7681;
	font-size: 100%;
	font-weight: bold;
}

.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-62px;
}

* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:850px;
/* \*/

/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */

}
#wrapper{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}

/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  margin-left:170px;
  width:716px;

/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#left{
  top: 100px;
  width:171px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-170px;
  height:528px; /** auto */
  background-image:url('/static/img/narrow_middle_80.png');
}

*>html #left{width:170px;}

/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */

#center{
  width:700px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}

#container-center {
	
}
#clearheadercenter{
  height:64px;
  overflow:hidden;
}
#clearheaderleft{
  height:0px;
  overflow:hidden;
}
#clearfootercenter{
  height:0px;
  overflow:hidden;
}

#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:718px;
  height:167px;
  left: 171px;

}
#subfooter1{
  background-image:url("/static/img/wide_middle_80.png");	
  text-align:left;
  margin:12px 0px 0px 0px;
  height:151px;
}

#subfooter1 ul {
	margin:0px;
}

#subfooter1 ul li {
	display:-moz-inline-stack;
	display:-moz-inline-box;
	display:inline-block;	
	margin: 0px;
	vertical-align: top;
	width:75px;
}

#subfooter1 ul li.vert {
	width:8px;
}

#subfooter1 ul li div {
	width:485px;
}

	
#subfooter1 p {
	width: 120px;
	clear: both;	
}

.bottomtopmargin{
  width:850px;
  overflow:hidden;
}

#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:880px;
  height:84px;
  overflow:visible;
}

#subheader1{
  text-align:right;
  font-size: 60%;
  height:32px;
}

#line {
  border-bottom: 0px solid #000;
  margin: 0px;
  position:absolute;
  top:58px;
  width:100%;
}

#dashed {
	background-image: url('/static/img/dash_horizontal.png');
	background-repeat: repeat-x;
	height:8px;
	width: 96%;
	margin: 0 14px;
}	
	
#subheader1 p {
	padding-top: 48px;
}	


#subheader2{
  text-align:right;
  height:32px;
  padding-top: 58px;
  padding-right: 6px;
}

#subheader2 a {
  color:#FFF;  
}

#subheader2 a:hover {
  color:#F18995;  
}
    
#subheader2 a.selected {
	color: #757070;
	text-decoration: none;
}	

h3.dashed {
	border-bottom:1px dashed #DDD;
	margin: 6px 24px 3px 0px;
}

#container-left{
  width:150px;
  font-size: 80%;
  margin-top:-3px;
  margin-left:12px;
  margin-right: 3px;
  line-height: 1.3em;
  overflow:hidden;
  height: 100%;
  
}

#container-left a {
	font-size:90%;
}

#headergap{
  height:8px;
  overflow:hidden;
}

#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:716px;
  margin-left:170px;

}
* html #gfx_bg_middle{
  display:none;
}

input, textarea {
	border: 1px dotted #ccc;

}

input, select {
	margin: 6px 0;
}

/*** base template content ****/


#page h3 {
	margin-left: 40px;
}

#page table {
	margin:12px 12px 0px 0px;
}

	
#page {
	width:716px;
	margin-left: -16px;	
	margin-top:34px;
	margin-bottom: 50px;
	background-image:url("/static/img/wide_middle_80.png");	
	
} 

#page #upload, #page #searchform, #page #base, #page #news, #page #content  {
	margin: 0 32px 16px;
	font-size: 100%;
	line-height: 1.5;
	min-height: 484px;
	height:auto !important;
    height:484px;
}

#page #news {
        font-size:90%;
}

#page #news td {
        font-size:100%;
}

#page #base {
    margin-left:93px;
    font-size:90%;
}    

#page div h3 {
	margin-left: 0px;
	color:#757875 ;
}		
	
#page.front {
	margin-bottom: 37px;
	height:343px;
}

#page ul.photos {
   margin:0 -8px;	
}


#page ul.links {
   margin:16px -8px 0px -8px;	
}


#page ul.links li {
	display:inline;
	width:192px;
	height:18px;
	float:left;
	position:relative;
	overflow: hidden;
	text-align:center;
	border-bottom:1px dashed #DDD;
	margin: -8px 12px;
}

#page ul.photos li {
	display:inline;
	width:200px;
	height:200px;
	float:left;
	position:relative;
	overflow: hidden;
	margin-left: 6px;
	margin-bottom: 12px;
	border: 6px solid #F2F2EA;
}

#page ul.photos li:hover {
    border: 6px solid #757875;	
}

#page ul.photos li a img{
	position:absolute;
	border: 0px;
}

#page ul.photos li a img.vertical{
	position:absolute;
	top: -50px;
	left: -5px;
	border: 0px;
}

#page ul.photos li a img.horizontal{
	position:absolute;
	top: -5px;
	left: -50px;
	border: 0px;
}


/**** gfx styles *****/

.gfx {
    margin: 0px;
    background: #FFF;	
}

#left .bottom {
	bottom:-20px;
	float:right;
	left:0px;
	position:absolute;
}

.bottom {
	bottom:-19px;
	float:right;
	left:0px;
	position:absolute;
}

.page .bottom {
	bottom:16px;
	float:right;
	left:0px;
	position:relative;
}

.front .bottom {
	bottom:-25px;
	float:right;
	left:0px;
	position:relative;
}

.top {
	position:absolute;
	top:-19px;
	left:0px;
	float:left;
}

.footer {
	left:0px;	
}

#footer .bottom {
	bottom: -15px;
}	

#footer .top {
	top:-7px;
}

#photos .top, #page .top {
	top: 79px;
}	

#logo {
	position:absolute;
	top:-14px;
	left:170px;
	z-index:2;
	
}

#menu {
 position:absolute;
 top: 80px;
 left:473px;   
}

#page #exact li, #page #partial li {
	display:inline;
	width:100px;
	height:100px;
	float:left;
	position:relative;
	overflow: hidden;
	margin-left: 6px;
	margin-bottom: 12px;
	border: 6px solid #F2F2EA;
}

/*** searchform ***/
#searchform li {
 float: left;
 list-style-type:none;
 }

#searchform th, #searchform td {
	padding: 0 0 0px 0;
	vertical-align: top;
}

.tagbox {
 float:left;
 margin:0px 0; 
 width: 130px;
 /* border: 1px blue solid */
}

label.disabled {
  color: #bbb;
}

label.item {
  padding: 2px;
  margin: 2px;
  white-space:nowrap;
}

li.item {
	display:inline;
	width: 130px;
}

ul.items {
	margin: 0px -50px;
	
}

#searchform .region {
    margin-left: 124px;
    width: 124px;
}

#searchform .city {
    position:absolute;
    margin-left: -8px;
}

/*** search result ***/

#page .pager {
	font-size: 75%;
	margin-right: 100px;
	text-align: right;	
}

#page .pager a {
	font-weight: normal;
}	

#page #exact li:hover, #page #partial li:hover {
	border: 6px solid #757875;	
}

#page #exact li a img.vertical, #page #partial li a img.vertical {
	position:absolute;
	top: -20px;
	left: -5px;
}	

#page #exact li a img.horizontal, #page #partial li a img.horizontal {
	position:absolute;
	top: -5px;
	left: -20px;

}

/*** upload page ***/

#photot, #meta {
 padding: 5px;
 width:300px;
 height:180px;
 float:left;
 font-size: 85%;
}

#page img.photo {
	border: 6px solid #757875;
}


#uploadform {
	border-top:1px dashed #DDD;
	margin-top: 24px;
}


#page .fieldWrapper ul {
   margin:0 0 0 -50px;	
}


.tagbox ul {
	margin-left: -42px;	
}

.tagbox ul li{
	display:-moz-inline-stack;
	display:-moz-inline-box;
	display:inline-block;
	width: 130px;
	margin: 0px;
}

#page .fieldWrapper label {
	display: block;
	margin-top: 12px;
}

#page .fieldWrapper ul li label {
	display: block;
	margin-top:0px;
}

#page .fieldWrapper ul li {
	 float: left;
	 list-style-type:none;
	 padding: 2px;
    border: 0px;
    background: transparent;
}

#location li {
	margin: 0 10px;
}

.right {
	float:right;
	margin-top: 0px;
}
	

#page .caption {
	float: right;
	top: 188px;
	position:absolute;
	right: 20px;
}

#page .caption label {
	margin-top: 0px;
}

#page textarea#id_caption {
 width: 320px;
 height: 9em;
}

#rights {
	display: none;
	background-color: #fff;
	position:absolute;
	padding: 6px;
	border: 3px solid #ccc;
	top: 60%;
	left:25%;
	z-index: 99;
	width: 400px;
	height: 200px;
	font-size: 80%;
}

.req {
	color: #db7681;
	font-size:150%;
}

.help {
	display:none;
	font-size: 80%;
}			

.help img {
	vertical-align: middle;
}

/** contact/genral forms **/

#content.form label {
    position:absolute;
    margin-top: 5px;
} 

#content.form input, #content.form textarea {
    margin-left: 80px;
}