/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/



body
{
	background-color:#a7cc95;
	font-family: georgia, times, "times new roman", serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 75%;*/
	text-align: center; /* IE Fix */
	margin: 0;
	border:0;
	padding:0;
	color: black;
}


/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container
{
	margin: 0 auto 0 auto; 
	width: 690px;
        background: #a7cc95 url(background2.jpg) repeat-y;
	text-align: left; /* Cancel IE Fix */
}

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		
#header
{
	border-top: 10px solid #fff;
	margin:0 20px 0 20px; 
}


/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content
{
	/*float: left;*/
	width: 670px;
	/*position: relative; */
	padding: 10px;
}

#content .section
{ 
	padding: 10px;
	color:black; 
	background: #fff url(para_bghoriz.jpg) repeat-y;
	border:2px solid #cccccc;
	margin: 0 10px 0 10px;
}


#content h1, #content h2, #content h3 
{
	border-bottom:1px solid #cccccc;
	text-align:right;
	/*line-height:30px;*/ /*1em;*/
	color:#606060;
}

#content h1 
{
	background-image:url(dmblogo.jpg); /** IE Problem **/
	background-position:top left;
	background-repeat:no-repeat;
}



#content h2, #content h3 
{
	color:red;
}

#content h3
{ 
	font-size: 1.1em; 
	/* color: black; #49515C; */
	margin: 0 10px 0 0; 
	cursor: default;
}



#content A:link, #footer A:link
{
	text-decoration: none;
	border-bottom:1px dashed;
	color:black;
}

#content A:active, #footer A:active
{
	text-decoration: none;
	border-bottom:1px solid;
	color:black;
}

#content A:visited, #footer A:visited
{
	text-decoration: none;
	border-bottom:1px dashed;
	color:black;
}

#content A:hover, #footer A:hover
{
	text-decoration: none;
	border-bottom:1px solid;
	color:black;
}
	
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer
{
  background: #336600 url(footer.jpg) no-repeat bottom center ;
	/*background-color: #336600;*/ /* url(header_right.gif) no-repeat 100% 0; sbr */
	/*border-bottom: 10px solid #fff;*/
	/*border-top: 10px solid #fff;*/
	text-align: center;	
	color: #fff;
	font-size: 0.8em;
	padding: 10px;
	line-height: 16px;
	clear: both;
	margin:0 20px 0px 20px;
}

#footermargin
{
 	padding:5px;
}

/*------------------------------------------------------------*
**  Infobox
**------------------------------------------------------------*/

.infobox
{
    width:206px;
    float:right;
    margin:10px 0 10px 10px;
		background:white url(infofooter.gif) no-repeat bottom center;
		padding-bottom:15px;
}
 
.infobox h2
{
    /*text-decoration:underline;*/
    /*font-weight:bold;*/ 
    font-size:100%;   
}

.infotitle
{
	height:1.5em;
	background:#a7cc95 url(infoheader.gif) no-repeat top center;
	/*background-color:#a7cc95; */
	text-align:center;
	color:black; /*white;*/
	padding-top:3px;
}

.infodetails
{
  font-size:80%;
	height:300px;
	padding:10px;

	border:3px double #a7cc95; /*#cccccc;*/

	overflow:auto;
	background: #fff url(para_bghoriz.jpg) repeat-y;
}


/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/

.topnav2
{
	border-bottom: 2px solid #fff;
	position:relative;
	clear:both;
	width:650px; /*780px;*/
	height:22px; /* fudge to stop jitter in IE when sub menu selected */
	/*margin: 0 20px 0 20px; */
	/*padding:0 0 0 0; */
	/*background:#cccccc;*/
	/*font-size:8pt;*/
	/*border:1px solid red;*/
	background:#cccccc url(topnav_bg_grey.gif);
}

.topnav2 ul
{
	padding:0 0 0 0;
	margin:0 0 0 0;
	white-space: nowrap;
	font-size:8pt;
	color:#ffffff;
	float:left;
	width:100%;
	/*background:#8DA8D5 url(topnav_bg_green.gif);*/
	list-style:none;
}

.topnav2 ul li
{
	display:inline;
	list-style:none;
}

.topnav2 ul li a
{
	margin: 0 0 0 0;
	padding: .25em 1em .3em 1em; /* .25em 2em .3em 1em; */
	/*background:#ffffff url(topnav_bg_grey.gif);*/
	color: #000000;
	text-decoration:none;
	float: left;
	border-left:1px solid #cccccc;
}

.topnav2 ul li a:hover
{
	background:#8DA8D5 url(topnav_bg_green.gif); /*(hover.gif);*/ 
	color: black;
	text-decoration:none;
	border-left:1px solid #cccccc;
}

.topnav2 ul li a.selected
{
	background:#ffffff url(selected.gif);
}

.hidden
{
	display:none;
}

/* Fudge to visually move the submenu under the menu - otherwise difficult to notice submenu has appeared */
/* Not a problem for all the other submenus as they are big enough to catch the eye */ 
#mapdialsubnav
{
 	/*margin-right:286px;*/
}




/************************************************/
/* classes etc for articles */

.standardimg, #ccleaflet
{
	border:3px double black;
        width:200px;
}

.smallimg
{
	border:3px double black;
        width:100px;
}

.left, .pagestart
{
        margin:0px 10px 10px 0;
        /*width:200px; */
        float:left;/**/
}


.right
{
        margin:0px 0 10px 10px;
        /*width:200px;*/
        float:right;
}

.credit
{
       /* clear:both; **IE problem** */ 
       font-size:70%;
}

blockquote
{
        font-style:italic;
}

#googlelogo /*A IMG*/ 
{
        border:0;
}

.pagestart
{
	font-size: x-large;
	font-weight:bold;
	font-style:italic;
	margin-bottom:0;
}


#ccleaflet
{
        width:99%;
} 

#search
{
	text-align:center;
}

#search A:link, #search A:active, #search A:visited, #search A:hover 
{
	border:0;
}




/*******************  Map classes *******************/

#map
{
    height:450px;
    border:3px double black;
    padding:10px;
    margin-top:10px;
    text-align:center;
}

.mapimage
{
	float:left;
	height:100px;
	/*padding-right:20px;*/
	margin-right:20px;
	margin-bottom:5px;
	border:3px double black;
}


.noborder
{
	border:0;
}


.diallistformat 
{
    padding:10px 0px 10px 0px;
		border-bottom:2px solid gray;
}


.mapdirections
{
	clear:both;
}

.dialpopupformat
{
    width:200px;
    font-size:80%;
    text-align:left;
}

#resetmap
{
	float:right;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

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

.emailformitem
{
  text-align:center;
	clear:both;
	padding:5px 0 ;
}

.emailprompt
{
  width:25%;
  float:left;
	text-align:right;
	/*vertical-align:top;*/
}

.emailinput
{
  width:73%;
	float:right;
	text-align:left;
}

.emailinput img
{
vertical-align:top;
border:3px double black;
}

.error
{
  color:red;
	/*font-weight:bold;*/
	/*padding-bottom:5px;*/
}

#errorbox
{
 padding-top:10px; 
 color:red;
  font-size:80%;
}

#lastname
{
  display:none;
}