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

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: #e3e5f0 url(../images/body_bg2.gif) repeat-x 0% 0%;
text-align:center;
margin:20px auto;
}

div#pagewrap{
background-color: #fff;
position:relative;
width: 850px;
min-width:770px;
margin: 0px auto 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; }

/* =Branding
-----------------------------------------------------------------------------*/
div#branding{
height: 230px  ;
margin:0 0 0px 0;
background: #fff200 url(../images/branding1f.jpg) no-repeat 0% 0%;
}

div#branding-contact {
width:380px;
color: #0908a2;
margin: 10px 170px 0 0;
float:right;
display:inline;
text-align:left;
padding:0;

}

#branding-contact h2, #branding-contact ul h3, #branding-contact h4{
font-size:160%;
font-weight: normal; }

#branding li h3{
font-size:160%;
text-align:left;
}

#branding #email-landing{
position:absolute;
left:300px;
top:170px;
width:300px;
height: 50px;

}

/* =Content Container
-----------------------------------------------------------------------------*/
div#content{
margin:0 0 20px 0px ;
padding:0 0px;
width:850px;
float:left;
display:inline;
text-align:left;
min-height:400px;

}

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

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

div#maincontent{                 
padding:0 0px;
margin:0px 20px;
width:320px;
float:left;
display:inline;
}

div#secondarycontent{ 
padding:0 0px;
margin:62px 15px 0 15px;             
float:right;
display:inline;
width:440px;

}

div#latestnews{
background-color: #fff100;
padding:10px;
border:solid 2px #ee182d;
xcolor: #ee182d; }


/* =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; 
xbackground-color: #a49250 ;
}

#content h2{
background-color: #102793;
xborder: 1px #505b30 solid;
margin: 20px 0 0 0;
padding: 3px 6px ;
font-size:120%;
color: #fff100; 
}

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


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


.center{
text-align:center;
}

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



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


div#maincontent img, div#secondarycontent img{
margin:3px auto 5px 5px;
padding:3px; 
border: 1px #002795 solid;
}

img#flyspecktrigger{
text-align:left;
float:left;
display:inline;
}

XXXdiv#flashcontent{
position:absolute;
top:28px;
left:640px;
}


/* =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{
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:#000;
}


#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 a:link, i#footeremail a:visited{
display:block;
text-decoration:underline;
 }

li#footeremail a:hover{
display:block;
text-decoration:underline;
background-color: #f21300;
color:#fff;
 }

/* =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:52px;
background: #fff200;
border-top: 1px #515b30 solid;
border-bottom: 1px #515b30 solid;
color: #fff000; }

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

#header-navbox ul {
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:30px;
xwidth:90px;
margin:8px 0 0 0;
padding:9px 12px 0px 12px ;
font-size:100%;
line-height:1.3em;
color: #2e422f;
font-weight:bold;
}

#header-navbox ul a#center {
line-height:1.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   {
margin:0px 0 0 0;
background-color: #b6ab9a;
cursor:default;
text-decoration:none;
color: #574119; }


#header-navbox ul a:hover{
background-color: #f21300;
color: #e7e7e7;
xborder:2px solid blue;
text-decoration:none; }


/* =Nav 2  Related Pages section         
-----------------------------------------------------------------------------*/



div#subcontent ul, 
div#subcontent ul ul,
div#subcontent ul ul ul{
margin:3px 5px 0 5px ;
padding:0;
list-style:none;
color:#333;
display:block;
}

div#subcontent ul ul ul{
padding:0 0 0 5px;
}

/*
div#subcontent ul ul ul{
}

div#subcontent ul li a{
display:block;
margin:0px 0 0 0;
padding:0 0 0 0;
text-indent:0;
}

div#subcontent ul ul li a{
margin:0px 0 0 0;
padding:0px 0 0 0;

text-indent:0;
}

div#subcontent ul ul ul li a{
text-indent:10px;
display: list-item;
list-style:none;
padding:0 0 0 0 ;
margin:0px 0 0 0px;}


 =Nav 3  -  Product Thumbnail Nav        
-----------------------------------------------------------------------------*/

div#maincontent #thumbnav{
width: 80px;
text-align:center;
}

div#maincontent #thumbnav a:hover .thumbcaption{
text-decoration: underline; 

padding: 0px 0;
} 

div#maincontent  #thumbnav a.thumb{
text-decoration:none;
padding:0px 0;
} 


/* =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{
background: #e3e5f0;
clear:both;
margin:0;
padding:0px;
border-top: 1px #505b30 solid
}

div#footer ul{
background: #fff200;
margin: 0;
padding:5px;
}
div#footer ul li{
display:inline;
padding:0px;
font-size:85%;
color:#383f15;
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 ul li#credit{
font-size:85%;
float:right;
display:inline;
color:#383f15;
font-weight: normal;
margin:10px 0 0 0;
padding: 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
-----------------------------------------------------------------------------*/