/*  Date:    4/30/2009
	Version:	1
	Author:		Christopher Moy
	Title:		Baltic Treasures 
*/


/* Zero Base */
html {padding: 0; margin: 0; }
p, ul, li {margin: 0; padding: 0;}
DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color: #85A8DC;
 background-image: url(images/page_back.gif);
 background-repeat: repeat-x; 
} 

/* Main Layout IDs */

#wrapper {
width: 690px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 75px;
}

#header {
width: 361px;
height:78px;
text-align: center;
margin-left: auto;
margin-right: auto;
background-image: url(images/header.png);
}


#content_top{
width: 690px;
height: 19px;
margin-top: 40px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(images/content_top.gif);
}

#content_wrap {
width: 690px;
text-align: center;
margin-left: auto;
margin-right: auto;
background-image: url(images/content_back.gif);
}

#top_content {
width: 655px;
height: 254px;
margin-left: auto;
margin-right: auto;
}

#top_content_sub {
width: 655px;
margin-left: auto;
margin-right: auto;
}

#left_col_wrap {
width: 160px;
float: left;
margin-top:0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}

#home_menu_main {
float: left;
width: 160px;
height: 254px;
background-image: url(images/menu_back.gif);
background-repeat: no-repeat;
}

#home_menu {
width: 160px;
height: 254px;
margin:0px;
padding:0px;
background-image: url(images/menu_back.gif);
background-repeat: no-repeat;
}

#right_main_image {
float: right;
width: 492px;
height: 254px;
background-image: url(images/main_right.gif);
}

#right_main_content {
float: right;
width: 492px;
background-color: #DCEAF8;
}

#right_text {
width: 480px;
margin-left: auto;
margin-right: auto;
color: #4B83CA;
padding: 5px;
text-align: left;
}

#bottom_content {
width: 655px;
height: 253px;
margin-left: auto;
margin-right: auto;
}

#bottom_left {
height: 253px;
width: 211px;
background-color: #E0EDF9;
float: left;
background-image: url(images/bottom_left_main.gif);
}

#bottom_right_float {
float: right
width: 420px;
height:253px;
}

#bottom_mid {
height: 253px;
width: 201px;
margin-left: 13px;
padding: 0px;
float: left;
background-image: url(images/bottom_mid.gif);
}

#bottom_right {
float: right;
height: 253px;
width: 210px;
background-image: url(images/bottom_right.gif);
}

#bottom_content_sub {
width: 655px;
margin-left: auto;
margin-right: auto;
background-color: #BDD4ED;
color: #6681A9;
text-align: left;
padding: 5px;
}

#footer {
width: 690px;
height: 17px;
margin-left: auto;
margin-right: auto;
background-image: url(images/footer.gif);
background-repeat: no-repeat;
}

#copy {
width: 690px;
height: 25px;
margin-top: 5px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
color: #282F4A;
font: .8em Georgia, Times, serif;
}

/* Title DIVS */

#pottery_title {
width: 492px;
height: 56px;
background-image: url(images/pottery.gif);
}

#wood_title {
width: 492px;
height: 56px;
background-image: url(images/wood.gif);
}

#ornaments_title {
width: 492px;
height: 56px;
background-image: url(images/ornaments.gif);
}

#location_title {
width: 492px;
height: 56px;
background-image: url(images/location.gif);
}

#purchase_title {
width: 492px;
height: 56px;
background-image: url(images/purchase.gif);
}

#amber_title {
width: 492px;
height: 56px;
background-image: url(images/amber.gif);
}

/*Left Sub Template Bottom Column */

#left_bot_wrap {
width: 160px;
margin-left: auto;
margin-right: auto;
}

#left_col_top {
width: 160px;
height: 10px;
margin-top:5px;
margin-left: auto;
margin-right: auto;
background-image: url(images/left_bar_top.gif);
background-repeat: no-repeat;
}

#left_col_mid {
width: 150px;
margin-left: auto;
margin-right: auto;
text-align: left;
color: #282F4A;
font: .6em Georgia, Times, serif;
}

#left_col_bot{
width: 160px;
height: 38px;
margin-left: auto;
margin-right: auto;
background-image: url(images/left_bar_bottom.gif);
}

/* Forcing Floats to Align */

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }

/* Dashed Line Spacer */

.dashed_line {
width: 655px;
height: 15px;
background-image: url(images/dashed_line.gif);
margin-left: auto;
margin-right: auto;
}

.blue_dashed {
width: 492px;
height: 8px;
background-image: url(images/blue_dashed.gif);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

/* Text Stylings */

h1 {
text-align: left;
font: 2em verdana;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

#right_text p {
padding-bottom: 12px;
}


/* Link Styling */

a:hover, a:active { 
color: #6600CC;
text-decoration: underline;
}

a { 
text-decoration: none;
color: #009966;
}


/* Main Menu Navigation Styling */

	ul#page_nav {
	list-style: none;
	width: 130px;
	margin-left: auto;
	margin-right: auto;
	#margin-left: 0px;/* override for Microsoft Internet Explorer browsers*/
	#margin-right: 0px;/* override for Microsoft Internet Explorer browsers*/
	padding-top: 5px;
	}

	ul#page_nav li a:link, ul#page_nav li a:visited {
	display: block;
	text-decoration: none;
	padding: 2px;
	color: #fff;
	font: .9em Georgia, Times, serif;
	text-align: left;
	}

	ul#page_nav li {
	border-top: 1px solid #E0EDF9;
	padding: 1px;
	font: .9em Georgia, Times, serif;
	}

	ul#page_nav li a:hover {
	color:#3A414D;
	padding: 2px;
	text-decoration: none;
	}

	ul#page_nav li.first  {
		border-top: none;
		}