/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	background:#222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.clearboth {
	clear:both;
	}
.title {
	font-size:18px;
	font-weight:bold;
	color:#0066FF;
	}
.subtitle {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	}
#main_wrapper {
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	width:760px;
	background-image:url(../assets/backgrounds/dblue179.jpg);
	border-left:3px solid #0066FF;
	border-right:3px solid #0066FF;
}
#header {
	 
	}
#nav {
	width:20%; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */	
	}
#content {
	float:left; /* floats on nav and content divs make them sit side by side */
	width:78%; /* this width + nav width must total 100% */
	top:0px;
	background:#BBEEFF;
	padding-right:8px;
	}
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	background-image:url(../assets/backgrounds/dblue179.jpg);
	}
#header_inner, #nav_inner, #content_inner, #promo_inner, #logo_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#logo {
	float:left;
	top:0px;
	width:500px;
	z-index:1;
	}
/* logo_inner is being created to make it possible shift only the logo some pixels from the left and top margins */
#logo_inner {
	margin-top:5px;
	margin-left:80px;
}
/* both <a> and <img> have been set up to avoid the border around the logo image as it is a link to index.htm page */
#logo_inner a {
	text-decoration:none;
}
#logo_inner img {
	border:0;
}
#randomimage {
	float:left;
	margin-top:20px;
	z-index:3;
	}
#randomimage td {
	border:5px solid #333333;
	}
.bigmage {
	z-index:2
	}
#header_inner { 
	padding:0px; /* creates space between the box  and the content */
	}
/* margin-top and margin-bottom in the div menu to show up the dark blue color when going with the mouse over the options of the menu */
#menu {
	font-size: 11px;
	float: left;
	margin-top:3px;
	margin-bottom:3px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}
/* makes each item of the menu to be placed beside the previous one instead of below */
#menu li {
	float: left;
}
/* defining the link appearance for each item of the menu */
#menu a {
	display: block;
	float: left;
	height: 25px;
	padding: 10px 5px 0 10px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
/* how the item of the menu will look like when mouse is over it */
#menu a:hover {
	background:#0066FF;
	color:#000000;
}
/* class created to be used in each template for when the page goes to each different page */
#menu .current_page_item a {
	background:#0066FF;
	color:#000000;
}
#nav_inner {
	padding-left:5px; /* creates space between the left part of the box and the content */
	color:#FFFFFF;
	}
#nav_inner hr {
	color:#0066FF;
	margin:-5px 0px -5px 0px;
	width:140px;
	}
#nav_inner a {
	color:#FFFFFF;
	}
/* .curpage created for the small editable area in the navigation left bar where the title of the current page should be typed */
#nav_inner .curpage {
	color:#FFCC00;
	font-weight:bold;
}
#nav_inner .curpage_smaller {
	color:#FFCC00;
	font-weight:bold;
	font-size:10px;
}
/* .smallbold created to be used only on top of Amazon and Backcountry links */
#nav_inner .smallbold {
	font-weight:bold; 
	font-size:12px; 
	color:#FFCC00;
}
#nav_inner .boldunderline {
	font-weight:bold;
	text-decoration:underline; 
}
#content_inner { 
	padding-left:5px; /* creates space between the left part of box and the content */
	padding-right:5px; /* creates space between the left part of box and the content */
	}
#content_inner a {
	text-decoration:underline;
	font-weight:normal;
	color:#000033;
}
#footer_inner {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	}
#footer_inner a {
	color:#FFFFFF;
}
.title_smaller {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#0066FF;
}