/* @override http://www.queeniechan.com/css/default.css */


/* @group reset styles */

/* -------------------------------------------------------------- 
  
   * Resets default browser CSS styles.
   
   Original by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1; color: #333; background: white; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* @end */



/* -------------------------------------------------------------- 
  
   default.css
   Default stylesheet for queeniechan.com
   
   by Gerry Quach
   
-------------------------------------------------------------- */


/* @group body elements */

body {
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color: #b21b1f;
  	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  	font-size: 0.8125em;
  	line-height: 1.5; /* Unitless for proper inheritance */	
}


a:link,
a:visited { 
	color: #125AA7;
	text-decoration: none;
	outline: none;
	padding-bottom: 0;
	border-bottom: 1px solid #CCC;
}

a:hover,
a:active,
a:focus,
.main-content .categories-list a:hover { 
	color: #000;
	background-color: transparent;
    padding-bottom: 0;
	border-bottom: 2px solid #000;	
}


a img {
	border: none;
}

/* images that are linked must have a class="image-link" assigned to prevent strange border-bottom display problems */
img.left-image-link,
img.right-image-link {
	float: left;             /* must float, else you get weird border-bottom display problem */
	margin: 3px 15px 15px 0;
	padding: 4px;
	border: 1px solid #125AA7;
	background-color: transparent;
}

img.right-image-link {
	float: right;
	margin: 3px 0 15px 15px;
}

a img.left-image-link:hover,
a img.left-image-link:active,
a img.left-image-link:focus,
a img.right-image-link:hover,
a img.right-image-link:active,
a img.right-image-link:focus {
	border-color: #000;
	background: #000;
}



p {
  line-height: 1.5;
  margin-bottom: 1.5em;
}

ul, ol {
	margin-bottom: 1.5em;		/* match the margin-bottom of p */
	margin-left: 1.8em;
}

ul {
	list-style-type: square;
}

ul ul {			/* for sub lists, we don't want a bottom margin else it looks weird, e.g. Site Map */
	margin-bottom: 0;
}

li {
/*	margin-bottom: 0.7em; */
}

dl {
	margin-top: 0;
	margin-bottom: 1em;	
}

dt {
	width:  8em;
	margin-right: 1em;
/*	margin-bottom: 0.7em; */
	text-align: right;
	float: left;
	font-weight: bold;
}

dd {
	margin-left: 9em;
/*	margin-bottom: 0.7em;	*/
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

blockquote {
	clear: both;
	font-style: italic;
	margin: 0 30px 1em 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* @end */




/* @group header */

#header {
	height: 190px;
	color: #FFF;
	background-color: #B21A1F;
	background-image: url(../images/layout/header_bg.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #911612;
}

#header-content {
	width: 770px;
	height: 190px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/layout/header-content.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#header-content-narrative-nav {
	height:  85px;
	margin: 0 100px 0 170px;
	padding-top: 10px;
/*	padding: 18px 100px 0 165px; */
	text-align: left;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 120%;
	line-height: 1.8;
	color: #333;
	background-color: transparent;	
	overflow: auto;
}

#header-content-narrative-nav a {
	padding: 2px 3px 1px 3px;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

#header-content-narrative-nav a:hover,
#header-content-narrative-nav a.active:hover {
	border-bottom: 1px solid #000;
	color: #FFF;
	background-color: #222;
}

#header-content-narrative-nav a.active {
	color: #FFF;
	background-color: #911612;
/*	color: #968161;
	background-color: transparent; */
	border-bottom: 1px solid #000;	
}

/*
#header-content-narrative-nav a.active:hover {
	color: #000;
	background-color: transparent;
	border-bottom: 1px solid #000;	
}
*/

a#skip-to-content {
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 999em;
	padding: 10px 25px;
	color: #6B9CCE;
	background-color: transparent;
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #336699;
}

a#skip-to-content:active {
	color: #FFF;
	background-color: #000;
	top: 10px;
	right: 10px;	
}


/* @end */






/* @group main-navbar */

#main-navbar-container {
	width: 100%;
	color: #000;
/*	background-color: #FFB62F; */
	background-color: #FFD642;
/*	height: 2.1em; */
	border-top: 1px solid #FFE254;
/*	border-top: 1px solid #FFD887; */
 	border-bottom: 2px solid #D4828B;
/*	border-bottom: 2px solid #B98422;	*/
}

ul#main-navbar {
	width: 770px;
	margin: 0 auto;
	display: block;
	padding: 0;
	list-style: none;
	color: #000;
	background-color: #FFB62F;
  	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	font-weight: bold;
}

ul#main-navbar li {
	float: left;
	margin: 0;
	line-height: 2.4;	
	text-align: center;
	background-image: url(../images/layout/main-navbar_bg.gif);
	background-repeat: repeat-x;
	color: #000;
	background-color: #FFB62F;
	width: 8em;		/* default width, is usually overriden below */
}


ul#main-navbar li#home {
	width:  6.2em;
}

ul#main-navbar li#about {
	width:  6em;	
}

ul#main-navbar li#mangagallery {
	width:  6.2em;	
}

ul#main-navbar li#books {
	width:  6.2em;	
}

ul#main-navbar li#essays {
	width:  6.1em;	
}

ul#main-navbar li#news {
	width:  6em;	
}

ul#main-navbar li#events {
	width:  6.2em;	
}

ul#main-navbar li#links {
	width:  6em;	
}

ul#main-navbar li#imagegallery {
	width:  6.2em;	
}

ul#main-navbar li#contact {
	width: 7em;	
}

ul#main-navbar li#sitemap {
	width:  7em;	
}

ul#main-navbar li a {
	display: block;
	height: 1%;		/* hack to make IE/Win fill box for correct a:hover effect */
	color: #4C3109;
	background-color: transparent;
	text-decoration: none;
	border-left: 1px solid #FFE254;
	border-right: 1px solid #D4828B;
	border-bottom: none;
}

ul#main-navbar li.active a:hover,
ul#main-navbar li a:hover {
	color: #FFF;
	background-color: #222;
/*	margin-left: -1px; */
	border-left: 1px solid #222;
	border-right: 1px solid #222;
	margin-top: -1px;
	border-top: 1px solid #444;
	margin-bottom: -2px;	
	border-bottom: 2px solid #000;
/*	border: 1px solid #000; */
}

ul#main-navbar li.active a {
	color: #FFF;
	background-color: #911612;
	border-left: 1px solid #5F0C0C;
	border-right: 1px solid #5F0C0C;
	margin-top: -1px;
	border-top: 1px solid #9F5F5F;
	margin-bottom: -2px;	
	border-bottom: 2px solid #5F0C0C;
/*	background-color: #F0A524;
	border-left: 1px solid #F0A524;
	border-right: 1px solid #F0A524;	*/
	
/*	border: 1px solid #F0A524; */
}


/* give the 3D illusion of an impressed button for first (home) button */
/*
ul#main-navbar li#home.active a {
	border-left: 1px solid #D4828B;
}
*/

/*
ul#main-navbar li#home a:hover {
	margin-left: 0;

}
*/


/* give the 3D illusion of an impressed button for last (sitemap) button */
/*
ul#main-navbar li#sitemap.active a {
	border-right: 1px solid #FFE254;
}
*/

/* @end */




/* @group main-content-container and background dropshadow */

#main-content-background {
	clear: both;
	color: #222;
	background-color: #FCFCD8;
}

#main-content-dropshadow-container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 770px;
	background-image: url(../images/layout/main-content-dropshadow.gif);
	background-repeat: repeat-y;
	background-position: right;
}

/* @end */




/* @group breadcrumb-bar */

#breadcrumb-bar {
	/* width:  770px; */
	margin-right: 6px;
	padding: 7px 15px;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 5px solid #0e5d8c;
	color: #FFF;
	background-color: #5285c5;
	background-image: url(../images/layout/breadcrumb-bar_bg.gif);
	background-repeat: repeat-x;	
  	font-family: Corbel, Calibri, 'Lucida Grande', Verdana, sans-serif;
	font-size: 100%;
	line-height: 1.3;
	font-weight: normal;	
}

#breadcrumb-bar a {
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
	border-bottom: none;
	margin: 0 0.3em;
	font-weight: bold;
}

#breadcrumb-bar a:hover,
#breadcrumb-bar a:active,
#breadcrumb-bar a:focus {
	color: #000;
	background-color: transparent;
	border-bottom: 2px solid #000;
}

/* @end */





/* @group info-box-container */

#info-box-container {
	margin-right: 6px;
	padding: 0;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
/*	border-bottom: 1px solid #BBB; */
	border-bottom: 5px solid #911612;	
	color: #000;
	background-color: #FFF;
/*	background-image: url(../images/layout/info-box-container_bg.gif);
	background-repeat: repeat-y;
	background-position: right; */
	line-height: 1.3;
  	font-family: Corbel, Calibri, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;			
}


#info-box-container h2 {
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
/*	font-family: "Myriad Pro", Tahoma, "Lucida Grande", Lucida, "Century Gothic", Arial, sans-serif; */
	font-weight: bold;
	color: #911612;
	background-color: transparent;
	margin-bottom: 0.7em;
	line-height: 1.1;
}

#info-box-container ul {
/*	list-style-image: url(../images/layout/blackarrowbullet.gif); */
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 1em;
	border-top: 1px solid #DDD;	
}

#info-box-container ul li a {
	display: block;
	padding: 0.2em 0.5em;
	border-bottom: 1px solid #DDD;
}

#info-box-container ul li a:hover,
#info-box-container a:hover span.date {
	color: #FFF;
	background-color: #000;
}

#info-box-container span.date {
	font-weight: bold;
	color: #000;
	margin-right: 0.5em;
}

#info-box-container span.title {

}

#new-additions {
	float: left;
	width:  351px;
	padding: 10px 15px 0 15px;
	background-image: url(../images/layout/new-additions_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#upcoming-events {
	float: left;
	width:  351px;
	padding: 10px 15px 0 15px;
	background-image: url(../images/layout/new-additions_bg.gif);
	background-repeat: repeat-x;
	background-position: top;		
}

/* @end */








.main-content-header {
	margin-right: 6px;
	padding: 5px 15px;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 2px solid #911612;
	color: #ffffcc;
	background-color: #B41C20;
	background-image: url(../images/layout/main-content-header_bg.gif);
	background-repeat: repeat-x;
}

.main-content-header h1 {
	color: #ffffcc;
	background-color: transparent;
	font-family: "Myriad Pro", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 190%;
	line-height: 1.1;

}

.main-content-header h1 .subtitle {
	font-weight: normal;
}

.small-text {
	font-size: 80%;
	font-weight: normal;
}


.main-content {
	margin-right: 6px;
	padding: 15px;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	color: #222;
	background-color: #fffff3;
/*	min-height: 20em; */
}

.main-content h2 {
/*	color: #B91E21; */
	color: #911612;
	background-color: transparent;
/*	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 145%;
	font-weight: bold;
	margin-bottom: 0.8em;
	line-height: 1.2;
}

.main-content .first-news-entry-header {
	
	
}


.main-content .news-entry-header {
	padding-top: 15px;
	border-top: 1px dotted #777;	
}


.main-content .first-news-entry-header {
	
}

.main-content h3 {
	color: #B91E21;
	background-color: transparent;	
	font-size: 120%;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.main-content h4 {
	color: #B91E21;
	background-color: transparent;	
	font-size: 110%;
	font-family: 'Lucida Grande', 'Trebuchet MS', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 0.5em;
}


.main-content #centered-flash-content-box {
	width:  630px;
	text-align: center;
	margin: 1em auto;
}

.main-content .slideshowpro-nav-help,
.main-content .slideshowpro-nav-help-extrawide {
	width: 548px;
	text-align: center;
	margin: 0 auto;
	font-size: 85%;
	padding: 10px;
	color: #777;
	background-color: #F7F7F7;
	border: 1px solid #000;
	border-bottom: none;
}

.main-content .slideshowpro-nav-help-extrawide {
	width: 608px;
}

.main-content .slideshowpro-nav-help kbd,
.main-content .slideshowpro-nav-help-extrawide kbd {
	color: #000;
	background-color: transparent;
	font-weight: bold;
}

.main-content #flash-content {
	border: 1px solid #000;	
	color: #000;
	background-color: #FFF;
}

.main-content #flash-content img {
	margin-bottom: 1em;
}


.main-content .news-entry-date {
	border-right: 1px solid #BBB;
	padding-right: 0.6em;
	margin-right: 0.3em;
	font-size: 85%;
/*	margin-bottom: -0.3em; */
}


.main-content .permalink {
	font-size: 120%;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0 3px;
}

.main-content .inline-posted-date-time {
	font-weight: normal;
	text-transform: uppercase;
	float: left;
	padding-right: 10px;
	border-right: 1px solid #BBB;
	margin-right: 10px;	
  	font-family: Corbel, Calibri, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;	
  	color: #777;
  	background-color: transparent;
}


.main-content .posted-date-time,
.main-content .last-updated {
  	font-family: Corbel, Calibri, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;		
	color: #777;
	background-color: transparent;
	margin-bottom: 0.2em;	
}


.main-content .categories-list {
  	font-family: Corbel, Calibri, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;	
	color: #777;
	background-color: transparent;
	margin-bottom: 1.5em;
}

.main-content .categories-list a {
	color: #777;
	background-color: transparent;
	font-weight: bold;
	margin-left: 0.3em;
}

/*
.main-content .next-prev-entries-box {
	margin: 0 -15px -15px -15px;
	text-align: center;
	border-top: 3px solid #BBB;
	padding: 10px;
	color: #000;
	background-color: #F7F7F7;
}
*/

.main-content .next-prev-entries-box a {
	font-weight: bold;
	padding: 2px 2px 0 2px;
}

.main-content .next-prev-entries-box,
.main-content .pagination {
	margin: 0 -15px -15px -15px;
	text-align: center;
	border-top: 4px solid #DDD;
	padding: 10px;
	color: #000;
	background-color: #CCC;
	background-image: url(../images/layout/pagination_bg.gif);
	background-repeat: repeat-x;			
}

.main-content .pagination a {
	font-weight: bold;
	padding: 2px 4px 0 4px;	
}

.main-content .pagination .pagination-links b {
	padding: 2px 5px;
	margin: 0 2px;
	color: #FFF;
	background-color: #444;
	border: 2px solid #000;
}

.main-content .pagination .pagination-links {
	margin-left: 2em;
}

.main-content .read-post-livejournal-link {
	margin: 2em -15px -15px -15px;
	text-align: center;
	border-top: 4px solid #DDD;
	padding: 10px;
	color: #000;
	background-color: #CCC;
	background-image: url(../images/layout/pagination_bg.gif);
	background-repeat: repeat-x;	
}

.main-content .read-post-livejournal-link a {
	font-weight: bold;
	padding: 2px 2px 0 2px;
}


.main-content dl.vevent dt {
	width: 7em;
	text-align: left;
	margin-bottom: 1em;
}

.main-content dl.vevent dd {
	margin-left: 8em;
	margin-bottom: 1em;	
}


.main-content h2.faq-question-drop-cap,
.main-content h2.faq-answer-drop-cap {
	clear: both;
	display: block;
	font-size: 200%;
	font-weight: bold;
	float: left;
	margin: -0.1em 0.4em 0 0;
}

.main-content h2.faq-answer-drop-cap {
	color: #000;
}

.main-content .faq-question {
	color: #911612;
	font-weight: bold;
}
	
.main-content .sitemap ul,
.main-content .subpages ul {
	clear: both;
	list-style-image: url(../images/layout/arrowbullet.gif);	
}

.main-content .sitemap ul a,
.main-content .subpages ul a {
	font-weight: bold;	
}

.main-content .sitemap ul ul {
	list-style: none;
}

.main-content .sitemap ul ul a {
	font-weight: normal;	
}

/* @group gallery styles */

.main-content .gallery {
	margin-bottom: 1em;
}

.main-content img.gallery-archive-image {
	margin: 10px auto 0 auto;
	padding: 2px;
	border: 1px solid #CCC;
}

/* @end */
















/* @group image alignment */

.image-right {
	float: right;
	margin: 0 0 15px 15px;
}

.image-left {
	float: left;
	margin: 0 15px 15px 0;
}

.image-centre {
	margin: 15px auto;
	display: block;
	text-align: center;
}

p .image-centre {
	margin-top: 0;
	margin-bottom: 5px;
}

/* @end */










/* @group tables */

table {
	border-collapse: collapse;		/* causes cells to share borders */
	margin: 1em 0 2em 0;
	padding: 0;
/*	border-color: #A4BFD1; */
	border: 2px solid #AEC7D7;
/*	border-width: 1px;	*/
/*	border-width: 1px 1px 0px 0px; */
	border-style: solid;
	font-size: 100%;
	color: inherit;
	background-color: #FFF;	
}

td, 
th {
	border-color: #A4BFD1;
	padding: 7px 10px;
	border-width: 1px;
/*	border-width: 0px 0px 1px 1px; */
	border-style: solid;
	vertical-align: top;
}


th {
	color: #000;
	background-color: #F4F7FF;
	font-weight: bold;
	border-bottom: 2px solid #AEC7D7;
}

table tr.totals td {
	font-weight: bold;
	border-top: 2px solid #AEC7D7;	
	border-bottom: 2px solid #AEC7D7;
	color: #000;
	background-color: #FCFDFF;
}



/* shaded-row used for long tables to help improve readability.
Apply it to every 2nd row (thus leaving one row unshaded in between),
typically starting with the 2nd row after the heading row */
.shaded-row {
	color: inherit;
	background-color: #FAFAFA;
/*	background-color: #eaeaea; */
}

th.shaded-row {
	color: inherit;
	background-color: #F0F8FF;
}




/* use class="table-layout" to any table 
which is being used for page layout purposes (as opposed to a data
table). This removes the border from the table. */
.table-layout,
.table-layout td {
	border: 0;
	color: inherit;
	background-color: transparent;
}

/* we don't want the light blue background in table heading cells 
when using tables for layout */
.table-layout th {
	color: inherit;
	background-color: transparent;
}





caption {
	padding-top: 5px;
	padding-bottom: 10px;
	caption-side: bottom;
	text-align: center;
}

caption,
.caption,
.note {
	font-size: 85%;
	color: #777;
	background-color: transparent;
/*	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%; */
}

.caption {
	text-align: center;
}

table.no-rules {
	border: 0;
	border-bottom: 2px solid #AEC7D7;	
}

table.no-rules th {
	color: #444;
	background-color: #F4F7FF;
	padding: 5px 10px;
	text-align: left;
	border: 0;
	border-top: 2px solid #AEC7D7;		/* formerly #326A89 */
	border-bottom: 2px solid #AEC7D7;
	vertical-align: middle;
}


table.no-rules td {
	padding: 9px 10px;
	border: 0;
	border-bottom: 1px solid #DDD;
}

/* @end */





/* @group forms */

form.full-width label {
	display: block;
	margin-bottom: 0.3em;
}

form.full-width label.required {
	font-weight: bold;
}

form.full-width input,
form.full-width textarea {
	width: 99%;
	margin-bottom: 1.5em;
}

form.full-width input.submit {
	width: auto;
}


/* @end */








/* @group quick-links */

#quick-links-container {
	background-image: url(../images/layout/main-content-background.gif);
	background-repeat: repeat-x;
	color: #FFF;
	background-color: #132631;
/*	height:  170px; */
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;	
}

#quick-links {
	width: 755px;
	margin: 0 auto;
	display: block;
	padding: 15px 0 15px 15px;
	text-align: left;	
}


#quick-links h3 {
	color: #FFFFCC;
	background-color: transparent;
	margin-top: 0.5em;
	margin-bottom: 0;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.2;
	font-family: "Myriad Pro", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
}

#quick-links ul {
	list-style-image: url(../images/layout/whitearrowbullet.gif);
	margin-left: 1.1em;
}



/* images that are linked must have a class="image-link" assigned to prevent strange border-bottom display problems */
#quick-links img.left-image-link,
#quick-links img.right-image-link {
	padding: 3px;
	border: 2px solid #777;
	background: transparent;
}

#quick-links a img.left-image-link:hover,
#quick-links a img.left-image-link:active,
#quick-links a img.left-image-link:focus,
#quick-links a img.right-image-link:hover,
#quick-links a img.right-image-link:active,
#quick-links a img.right-image-link:focus {
	border-color: #fff;
	background: #fff;
}


#quick-links a:link,
#quick-links a:visited {
	color: #CFCFCF;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px solid #777;
}

#quick-links a:hover,
#quick-links a:active,
#quick-links a:focus {
	color: #FFF;
	background-color: transparent;
	border-bottom: 2px solid #CCC;	
}


#quick-links .quick-links-third-box {
	float: left;
	width: 230px;
	margin-right: 20px;
	margin-bottom: 10px;
}

#quick-links .back-to-top {
	float: none;
	clear: both;
	text-align: right;
	margin-right: 25px;
	font-size: 85%;
  	font-family: Corbel, Calibri, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;		
}

#quick-links .latest-news-date {
	text-transform: uppercase;
/*	font-size: 85%; */
  	font-family: Corbel, Calibri, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;	
	color: #999;
	background-color: transparent;
}

/* @end */





/* @group footer */

#quick-links-dropshadow-block {	/* used to display the #quick-links drop shadow only */
	height: 10px;
	color: #FFF;
	background-color: #b21b1f;
	background-image: url(../images/layout/quick-links-dropshadow.gif);
	background-repeat: repeat-x;
	background-position: top;	
}


#footer {
	clear: both;
/*	color: #FFFFCC; */
	color: #FFBBBB;
	background-color: #b21b1f;
	padding: 3em 15px 3em 15px;
	background-image: url(../images/layout/footer_bg.gif);
	background-repeat: repeat;
	background-position: top;
	font-size: 85%;
	text-align: center;	
}

#footer a {
	margin: 0 0.3em;
	color: #FFFFCC;
	background-color: transparent;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #d48383;	
}

#footer a:hover,
#footer a:active,
#footer a:focus {
	color: #FFF;
	background-color: transparent;
	border-bottom: 2px solid #EEE;
}


#footer #footer-nav {
	padding-top: 30px;
	background-image: url(../images/layout/embellish-leaf.gif);
	background-repeat: no-repeat;
	background-position: top;	
}

#footer .copyright {
	margin-top: 1.5em;
}

/* @end */







/* @group miscellaneous styles */

.clear-float {
	float: none;
	clear: both;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.hidden  {		/* hide stuff from visual browsers */
	position: absolute;
	left: -999em;
}

.important {
	font-weight: bold;
	color: #911612;
	background-color: transparent;	
}

.right-divider {
	padding-right: 10px;
	border-right: 1px solid #BBB;
	margin-right: 10px;
}

.highlight-box-blue {
	border: 5px solid #E8EFFF;
	padding: 15px;
	color: #000;
	background-color: #F8FAFF;
}

div.highlight-box-blue {
	margin-bottom: 1em;
}

.feed-link-text {
  padding: 0 0 0 20px;
  background: url("/images/layout/feed-icon-14x14.png") no-repeat 0 50%;
} 

.feed-list {
	margin: 0 0 1.5em 0;
  	padding: 0;
  	list-style-type: none;
}

.feed-list li {
	margin-bottom: 0.5em;
	padding: 0;
	list-style-type: none;
}

.feed-list li a {
	padding: 0 0 0 20px;
	background: url("/images/layout/feed-icon-14x14.png") no-repeat 0 50%;
	list-style-type: none;
} 

.odd-shaded-row {
	background-color: #F7F7F7;
}

.even-shaded-row {
	background-color: #FEFEFE;
}





/* @end */



.sharethis {
	margin: 1em 0;
}

.sharethis a {
	border-bottom: 0;
	font-weight: bold;
}




/* @group LiveValidation */

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/* @end */