/*-----------------------------------------------------------------------------

version:   1.0
date:       10-20-09
author:    marc duisenberg
email:     stylehelp@mouseworks.biz
website:   http://www.mouseworks.biz


NOTES:
"min-height" causes shortened editor window issue with WriteWRX editor
-----------------------------------------------------------------------------*/


/* =Normalizing - overriding default browser styles
-----------------------------------------------------------------------------*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ 
margin:0; padding:0;
}

h1,h2,h3,h4,h5,h6,pre,code { 
font-size: 100% 
}

ul,ol { 
list-style:none 
}

fieldset, img {
border:0;
}

.clear {
	clear:both;
}

img {
	border: none;
}



/* =General
-----------------------------------------------------------------------------*/
html {
text-align:center;
}

body{
background: #f9f9f9 url(../images/body_bg.gif) repeat-x;
text-align:center;
margin:20px auto;
}

div#pagewrap{
background-color:#fff;
position:relative;
width: 753px;
min-width:720px;
margin: 0px auto;
padding:0px;
text-align:left;
color: #333;
 }

/* =Typography
-----------------------------------------------------------------------------*/

body{
font-size: small;
font-family: Verdana, Arial, "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
color: #333; }

.red {
color:#dd0f0f  ;
}

/* =Branding
-----------------------------------------------------------------------------*/
div#branding{
width:753px;
text-align: left;
height: 45px  ;
margin:0 0;
background: #757575 url(../images/branding_bg1.gif) no-repeat 0% 0%;
}



div#branding li{
text-align:center;
padding: 0px 5px;
display:inline;
display:none;

}

/* =Content Container
-----------------------------------------------------------------------------*/
div#content{
margin:10px 0 20px 0px ;
padding:0 0px;
width:751px;
float:left;
display:inline;
text-align:left;
min-height:500px;
background-color: #fff;

}

/* =Content Main  &  Secondary  - INTERNAL PAGES
          currently this is the center & right column of content

-----------------------------------------------------------------------------*/

div#maincontent{                 
padding:0 20px;
margin:0px 20px;
width:260px;
min-height:400px;
float:left;
display:inline;
background: transparent url(../images/maincontent_bg.jpg) repeat-y 0% 0%;
}

div#secondarycontent{ 
text-align:left;
padding:0 0px;
margin:0px 15px 0 15px;             
float:right;
display:inline;
width:380px;

}



/* =Content Sub
-----------------------------------------------------------------------------*/

div#subcontent{   /* currently this can be photos, text, etc. - located below left nav */
margin:0px;
width:194px;
height: 670px; 
padding: 0 10px;
float:left;
display:inline;
background: transparent url(../images/bg_subcontent5.jpg) no-repeat;
}


div#subcontent img{ 
margin:0 0 0 0px;
padding:0px;

}




/* =Headings & Paragraphs
-----------------------------------------------------------------------------*/


#content h1, #content h3, #subcontent h2{
margin: 10px 0 0 0;
padding: 3px 7px 3px;
font-size:120%;
color: #fff; 
}

#content h2{

margin:5px 0 0 0;
padding: 3px 3px ;
font-size:120%;
color: #dd0f0f; 
}

#content p {
padding: 0px 0 0px 0 ;
xtext-align:left;
line-height:1.4em;
color: #333333; }


div#content p.indent{
margin:5px 0px 0 15px ;
}


.center{
text-align:center;
}

div#maincontent h3, 
div#secondarycontent h3{ 
font-size:115%;
color: #343c14; 
xpadding-top:15px;
background-color: #fff;
}



/* =Images
-----------------------------------------------------------------------------*/


div#maincontent img, div#secondarycontent img{
margin:3px auto;
padding:3px; 
xborder: 1px #505b30 solid;
}

img#flyspecktrigger
{
margin:3px 0 ;
}

.middle{
vertical-align: middle;
}

/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited, a:active{
color: #c42902;
text-decoration:underline;
 }

a:hover, div#maincontent a:hover{
xxdisplay:block;
text-decoration:underline;
xbackground-color: #ffb500;
}

div#maincontent a{
xtext-decoration: none; 
padding: 0px 0;
} 

#email a{
color:#fff;
text-decoration: underline; 
padding: 0px 0;
} 

div#secondarycontent img a:hover{
text-decoration:none;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
text-decoration: none; 
color:#fff;
}


#footer a:hover{
text-decoration: underline; 

}


#subcontent #logolinks{
width:200px;
height:270px;
position: absolute;
top:560px;
}

div#secondarycontent h2#cart a{ 
color:#fff;
font-size:100%;
}

li#footeremail li a:link, i#footeremail li a:visited{
float:left;
display:inline;
display:block;
text-decoration:underline;
color:#fff;
 }

li#footeremail a:hover{
text-decoration:underline;
background-color:#dd0f0f  ;
 }

/* =Lists
-----------------------------------------------------------------------------*/

div#content ul{
margin:10px 10px;
color:#333;
}

div#content ul li {
margin:5px 0px 0 15px;
display: list-item;
list-style-type: disc; 
xwidth:210px;
}


/* =Nav Main 
-----------------------------------------------------------------------------*/

div #header-navbox{
text-align:center;
margin:0px auto;
padding:0;
height:42px;
background: #fff url(../images/nav_bg1.gif) no-repeat;

color: #fff000; }

div#nav{
width:95%;
margin:0px auto;
padding:0;
height:42px;
}

#header-navbox ul {
margin:0 0 0 23px;
list-style:none;
float:left;
display:inline;
}

#header-navbox ul li{
float:left;
display:inline;
}

#header-navbox ul a {
float:left;
display:inline;
text-decoration:none;
text-align:center;
display:block;
height:23px;
width:128px;
margin:10px 0 0 0px;
padding:8px 0px 0px 0px ;
font-size:87%;
xline-height:1.3em;
color: #fff;
font-weight:bold;
}

#header-navbox ul a#center {
line-height:2.5em;
padding:6px 9px 0px 9px ;
}

#home #nav .home a, 
#sites #nav .sites a, 
#location #nav .location a, 
#photos #nav .photos a, 
#printinfo #nav .printinfo a,
#links #nav .links a,
#contact #nav .contact a   {
float:left;
display:inline;
text-decoration:none;
text-align:center;
display:block;
height:23px;
width:128px;
margin:10px 0 0 0;
padding:8px 0px 0px 0px ;
background: transparent url(../images/nav_current_bg.jpg) no-repeat 0% 0%;
cursor:default;
text-decoration:none;
xcolor: #574119; }


#header-navbox ul a:hover{
background: transparent url(../images/nav_hover_bg.gif) no-repeat;
xxbackground-color: #df1c1c;
text-decoration:none; }


/* =Nav 2  Related Pages section         
-----------------------------------------------------------------------------*/
div#secondnav {
height:25px;
text-align:left;
margin:15px 0 0 5px;
}
div#secondnav ul{
margin:0 0 0 0px;
list-style:none;
float:left;
display:inline;
}

div#secondnav ul li{
list-style:none;
float:left;
display:inline;
margin: 0;
}

div#secondnav ul a {
float:left;
display:inline;
text-decoration:none;
text-align:left;
display:block;
height:25px;
margin:0px ;
padding:0 20px 0 0px ;
color: blue;
font-weight:bold;
}


/* =Nav Sub 
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

fieldset {                    /* Removes fieldset borders. even on Opera 7 */
  border: 1px solid transparent;
}

#form {
margin:10px 0 0 5px;
color:#004364;
font-weight:bold;
}

input, textarea, .submit {
padding:3px 0 3px 0px;
border:1px #0080c0 solid;
}

#form p{
margin:10px 5px;
padding:0;
}
.radiostyled{
border:none;
margin:5px 0 0 0 ;
}



/* =Footer (site info)
-----------------------------------------------------------------------------*/
div#footer{
width:683px;
background: #000 url(../images/bg_pagewrap2.jpg) top left;
clear:both;
margin:0 auto;
padding:8px 35px;
border-top: 1px #505b30 solid}

div#footer ul{
margin: 0;
padding:0;
}
div#footer ul li{
display:inline;
padding:0px;
font-size:85%;
color: #e9e9e9;
font-weight: bold; }

div#footer ul #copyright{
xdisplay:inline;
color: #fff;
margin:0px 80px 0 0;
padding:0px 0px 0 15px;
}

div#footer ul li #email{
display:inline;
color:#383f15;
}
div#footer .photocredit{
font-size:70%;
float:right;
display:inline;
color:#383f15;
font-weight: normal;
padding: 0 0 10px 0;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}

table#schedule th{
width:120px;
text-align:center;
color: #9d2000;
background-color: #fff100;
border: 1px #c6726b solid;
padding: 5px; }

table#schedule td{
width:120px;
font-size:95%;
color: #353535;
background-color: #fefcbb;
border: 1px #c6726b solid;
padding: 5px; 
vertical-align: top;
text-align: left;}



/* =Misc 1
-----------------------------------------------------------------------------*/
.small{
font-size:85%;
}


/* =Misc 2
-----------------------------------------------------------------------------*/