html, body, #wrap {
      height: 100%;
      text-align: center;
      margin:0 auto;
      }

body > #wrap {
     height: auto;
     min-height: 100%;
}

#top{
     width:100%;
     height:20px;
     background:#000;
 }

#main {
     text-align:left;
     padding-bottom: 100px;  /* must be same height as the footer */
     margin:0 auto;
     width:780px;
     min-height: 100%;
      } 
      
#topnav{
        width:100%;
        height:75px;
        border-bottom:1px solid #e4e4e4;
 } 
 
/* Top Menu */

#topnav img {
	margin: 0;
	padding-left: 5px;
	} 

#topnav ul {
	margin: 0;
	padding-top: 45px;
	display: inline;
	border: none;
        float:right;
	} 

#topnav ul li {
    font-family:arial;
    font-size:.9em;
	margin: 0;
	padding-left: 20px;
	border: none;
	list-style: none;
	display: inline;
	}
    
#topnav a:link {color : #666; } 
#topnav a:visited {color : #666; } 
#topnav a:hover {color : #000; }    

/* END Top Menu */

/* header */

#header{
        width:100%;
        height:50px;
 }


/* END header */

/*content*/

#content{
         width:100%;
         margin-top:30px;
         margin-bottom:50px;
         padding:0;
         float:left;
}

#sidenav{
         float:left;
         border:0px solid #ccc;
         margin:5px;
 }

#sidenav ul{
         list-style-type: none;
         padding:4px;
         margin:0;
         float:left;
         width:185px;
}

#sidenav h1{
         padding:4px;
         padding-left:0px;
         margin: 0;
         font-family:arial;
         font-size:1.2em;
         font-weight:normal;
         text-transform:uppercase;
         background:;
}

#sidenav h2{
         padding:4px;
         padding-left:0px;
         margin: 0;
         font-family:arial;
         font-size:.8em;
         font-weight:normal;
         text-transform:uppercase;
         background:;
}

#sidenav li{
        margin:0;
        padding-left:0px;
        width:185px;
        line-height: 1.4em;
        font-family:arial;
        font-size:.8em;
        font-weight:normal;
        text-align:left;
 }
 
#sidenav a:link {color : #1D96B8; } 
#sidenav a:visited {color : #1D96B8; } 
#sidenav a:hover {color : #F87100; }

#block2{
        width:500px;
        float:right;
        padding-top:10px; 
        font-family:arial;
        font-size:.9em;
        line-height: 1.4em;      
 }
 
#block2 h1{
        font-family:arial;
        font-size:3em;
        font-weight:normal;
        margin:0;
        padding:0 0 30px 0;
 }
 
#feature{
         width:200px;
         height:250px;
         float:right;
         border:1px solid #ccc;
         margin-left:10px;
         margin-bottom:10px;
         padding:10px;
 }
 
#feature h1{
        font-family:arial;
        font-size:1.8em;
        font-weight:normal;
        text-align:center;
        color:#F87100;
        padding:0;
        margin:0;
 }

/* END content*/

#footer {
        font-family:arial;
        font-size:.7em;
        letter-spacing:.1em;
        color:#999;
        background:#e4e4e4;
        position: relative;
        margin-top: -100px; /* negative value of footer height */
        height: 100px;
        clear:both;
        padding-top:10px;
        border-top: 1px solid #ccc;
    }
#footer a:link {color : #1D96B8; } 
#footer a:visited {color : #1D96B8; } 
#footer a:hover {color : #F87100; }

#innerfoot{
           width:780px;
           margin:0 auto;
 }


#contact{
         text-align:left;
         line-height: 1.4em;
         margin-top:5px;
         float:left;
 }
 
#credit{
         font-size:.7em;
         line-height: 3em;
 }

 
/* -----Foot Menu----- */
#footnav{
    float:right;
 }

#footnav ul {
	margin: 0;
	padding-top: 0px;
	display: inline;
	border: none;
	} 

#footnav ul li {
    letter-spacing:0;
    font-size:1.2em;
	margin: 0;
	padding-left: 20px;
	border: none;
	list-style: none;
	display: inline;
	} 
    
#footnav li a:link {color : #666; } 
#footnav li a:visited {color : #666; } 
#footnav li a:hover {color : #000; } 

/* ------END Foot Menu------ */
        
 
/* CLEAR FIX*/
.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* -----forms------*/

.fields{
	border:1px solid #ccc;
	margin:5px 0 5px 5px;
}

.fields_record{
	border:1px solid #ccc;
	margin:0px 0 0px 0px;
}

.button{
	background:#F87100;
	border:0;
	text-transform:uppercase;
	padding:6px;
	margin:0;
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* -----END forms-----*/


/* -------thumb record--------------*/

#thumb_record{
	width:140px;
	height:100%;
	border:1px solid #ccc;
	text-align:center;
	margin:0;
	padding:10px 0px 10px 0px;
}

#thumb_record a:link {color : #666; } 
#thumb_record a:visited {color : #666; } 
#thumb_record a:hover {color : #000; }  

#thumb_record h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:.8em;
	text-align:center;
	margin:0;
	padding:5px 0;
}

#thumb_record h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:.6em;
	text-align:center;
	margin:0;
	padding:0;
}

#thumb_record h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.8em;
	color:#ff0000;
	text-align:center;
	margin:0;
	padding:0;
}


#thumb_record p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:.7em;
	margin:5px 0 5px 0;
	padding:0;
}

#thumb_record span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#ff0000;
}

#add{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:.7em;
	text-align:center;
	margin:10px 0 0 0;
	padding:0;
}

#category {}

#category h1{
        font-family:arial;
        font-size:38px;
        font-weight:normal;
        margin:0;
        padding:0;
 }

#category_info{
        font-family:arial;
        font-size:14px;
        font-weight:normal;
	line-height: 1.4em;
        margin:0;
        padding:10px 0 10px 0;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;	
 }

#category_info a:link {color: #ff0000; } 
#category_info a:visited {color: #ff0000; } 
#category_info a:hover {color: #ff0000;text-decoration:underline;}

#category_info h1{
        font-family:arial;
        font-size:18px;
        font-weight:normal;
	line-height: 1.4em;
	text-transform:uppercase;
        margin:0;
        padding:0 0 5px 0;	
 }

#category_info h2{
        font-family:arial;
        font-size:14px;
        font-weight:normal;
	line-height: 1.4em;
        margin:0;
        padding:0;	
 }

#category_info h3{
        font-family:arial;
        font-size:20px;
	color:#ff0000;
        font-weight:normal;
	text-transform:uppercase;
	line-height: 1.4em;
        margin:0;
        padding:5px 0 0 0;	
 }

#category_info span{
        font-family:arial;
        font-size:11px;
        font-weight:normal;
	text-transform:uppercase;
	color:#666;
	line-height: 1.4em;
        margin:0;
        padding:0;
	
 }

#gingham_check{
	text-align:center;
 }

#gingham_check ul{
	list-style: none;
	margin:0;
	padding:0;
 }

#gingham_check li{
	display:inline;
        font-size:13px;
	margin-right:20px;
 }


/* -------END thumb record--------------*/



/* --------- record---------------*/

#record{
	margin-top:15px;
}

#record td{
	width:350px;
}

#itemimg{
	width:350px;
	border:1px solid #ccc;
	margin:0;
	padding:4px;
}

#recordinfo{
	text-align:left;
	margin:0;
	padding:4px;
	width:90%;
	border:1px solid #ccc;
	background:#f6f6f5;	
}

#recordinfo h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;	
}

#recordinfo h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:normal;
	margin:0 0 20px 0;
	padding:0;	
}

#recordinfo h2 span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;	
}

#recordinfo h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:bold;
	color:#ff0000;
	margin:0 0 10px 0;
	padding:0;	
}

#recordinfo p{
	margin:0;
	padding:0 0 5px 0;	
}

#recordinfo span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:normal;
	padding:0 0 0 0;
	margin:0;	
}

#record_desc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height: 1.4em;
	text-align:left;
	margin-top:20px;
	padding:0;
	width:90%;	
}

#record_desc span{
        font-family:arial;
        font-size:9px;
        font-weight:normal;
	text-transform:uppercase;
	color:#666;
	line-height: 1.4em;
	
}

.record_field{
	border:1px solid #ccc;
	margin:0;
}

#back{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.1em;
	margin:20px 0 20px 20px;	
}

#back a:link {color : #666; } 
#back a:visited {color : #666; } 
#back a:hover {color : #000; } 

#enlarge{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	margin-top:10px;	
}
/* -------END record--------------*/

/* -------Home--------------*/

#item_group{
	width:595px;
	height:600px;
}

#item_home{
	border-bottom:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	float:left;
	width:250px;
	margin:10px 30px 0 0;
	padding:0;
}

#item_home a:link {color : #000; } 
#item_home a:visited {color : #000; } 
#item_home a:hover {color : #000; }

#item_home img{
	padding-bottom:10px;
	margin:0;
}

#item_home h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0 0 0 90px;	
}

#item_home h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:2px 0 0 90px;	
}

#item_home h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#ff0000;
	margin:0;
	padding:10px 0 0 90px;	
}

#item_home span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#ff0000;
	margin:0;
	padding:0;	
}


/* -------END Home----------*/