/* MAIN STYLESHEET declarations in following order : 
Margin reset, body, headings, hyperlinks, container, header, main menu, content, 
sidebar, footer, forms, images, blockquote, bullet, article footer....*/
*{margin: 0; padding: 0;}

body {
text-align: center;
font: 90%/1.5 Verdana, Arial, Helvetica, Tahoma, sans-serif;
color:#646464;
background:#8e8e8e url('../images/Background-body.jpg') repeat-x fixed;
}

/* ....................................................................................DEFAULT LINKS  ...*/
a {text-align:center; color: #336633; text-decoration:none;}
a:visited{color: #BF973B;}
a:hover{text-decoration:underline;}
a:focus {outline-style: none;}


/* ....................................................................................HEADINGS  ...*/
h1, h2{ line-height:1.0; color: #000;}
h1 {font-size: 1.1em;}
h2 {font-size:1.0em; margin-bottom:5px;}

/* ....................................................................................PAGE WRAPPER ...*/
#container {margin: 0 auto; width:960px; text-align:left; padding:15px; 
background: #fff url('../images/bodybg.jpg') no-repeat;
}

/* ....................................................................................HEADER DIVISION ... */
#header {height:120px; background: #000; padding-left:27px; border: 3px solid #000;}
.title{float:left; width:475px; font-size: 2.5em; color:#fff; text-align:left; text-decoration:underline; margin-top:10px;}
#header a:visited{color: #FFF;}
.slogan{float:left; width:750px; font-size: 1.5em; color:#CB0F0F; margin-top:6px;}
#logo{float:right; margin-top:-50px; margin-right:30px;}

/* .................................................................................... HORIZONTAL NAVIGATION ... */
#nav{
	width:960px; height:40px; margin: 0 auto; text-align:left;
	background: #fff url('../images/navbg.jpg') repeat-x scroll top left; 
	}

#nav ul {list-style: none;	height: 40px;}

#nav ul li {float: left; display: block; padding:0;}

#nav ul li a {color: #ffffff;	display: block; font-size: 1.3em; padding: 5px 30px; text-decoration: none; letter-spacing:0.1em;}

#nav ul li a:hover {background: #000; color: #fff;}

#nav ul li a:visited {color:#777;}

/* ................................................................................... MAIN CONTENT DIVISION ... */
#maincontent{width: 674px; min-height:600px; float: left; padding: 20px; margin: 20px 0px 10px 193px; display:inline;}
#maincontent ul{ list-style-image:url(../images/default-bullet.gif); padding-left:20px; }
#maincontent ul li {padding-left:15px; margin-left:5px;}	
#home #maincontent{width: 465px; margin-left:160px;}
#home #sidebar{ margin-left:-658px; width:120px;}
#secondarycontent{float:right; display:inline; width:270px; margin-top:40px; margin-right:10px;}

/* ................................................................................. ALIGNMENT ... */
.right{ text-align:right; }
.left{ text-align:left; }
.centered{ text-align:center; margin-left: auto; margin-right: auto; }

/* ................................................................................. IMAGES ... */
.picleft{float:left; padding:2px; margin:5px 15px 10px 0px; }
.picright{float:right; padding:2px;	margin:5px 15px 15px 0px;}
.piccenter{padding:2px;	display: block; margin-left: auto; margin-right: auto; margin-top:15px; margin-bottom:15px;}

/* ................................................................................... BLOCKQUOTES ... */
.quote {margin: 1em 3em; padding: .5em 1em; border-left: 3px solid #BF973B; background-color: #ffffff; }
.quote p {margin: 0; }

/* ................................................................................... SIDEBAR ... */
#sidebar {float: left; width: 130px; display:inline;
	background:#ffffff; margin: 20px 0px 20px -900px; padding:20px;} 

#sidebar h2{
	text-align:left;
   margin-bottom:10px;
	
	}
#sidebar h3{
	text-align:center;
	font-size: 1.0em;
	font-weight:bold;	
	}

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

.boxSidebar{
	width:100%;
	padding:0px 10px 16px 0px;
	float:left;
	color:#000;
	}

#about #sidebar, #contact #sidebar{
	margin-top:16px;
	}

/* ..............................................................Amazon Links & Article Footer ... */
#articlefooter, #amazonlinks{
	margin-bottom:10px;
	}

#articlefooter ul, #amazonlinks ul{
	list-style:none;
   padding-left:0px;
	}

#articlefooter ul li, #amazonlinks ul li{
	display:inline;
	margin: 0px; padding: 0px;
	}

#articlefooter li a, #amazonlinks li a{
	text-decoration: underline;
	margin-right:50px;
	}

/* .................................................................................. FOOTER DIVISION ... */
#footer{		
	clear: both; height: 180px; text-align: center;	
	background: #000000 url("../images/footer.png") top center no-repeat;
	border: #333 3px solid;	padding: 10px 0px; 		
	}

#footertext{margin: 0 auto; width:400px; margin-top:120px;}
#footer a:link{color:#fff;text-decoration:underline;}
#footer a:hover{background:#004b18;color:#ffffff;}
.footerbadges{font-size: 0.8em;display:inline;padding:5px;color:#fff;}



/* .................................................................................. FORMS ... */
form.searchform p {margin: 5px 0;}

form input, form select{
	padding: 5px;
	color: #222;
	/*	border: 1px solid #ccc;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd; */
	font-family: Arial, Helvetica, sans-serif;
	}

form input.formbutton {
	border: none;
	background: #CB0F0F;	
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
	font-size: 1em;	
	letter-spacing: 1px;
	width: 139px;
	overflow: visible;	
	}