/* Import Global Reset */
@import url("reset.css");

/* Import Article Styles */
@import url("layout.css");

/* Clear Fix Hack for Firefox */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

/* Background Properties */
body { background: #f3f3f3 url(../img/website-background.gif) repeat-x center top; }

/* Website Default Text & Test Color */
body, th, td {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}

/* Default Link Style*/
a {
	color: #0066b4;
	text-decoration: underline;
	outline: none;
}

a:hover { color: #555555; }

/* Background Composition */
.shadow { background: url(../img/shadow-bg.gif) repeat-y 50% top; }

.website-header { background: url(../img/website-header-bg.jpg) no-repeat 50% top; }

.wrap {
	width: 956px;
	margin: 0 auto;
}

/* Website Logo and Tagline */
.masterhead { height: 110px; }

h1.logo {
	width: 506px;
	float: left;
}

h1.logo a {
	display: block;
	height: 94px;
}

h1.tagline { float: right; }

h1.logo span, h1.tagline span {
	position: absolute;
	left: -50000px;
}

/* Content Structure */
.left-column {
	float: left;
	width: 240px;
}

.right-column {
	float: right;
	width: 706px;
}

/* Footer */
.footer {
	background: #f3f3f3 url(../img/footer-bg.gif) no-repeat center top;
	padding: 22px 0 20px;
	font-size: 10px;
	color: #646464;
	text-align: center;
	line-height: 18px;
}

.footer a {
	text-decoration: none;
	color: #646464;
	text-decoration: none;
}

.footer a:hover {
	color: #0054d6;
	text-decoration: underline;
}

.header-image {
	width: 706px;
	height: 250px;
	overflow: hidden;
}

/* Newsletter Box */
#newsletter_box {
	background: #333333 url(../img/newsletterbox_bg.gif) no-repeat left top;
	padding: 64px 10px 10px;
	color: #fff;
}

#newsletter_box h1 {
	position: absolute;
	left: -5000px;
}

#newsletter_box p {
	font-size: 11px;
	padding-bottom: 22px;
}

#newsletter_box label {
	font-size: 10px;
	color: #9a9a9a;
}

#newsletter_box label input {
	display: block;
	margin: 5px 0 10px;
	border: 1px solid #000;
	background: #fff;
	padding: 2px 0;
	width: 218px;
}

#newsletter_box .subscribe_button {
	border: 0;
	background: url(../img/newsletterbox_subscribe_btn.gif) no-repeat left top;
	width: 83px;
	height: 27px;
	cursor: pointer;
}

ul#quick_nav { padding: 0 0 10px; }

ul#quick_nav li {
	list-style: none;
	list-style-position: outside;
	padding: 4px 0 4px 20px;
	background: url(../img/quick_nav-star.gif) no-repeat left 7px;
}

ul#quick_nav li a {
	font-size: 11px;
	font-weight: bold;
}

/* Form Table */
table.form_table { margin-bottom: 10px; }

table.form_table td {
	padding: 6px 4px;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}

input.custom_fields, select.custom_fields, textarea.custom_fields {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	vertical-align: middle;
	border: 1px solid #cccccc;
	padding: 2px 4px;
	width: 200px;
}

select.custom_fields { width: 210px; }

input.default_button, a.default_button, a.default_button:hover, td.go-back a, td.go-back a:hover, /* page navigation*/ td.go-fwd a, td.go-fwd a:hover /* page navigation*/ {
	border: 1px solid #999;
	background: #fff url(../img/default_button-bg.gif) repeat-x left bottom;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	padding: 3px 8px 4px;
	cursor: pointer;
	text-decoration: none;
}

a.default_button, a.default_button:hover {
	float: left;
	text-decoration: none;
	padding: 4px 8px 5px;
	margin-right: 10px;
}

.clear { clear: both; }

/* Error Message */
.error_message {
	font-size: 11px;
	color: #F00;
}

/* Website Align */
/* For General Elements */
.right { text-align: right; }

.left { text-align: left; }

/* For Buttons */
a.right, a:hover.right { float: right; }

a.middle, a:hover.middle { margin: 0 auto; }

/* Frequently Asked Questions */

/* Certificate Copy */
#certificate_copy {
	width: 522px;
	height: 388px;
	overflow: hidden;
	position: relative;
	margin: 10px 0;
}

#certificate_copy .reciver, #certificate_copy .package, #certificate_copy .date, #certificate_copy .buyer, #certificate_copy .id, #certificate_copy .notes {
	position: absolute;
	font-weight: bold;
	color: #000;
	font-size: 13px;
}

#certificate_copy .reciver {
	left: 226px;
	top: 136px;
}

#certificate_copy .package {
	left: 94px;
	top: 176px;
}

#certificate_copy .date {
	left: 128px;
	top: 246px;
}

#certificate_copy .buyer {
	left: 138px;
	top: 286px;
}

#certificate_copy .id {
	left: 144px;
	top: 326px;
}

#certificate_copy .notes {
	left: 76px;
	top: 356px;
}

/* Item List */
ul.listItems { margin-bottom: 10px; }

ul.listItems li {
	list-style: none;
	list-style-position: outside;
	padding: 0 0 10px;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
}

ul.listItems li .itemNav {
	padding: 8px 0 0;
	height: 26px;
}

ul.listItems li .itemNav a, ul.listItems li .itemNav a:hover, ul.listItems li .itemNav.input { float: right; }

ul.listItems li .rowList {
	padding: 8px 0 0;
	height: auto !important;
	height: 26px;
	min-height: 26px;
}

ul.listItems li .rowList a, ul.listItems li .rowList a:hover, ul.listItems li .rowList.input { float: left; }

ul.listItems li .date {
	font-size: 11px;
	color: #666;
	padding-bottom: 6px;
}

/* Calendar List */
.calendar_nav {
	width: 320px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}

.calendar_nav h1 { padding: 0; }

.calendar_cells {
	float: left;
	padding: 10px 22px 10px 0;
}

table.dates_list {
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
}

table.dates_list td, table.dates_list th {
	font-size: 11px;
	padding: 5px 6px;
	text-align: center;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	width: 14px;
}

table.dates_list th {
	background: #0067b6;
	color: #fff;
	font-weight: bold;
}

table.dates_list th.month_title {
	background: #e2e2e2;
	font-size: 13px;
	color: #808080;
	width: auto;
}

table.dates_list th.month_title a { text-decoration: none; }

table.dates_list th.sunday { background: #71a5cc; }

table.dates_list td a {
	color: #0067b6;
	font-weight: bold;
	text-decoration: none;
}

/* Calendar List + Month Style */
table.month_list {
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	margin: 10px 0;
}

table.month_list td, table.month_list th {
	font-size: 11px;
	padding: 5px 6px;
	text-align: center;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	width: 82px;
	height: 82px;
}

table.month_list th {
	background: #0067b6;
	color: #fff;
	font-weight: bold;
	height: auto;
}

table.month_list td {
	text-align: left;
	vertical-align: top;
}

table.month_list th.month_title {
	background: #e2e2e2;
	font-size: 13px;
	color: #808080;
	width: auto;
}

table.month_list th.month_title a { text-decoration: none; }

table.month_list th.sunday { background: #71a5cc; }

table.month_list td a {
	color: #0067b6;
	font-weight: bold;
	text-decoration: none;
}

table.month_list td .dayevents_list {
	padding: 4px 0 0;
	font-size: 10px;
	color: #666;
}

div.dayevents_list { padding: 10px 0 10px; }

/* Post Comments */
.postcomment {
	padding: 10px 0;
	height: 24px;
}

ul.commentlist li {
	font-size: 13px;
	color: #333;
	padding: 8px 0;
	border-bottom: 1px solid #e5e5e5;
}

ul.commentlist li strong {
	font-size: 10px;
	color: #666;
	display: block;
	padding: 4px 0 0;
}

ul.commentlist li strong span { font-weight: normal; }

/* Page Navigation */
table.page_navigation { margin: 0 auto; }

table.page_navigation td {
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	color: #666;
}

table.page_navigation td select {
	font-size: 11px;
	vertical-align: middle;
}

td.go-back, td.go-fwd { width: 80px; }

td.go-back a { float: right; }

td.go-fwd a { float: left; }

/* Category List */
ul.category_list { }

ul.category_list li {
	float: left;
	width: 40%;
}

.linkpath h1 {
	font-size: 12px;
	letter-spacing: 0;
	font-weight: bold;
}

.linkpath h1 a, .linkpath h1 a:hover {
	color: #fff;
	text-decoration: none;
}

.linkpath h1 a:hover { text-decoration: underline; }

/* List Album Items */

.albums_list {
	padding: 16px 0 16px 20px;
}

.albums_list .listItem {
	float: left;
	text-align: center;
	width: 208px;
	padding-right: 10px;
	font-size: 10px;
	color: #666;
}

.albums_list .listItem h1 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}

.albums_list .listItem .image_holder {
	width: 150px;
	margin: 0 auto 10px;
	padding-bottom: 20px;
}