﻿
body
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt;
    text-align:center;

}

#bodywrapper
{
padding:0px;
margin: 0 auto;
width:760px;
}

#pagebody
{
	padding:0px;
    border: 1px #DC9613 solid;
    width:100%;
    text-align:left;
background-color:#FFFEE7;
 }


#header
{
border:none;
    width:760px;
    height:167px;
}

#content
{
float:left;
width: 590px   
}
#sidebar
{
    margin-top:3px;
    vertical-align:top;
    float:right;
    background-position: 0px 3px;
    width:220px;
    background-repeat:no-repeat;
    border:1px solid #DC9613;
    BACKGROUND-COLOR: #FFFEE7;
    padding:0px;
}

.fullwidthcontent, #widecontent
{
    width:100%;
    background-image:url(images/bordergreen.gif);
    background-position:174px top;
    background-repeat:repeat-y;
}

#areatext
{
   clear:both; 
   padding:5px;
}
#btmnav
{
    clear:both;
    padding:10px 5px 10px 5px;
}

#btmnav div
{
  
    margin:10px 5px 10px 5px;
}



H1
{
	    border-bottom:1px solid #DC9613;
	   padding:2px; 
	   margin-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	font-weight:	bold;
	font-style:	normal;
	text-decoration:	none;
	text-transform:	none;
	color:#DC9613;
        BACKGROUND-COLOR: #FFFEE7;
	width:99%
}	
	
	
	H2	
	{
	   margin-top:4px;
	   margin-bottom:4px;
	    border-top:1px solid #DC9613;
	    border-bottom:1px solid #DC9613;
	   padding:2px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	font-weight:	bold;
	font-style:	normal;
	text-decoration:	none;
	text-transform:	none;
	color:#DC9613;
        BACKGROUND-COLOR: #FFFEE7;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	font-weight:	bold;
	font-style:	normal;
	text-decoration:	none;
	color:#DC9613;
        BACKGROUND-COLOR: #FFFEE7;
	}	
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	font-weight:	400;
	font-style:	normal;
	text-decoration:	none;
	color:#DC9613;
	BACKGROUND-COLOR: #FFFEE7;
	margin-bottom:3px;
	}			
DT	
{
	margin-top:15px;
	margin-bottom:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	9pt;
	font-weight:700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	padding-left:0px;
	}
	a.dt
	{
	color:#DC9613;
	BACKGROUND-COLOR: #FFFEE7;
	font-size:	10pt;
	
	}
dd
{
	margin-left:5px;
	font-size:	9px;
	overflow:hidden;
    FONT-FAMILY: Verdana;
    margin-bottom:5px;

}


A
{
	font-weight: normal;
	color: #DC9613;
	font-family: verdana;
}
A:hover
{
    font-weight: ;
    color: #C96E00;
    font-family: verdana;
    text-decoration: underline;
}


image.thumbnail
{
margin:0px;
border:none;
}

.thumbnail img
{
    border:1px silver outset;
    background-color:#dddddd;
    width:40px;
    height:40px;
    background-image: url(images/thumbbg.gif);

}

#pagefooter
{
width:850px;
height:66px;
margin:  10px  -4px  -4px -4px;
padding:0px;
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:	10px;
text-align:center;
background-repeat:no-repeat;
vertical-align:middle;
background-position: top center;

}


select, input
{
	font-size:10px;
}
.checkbox, .checkbox input, .checkbox span
{
	background:white;
	border:none;
}


.formline
{
    padding-top:4px;
    padding-bottom:2px;
    clear:both;
}

.leftfloat
{
	float:left;
	width:130px;
}
.rightfloat
{
	width:480px;
}

.leftfloatattribute
{
	float:left;
	width:100px;
}
.rightfloatattribute
{
	width:210px;
}


.userpicture
{
    padding-top:5px;
	float:left;
	width:100px;
}
.userattributes
{
	width:400px;
}


select, input
{
	font-size:10px;
}

input
{
	font-size:9pt;
 	padding:1px;
 	border:1px #A5A2A2 solid;
}
textarea
{
 	padding:0px;
}


.checkbox, .checkbox input, .checkbox span
{
	background:white;
	border:none;
}

abbr
{
    border-bottom:1px black dotted;
}

.watermarked
{
    color:#28A2CA;
    text-align:left;
    font-style:italic;
}


/* for form messages */

.info
{
    font-weight:bold;
    padding:5px;
    background-color:#FEF39A;
    
}
.warning
{
    font-weight:bold;
    padding:5px;
    background-color:#FFED51;
    border:1px Red solid;
    
}

.required
{
    color:Red;
    font-family:Arial;
    font-size:13px;
}

.progress
{
    font-size:1.1em;
    font-weight:bold;
    background:silver;
    color:White;
    padding:3px;
}





#popup 
{
    position:absolute;
    left:0px;
    right:0px;
    display:none;
    width:220px;
    border-top:1px #F7E300 solid; 
    border-left:1px #F7E300 solid; 
    border-bottom:1px #DC9613 solid; 
    border-right:1px #DC9613 solid; 
    min-height:70px;
    padding:5px;
    background-color:#FFFEE7;
    cursor:pointer;
    z-index:99;
    text-align:left;
}
#popup #top  
{
  width:220px;
  padding-bottom:2px;
  border-bottom:1px #DC9613 dotted;
  margin-bottom:2px;
  height:15px;
}

#popup #expando
{
    font-style:italic;
}

#popup h2 
{
    color:#DC9613;
    font-size:9pt;
    float:left;
    vertical-align:middle;
    margin:0px;
    padding:0px;
    width:200px;
    height:14px;
    overflow:hidden;
    border:none;

}
#popup #dismiss 
{
    font-family: Verdana;
    float:right;
    cursor:pointer;
    border:1px silver outset;
    background:#E73A40;
    padding:0px 3px 0px 3px;
    font-size:8px;
    color:White;
    font-weight:bold;
    vertical-align:middle;
}
#popup #dismiss:hover
{
    border:1px silver inset;
    background:#FD8D91;
}
#popup img
{
	    border:1px silver outset;
    margin:0px;
    width:60px;
	background-color:white;
	background-image:url(images/whitebg.gif);
    height:60px;
}
#popup #popupbody 
{
margin-top:5px;
clear:both;
}

#popup #photo
{
float:left;
margin-right:5px;
display:block;
}
#popup #text
{
    color:Black;
    font-size:8pt;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:top;
    max-width:220px;
    display:block;
}

#popup #textwide
{
    text-align:left;
    color:Black;
    font-size:8pt;
    margin:0px;
    padding:0px;
    vertical-align:top;
    width:220px;
    display:block; 
}
#popup .btns
{
    margin-top:10px;
}

.pinicon
{
    margin-top:6px;
    margin-left:6px;
}


.formline
{
    padding-top:4px;
    padding-bottom:2px;
    clear:both;
}

.leftfloat
{
	float:left;
	width:130px;
}
.rightfloat
{
	width:480px;
}

.summarygrid
{
    width:95%;
    border:1px solid silver;
}

.inputform
{
    border:1px solid silver;
}

.headerrow
{
    background-color:Navy;
    color:White;
}

.altrow
{
    background-color:Silver;
}

.editrow
{
    background-color:yellow;
}
#myMap
{
    background:#FFFEE7;
        margin:2px;
    border:1px solid #DC9613;
}
#myMap em
{
    font-size:20pt;
    font-weight:bold;
    text-align:center;
    margin-top:240px;
    display:block;
    color:#DC9613
}


#menu
{
    font-size:8pt;
    float:left;
    width:172px;
    margin:0px;
    padding:0px 0px 0px 0px;
    background-color:#FFFEE7;
}

#menu ul
{
    padding:0px;
    margin:2px 3px 2px 2px;
}

.topitems
{
 
    margin:2px 3px 10px 3px !important;
    font-weight:normal;
}

.region
{
    list-style:none;
    margin:10px 0px 0px 0px;
    font-weight:normal;
}

.region a
{
    font-weight:normal;
}

.country 
{
    list-style:none;
    margin:0px 0px 0px 0px;
    padding-bottom:2px;
    font-weight:normal;
    font-style:italic;
}

.country a
{
    font-weight:normal;
}

.country li
{
    padding-bottom:2px;
    padding-left:5px;
}

.area
{
    list-style:none;
    margin:0px 0px 0px 0px;
    font-weight:normal;
    font-style:normal;

}
.menu li
{
   padding-left:5px;
}

#maincontent
{
    float:right;
    width:585px;
    padding:0px;
}
#maincontent p
{
padding:5px;
}
#maincontent .text
{
 margin: 0px 5px 0px 5px;
}
 
#maincontent .areaslist
{
    display:inline;
    margin: 0px;
}
#maincontent .areaslist li
{
    display:inline;
    padding-right:5px;
}
.nearbyareaslist
{
    display:inline;
    margin: 0px;
}
.nearbyareaslist li
{
    display:inline;
    padding-right:5px;
}



/* for the maps */

#popup
{
    width:280px;
    min-height:25px;
}

#popup #top  
{
  width:280px;
  padding-bottom:2px;
  border-bottom:1px #DC9613 dotted;
  margin-bottom:2px;
  height:15px;
}

#popup h2 
{
    color:#DC9613;
    font-size:9pt;
    float:left;
    vertical-align:middle;
    margin:0px;
    padding:0px;
    width:260px;
    height:14px;
    overflow:hidden;
    border:none;

}
#popup #dismiss 
{
    font-family: Verdana;
    float:right;
    cursor:pointer;
    border:1px silver outset;
    background:#E73A40;
    padding:0px 3px 0px 3px;
    font-size:8px;
    color:White;
    font-weight:bold;
    vertical-align:middle;
}
#popup #dismiss:hover
{
    border:1px silver inset;
    background:#FD8D91;
}
#popup img
{
	    border:1px silver outset;
    margin:0px;
    width:60px;
	background-color:white;
	background-image:url(images/whitebg.gif);
    height:60px;
}
#popup #popupbody 
{
margin-top:5px;
clear:both;
}

#popup #photo
{
float:left;
margin-right:5px;
display:block;
}
#popup #text
{
    color:Black;
    font-size:8pt;
    margin:0px;
    padding:5px ;
    padding-top:0px ;
    text-align:left;
    vertical-align:top;
    max-width:220px;
    display:block;
}


#popup #textwide
{
    text-align:left;
    color:Black;
    font-size:8pt;
    margin:0px;
    padding:0px;
    vertical-align:top;
    width:220px;
    display:block; 
}
#popup .btns
{
    margin-top:10px;
}

#popup #link
{
    margin-top:15px;
    padding-top:15px;
    border-top:1px solid #DC9613;
    padding-bottom:5px;
}