/* CSS Document */

/******************** LAYOUT **************************/

body {
	background:#CCCCCC url(../images/background.jpg) repeat-x scroll 0 0;
	color:#333333;
	font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size:75%;
	line-height:1.3em;
	margin:0;
	padding:0 0 10px 0;
	text-align:center;
}

#main_wrapper {
	background-image:url(/images/content-bg.jpg);
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:792px;
}

#header {
	background:#CCCCCC url(../images/header-bg.jpg) no-repeat scroll center bottom;
	height:170px;
	margin:0 auto 0;
	padding:0;
	width:792px;
}

#cart_icon {
	position: relative;
	top: 134px;
	left: 756px;
	z-index: 200;
	width: 16px;
	height: 16px;
}

#dropdown {
	padding:0;
	margin:0;
	height:40px;
	width:792px;
	background:url(../images/navbar-bg.gif) repeat-x;
	list-style-type:none;
}

#dropdown li {
	display:inline-block;
	float:left;
	width:88px;
	height:40px;
	background:url(../images/nav-bg.jpg);
	position:relative;
}

#dropdown li a {
	display:block;
	height:27px;
	width:84px;
	padding: 12px 2px 1px; 
	text-align: center;
	font-family: Tahoma;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: normal; 
	font-size-adjust: none;
	font-stretch: normal;
	color: rgb(217, 192, 147);
	text-decoration: none;
}

#dropdown li a:hover {
	text-decoration:none;
	color:#B0CEA6;
}

#dropdown li ul {
	background:none;
	display:none;
	position:absolute;
	width:175px;
	top:40px;
	left:0px;
	z-index:6000;
}
	
#dropdown li > ul {
	top: 40px;
	left: 0px;
}
	
#dropdown li:hover ul, #dropdown li.sfhover ul { 
	display: block;
	z-index:6000;
}
	
#dropdown ul.submenu {
	list-style-type:none;
	margin:0px;
	background-color:#000000;
	padding:3px 3px 0 3px;
}
	
#dropdown ul.submenu li {
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
	width:175px;
	height:auto;
	text-align:left;
	margin-bottom:3px;
}
	
#dropdown ul.submenu li a {
	font-weight:normal;
	background-color:#CCCCCC;
	color:#17565E;
	padding:4px;
	width:165px;
	height:auto;
	text-align:left;
	border: 1px solid #CCCCCC;
}
	
#dropdown ul.submenu li a:hover {
	background-color:#17565E;
	color:#D5AC3F;
	border:1px solid #D5AC3F;
}

#content {

}

#main_col {
	width:580px;
	float:left;
	margin-right:-192px;
	padding:15px 0 20px 20px;
}

#daily_message {
	background: url(../images/mp3-bg.jpg) no-repeat;
	width: 250px;
	height: 94px;
	text-align:center;
	padding-top:48px;
}

#right_col {
	float:right;
	width:170px;
	padding:10px 12px 20px 10px;
}

#footer {
	clear:both;
	background:url(../images/content-bottom.jpg);
	height:38px;
	width:792px;
	text-align:center;
	color:#333333;
	position:relative;
	font-size:0.917em;
	padding-top:25px;
}

#rss {
	position: absolute;
	bottom: 15px;
	left: 130px;
	z-index: 2000;
	width: 32px;
	height: 32px;
}

/******************** STYLES **************************/

table {
	font-size:12px;
}

a {
	color:#17565E;
	text-decoration:none;
}

a:hover {
	color:#B38631;
}

p {
	margin: 1em 0;
}

.nav_link {
	display:block;
	padding:5px 3px 3px 12px;
	color:#303030;
	font-size:15px;
	text-decoration:none;
	text-align:left;
}

.nav_link:hover {
	display:block;
	background-color:#303030;
	padding:5px 3px 3px 12px;
	color:#e8dac1;
	font-size:15px;
	text-decoration:none;
	text-align:left;
}

.title {

}

.subtitle {
	color:#888888;
}

.alttext1 {
	color:#303132;
	font-size:1.308em;
	font-weight:bold;
}

.alttext2 {
	color:#303132;
	font-size:1.154em;
	font-weight:bold;
}

.header1 {
	font-size:22px;
	font-weight:bold;
	line-height:normal;
}

.header2 {
	font-size:18px;
	font-weight:bold;
	line-height:normal;
}

.header3 {
	font-size:14px;
	font-weight:bold;
	line-height:normal;
}

h1 {
	font-size:22px;
	margin-top:0;
	margin-bottom:14px;
	line-height:normal;
}

h2 {
	font-size:18px;
	margin-top:0;
	margin-bottom:12px;
	line-height:normal;
}

h3 {
	font-size:14px;
	margin-top:0;
	margin-bottom:10px;
	line-height:normal;
}

.header1 a, .header2 a, .header3 a, h1 a, h2 a, h3 a {
	color:#000000;
	text-decoration:none;
}

.header1 a:hover, .header2 a:hover, .header3 a:hover, h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration:underline;
}

.image_on_right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.image_on_left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.keywords {
	background-color:#EEEEEE;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:5px;
}

/* Comments */

.commentContent {
	border-top:1px dotted #999999;
	padding-top:10px;
}

.commentInfo {
	padding-top:4px;
	padding-bottom:10px;
}

/* Calendar */

.cal_header {
	font-weight: bold;
	text-align: left;
	font-size: 14px;
}

.calendar {
	width:100%;
	border: 1px solid #DDDDDD;
	border-collapse: collapse;
}

.calendar td {
	border: 1px solid #DDDDDD;
	vertical-align: top; 
}

.calendar td.today {
	background-color:#FFFFCC;
}

.calendar td.other_day {
	background-color:#FFFFFF;
}

.dayofweek {
	background-color: #333333;
	color:#FFFFFF;
	font-size:13px;
	font-weight:normal;
	padding:2px;
}

.empty_day {
	background-color:#DDDDDD;
}

.highlight {
	background-color: #FFE7D0;
}

.day {
	background-color:#EEEEEE;
	font-size:11px;
	color:#4F4F45;	
	padding:2px;
}

.day_today {
	background-color:#DDDDDD;
	font-size:11px;
	color:#4F4F45;	
	padding:2px;
}

.day a, .day_today a {
	color:#4F4F45;
	text-decoration:none;
}

.calendar hr {
	border: none 0;
	height: 1px;
	border-top: 1px dotted #B9B9A2;
}

.gray {
	color:#CCCCCC;
}

.author {
	font-weight:normal;
}

.author a {
	color:#000000;
	text-decoration:none;
}

.author a:hover {
	text-decoration:underline;
}

.form {
	font-size:11px;
}

.form select, textarea {
	font-family:"Lucida Grande",LucidaGrande,Arial,sans-serif;
	font-size:11px;
	border:1px solid #CCCCCC;
}

.form_element {
	font-family:"Lucida Grande",LucidaGrande,Arial,sans-serif;
	font-size:11px;
	border:1px solid #CCCCCC;
}

.copyright {

}

.copyright a {

}

.error {
	text-align:left;
	padding:6px;
	background-color:#FFFFCC;
	border:solid #FFCC33 2px;
}