/* General  */

body {
        font: 63% Verdana, Arial, Helvetica, sans-serif;
        background: #FFFFFF;
}


h1, h2, h3, h4, p, ul, ol {
	margin: 0px;
	padding: 0px;
}

a img { 
	border: 1px;
}

body	{
	margin: 0;
	padding: 0;
        line-height: 1.25em;
	text-align: center;
}

/* #812F0B -- brown */
/* #D82D39 -- red */
/* #E26F15 -- intersect orange */

A:link {color: #812F0B; text-decoration: none; }
A:hover {color: #D82D39; text-decoration: none; font-style: italic; }
A:visited {color: #E26F15; text-decoration: none; }
A:active {color: #D82D39; text-decoration: none; }
/**********************Default***************************/
#defaultPage {
    width: 660px;
    margin-top:2px;
    padding-bottom: 20px;    
}


#catLink {
  width: 140px;
  float: left;
  font-size: 1.5em;
  border: 0px solid #777777;
  margin: 15px 6px 5px 7px;

}

#catLink img {
   width: 150px;
   height: 140px;
}
/************************ Gallery *************************/
#galPage{
    width: 660px;
    margin-top:2px;
    padding-bottom: 20px;    
}

#galLogo {
   float: left;
   margin-left: 10px;
}

#galItem {
   float: right;
   margin-right: 10px;
}

#galPage p {
    clear: both;
    font-size: 1.5em;
    line-height: 115%;
    text-indent: 4em;
    text-align: justify;
    
}
#galImages {
    align: center;
    font-size: 2em;
    padding-bottom: 5px;

}

/********************* Wrapper ************************/
#wrapper {
	width: 900px;
     	margin-right: auto;
	margin-left: auto;
	border-right: 1px ridge #646464;
	border-left: 1px ridge #646464;
	text-align: left;
}
/********************** Top Sect ***********************/

#topSec {
         border-bottom: 1px ridge #646464;
         border-top: 1px ridge #646464;
	 background-color: #FFFFFF;
	 height: 90px;
         padding-top: 10px;
}

#topSec img {
        float: left;
        border: none;  
}
/* padding note: up,right, bottom,left */
#logo    {
          padding-left: 10px;
          padding-bottom: 5px;
}

#topSec ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#topSec li {
	display: inline;
	float: right;
	margin-right: 5px;
	padding-bottom: .5em; /* to display bottom border on links in IE */
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
      background: transparent url('/Common/square-gray-left.gif')
                  no-repeat top left;
      display: block;
      float: left;
      font: normal 12px Arial; /* Change 12px as desired */
      line-height: 15px; 
      /* This value + 4px + 4px (top and bottom padding of SPAN) */
      /* must equal height of button background (default is 23px) */
      height: 23px; /* Height of button background height */
      padding-left: 9px; /* Width of left menu image */
      text-decoration: none;
}

      a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton  {
      color: #494949; /*button text color*/
}

a.squarebutton span{
      background: transparent url('/Common/square-gray-right.gif') 
                  no-repeat top right;
      display: block;
      padding: 4px 9px 4px 0;
      /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
      background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
      background-position: bottom right;
      color: black;
}

.buttonwrapper{
       /* Container you can use to surround a CSS button to clear float */
      overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
      width: 100%;
}




/******************** navigation ************************/

#nav  {
       float: left;
/*       border: 2px black solid;   */
       width: 180px;
       padding-left: 10px;
 }


#mainNav {
    height: 350px;
 /*    border: 2px dashed red; */
}

/* NAVIGATION */
#mainNav li {
	list-style: none;
	display: inline;
}

#mainNav a {
	text-decoration: none;
/*	color: #000000; */
	font-size: 1.5em;
/* 	text-transform: uppercase;  all listing in UPPERCASE */
/*	border-bottom: 1px black; */
	display: block;   
	padding-top: 10px;


}

#mainNav ul {
	/* border-top: 1px dashed #999999; */
	margin-top: 20px;
	margin-bottom: 20px;
}

#mainNav a:hover {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}


#nav p {
/*	color: #812F0B;*/
	padding: 10px 0px 10px 2px;
        font-size: 1.5em;
 /*       border-top: 1px dashed #999999; */
         
         
}   /* the text message under nav */


 #nav a {
	text-decoration: none;
        color: red;
}   /* link only color */


#nav span {
     font-size: 1.2em;
     line-height: 1.6em;
     font-weight:bold;
     text-decoration: underline;

}
/******************************** MENU ***************************/
ul#menu {
    width: 140px;   /* menu bar width */
    list-style-type: none;
    align: left;
    margin: 0;
    padding: 0;
}

ul#menu ol {
  display: none;
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding-left: 10px; /* ident of the sub-menu */
}

ul#menu li, ul#menu a {
  font-size: 1.1em;
  color: #785a3c;  /* Color for the menu item */
}

/* ul#menu li { */
 /* border-bottom: solid 1px red; */
 /*  line-height: 1.5em; */
/* } */

ul#menu ol li {
  border-bottom: dotted 1px red;
}  /* Expanded menu */

ul#menu ol li:before {
  content: "- ";
}

ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover {
    color: #EFA000; 
  } /* hover color for menu item */

ul#menu a.active {
 color: #D82D39;
font-weight: bold;

}
/***********************************************************/

#main    {
     float: left 
     padding-bottom: 15px;
/*     margin-left: 5px;*/
/* border: 2px solid pink; */

}
/***********************************************************/

#footer	{
	clear: both;
         align: center;
/* 	 border-top: 1px dashed #646464; */
         border-bottom: 1px solid #646464;
         font-size: 1em;
         padding: 5px 5px 5px 5px;
         text-align: center;
                   
}

/************************************************************/

#pageWrapper {
     width: 660px;
     align: center;
 /*    border: 1px dotted blue; */
     padding-bottom: 75px;
}

#pageWrapper small {
    color: blue;
    font-size: 1em;
    padding-bottom: 3px;
}

#pageWrapper h4 {
    font-size: 1.7em;
    color: #999999;
    line-height: 2em;
    padding: 10px 0 5px 0;
    border-bottom: 3px double #999999;
    background-color: #FFFFFF;

}
#item  {
       width: 210px; 
       float: left;
       margin: 2px 2px 2px 2px;
}

#item h5 {
      font-size: 1.2em;
      font-weight: bold;
      line-height: 2em;
      align: center;
      margin-bottom: 2px;

}

#item img  {
      border: 1px solid #666;
      background-color:#FFF;
      padding: 2px;
}



#item p {
     font: 1.1em;
     text-align: center;
     margin: 5px 0 0 0;
     height: 3em;
}

#item b {
     color: red;
}

#itemLin {
border-bottom: 2px solid orange;
}

/************************************************************/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
    font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/Common/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/Common/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/Common/bubble.gif) no-repeat bottom;
}
/*****************************************************************/
#txtWrapper {
    width: 650px;
    font-size: 1.3em;
    color: #777777;
    line-height: 1.3em;
}

#txtWrapper h1 {
   font-size: 1.5em;
   line-height: 2em;
   font-weight: bold;
   color: #893101;
   border-bottom: 2px dotted #893101;
   padding-top:15px;
}

#txtWrapper span {
  font-weight: bold;
  color: #565555;
   
}
/*****************************************************************/