@import url(_reset.css); 
@import url(_hacks.css);

/* @ Magic Begins Here
------------------------------*/
html	{ height: 100%; }
body	{ 
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 100%;
padding:0;
margin:0;
background: #f6f4f0;
}

/* @end */

#banner {
overflow: hidden;
z-index: -50;
position: absolute;
top: 0;
width: 100%;
height: 322px;
}

#banner .inner { display: block; margin: 0 auto; width: 1500px; height: 322px; }

#banner  img { display: block; margin: 0 auto; z-index: -50; }

.logoWrap { width: 990px; height: 322px; margin: 0 auto; position: relative; }
.logoWrap a { display: block; height: 96px; width: 201px; background: url('../_images/miss_png_quest.png') top left no-repeat; position: absolute; top: 25px; left: 0; }

.mainNav {
height: 52px; background: url('../_images/bgnav.jpg') top repeat-x; border-bottom: 1px solid #e5e5e5;
font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;
color: #000;
margin-bottom: 20px;
}
.mainNav .inner { width: 990px; margin: 0 auto; height: 52px; position: relative; }
.mainNav .inner a { color: #000; display: block; height: 52px; line-height: 52px; }
.mainNav .inner a:hover { color: #FF0000; }
.mainNav .inner ul li { float: left; background: url(../_images/nav_sep.jpg) right 50% no-repeat; padding: 0 30px 0 25px; }
.mainNav .inner ul li.first { padding-left: 0 !important; }
.mainNav .inner ul li.last { padding-right: 0 !important; background: none !important; }

table.msearch { border:0; padding:0; position: absolute; right: 0; top: 10px; }
table.msearch td { vertical-align: middle; height: 32px; }
table.msearch td.s1 div { width: 174px; height: 32px; background: url('../_images/bgsearch.jpg') top left no-repeat; }
table.msearch td.s2 div { width: 26px; height: 32px; background: url('../_images/searchbtn.jpg') top left no-repeat; }
table.msearch td.s2 div:hover { background-position: bottom; }
table.msearch td.s2 div input { height: 26px; width: 32px; cursor: pointer; }

table.msearch td input { border: none; font: 11px verdana, Arial, Helvetica, sans-serif; background: transparent; vertical-align: middle; }

table.msearch td.s1 input { padding-top: 9px; padding-left: 10px; width: 100%; width: 160px; }

.bodyWrapper { width: 990px; margin: 0 auto; }

.colLeft { float: left; width: 200px; margin-right: 20px; }
.colCenter { float: left; width: 550px; margin-right: 20px; }
.colRight { float: right; width: 200px; }

#zNews {}
#zNews h3 { display: block; font-size: 10px; padding-bottom: 3px; color: #FF0000; }
#zNews h3 span { display: block; text-align: right; width: 60px; float: right; color: #888; }
#zNews a { font-size: 10px; display: block; color: #999999; margin-bottom: 12px; }
#zNews a:hover { color: #0099CC;}

#quick {}
#quick a { display: block; padding: 10px 0; border-bottom: 1px dotted #ccc; color: #888; }
#quick a:hover { color: #0099CC; padding-left: 2px; }
#quick a.first { padding-top: 0; }
#quick a.last { padding-bottom: 5px; border: none; }

.secWrap {
background: url('../_images/bg_panel_col.jpg') top left no-repeat; 
}
.cap { background: url('../_images/bg_panel_col_cap.jpg') top left no-repeat; height: 6px; margin-bottom: 20px; }

.secWrap h1 { font-size: 14px; padding: 10px; border-bottom: 1px dotted #ccc; font-family: Georgia, "Times New Roman", Times, serif; }
.secWrap .inner { padding: 10px 10px 0 10px; color: #888; }
.secWrap .inner p { margin-bottom: 10px; }

.colCenter h1 { font-size: 16px; padding: 10px 0 0 15px; margin-bottom: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
background: url('../_images/bullter.jpg') left 75% no-repeat;
}
.colCenter .capTop { width: 550px; height: 6px; background: url('../_images/bdy_cap_top.jpg') top left no-repeat; }
.colCenter .capBtm { width: 550px; height: 6px; background: url('../_images/bdy_cap_btm.jpg') top left no-repeat; }
.colCenter .inner { width: 530px; background: url('../_images/bdy_bg_y.jpg') left repeat-y;
padding: 0 10px;
font-family: verdana, "Times New Roman", Times, serif;
}
.colCenter .inner p { margin-bottom: 10px; line-height: 20px; color: #555; }

.colCenter .inner a { color: #FF0000; text-decoration: underline; }
.colCenter .inner a:hover { color: #0099FF; text-decoration: underline; }

.colCenter .inner ul { margin-left: 20px; margin-bottom: 10px; }
.colCenter .inner li { list-style: circle; line-height: 20px; color: #555;  }

.colCenter h2 {
color: #0099CC; margin-bottom: 10px; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif;
background: url(../_images/bullter_h2.jpg) left 50% no-repeat; padding-left: 15px;
height: 35px;
line-height: 35px;
}

.footer { width: 550px; margin: 0 auto; padding-top: 10px; font-size: 10px; color: #555; font-family: Arial, Helvetica, sans-serif; }
.footer .f1 { float: left; width: 200px; padding-bottom: 10px; }
.footer .f2 { float: right; width: 200px; text-align: right; padding-bottom: 10px; }
.footer a { color: red; }
.footer a:hover { color: #0099CC; }

table.social { margin: 0 auto; width: 148px; }

table.social a { display: block;  }
table.social .d1 a { background: url('../_images/sfacebook.jpg') top left no-repeat; width: 39px; height: 41px; }
table.social .d2 a { background: url('../_images/stwitter.jpg') top left no-repeat; width: 39px; height: 41px; margin: 0 auto; }
table.social .d3 a { background: url('../_images/sflickr.jpg') top left no-repeat; width: 39px; height: 41px; float: right; }

table.social a:hover { background-position: bottom; }

#sendForm { margin: 0 auto; margin-bottom: 20px; }
#sendForm td { padding: 3px; font-family: Georgia, "Times New Roman", Times, serif; color: #666; }
#sendForm span { display: block; padding-bottom: 3px; }
#sendForm input { border: 1px dotted #ccc; padding: 10px 5px; width: 240px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
#sendForm textarea { border: 1px dotted #ccc; padding: 10px 5px; width: 500px; height: 120px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
#sendForm .zSend input { width: 150px; padding: 5px; background: #0099FF; color: #fff !important; font: 11px Georgia, "Times New Roman", Times, serif; }
#sendForm .zSend input:hover { background: #990000; cursor: pointer; }

h3.nn { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 5px 0; color: #FF0000; font-weight: bold; }
h3.nn span { display: block; float: right; text-align: right; }

span#crumbs { text-transform: uppercase; display: block; margin-bottom: 10px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background: #f5f5f5; padding: 5px 0; border-bottom: 1px solid #e5e5e5; }
span#crumbs a { color:#FF0000; text-decoration: none; }
span#crumbs a:hover { color: #0099FF; }

#phoGallery { padding-left: 3px;}
#phoGallery a { display: block; width: 100px; height: 75px; overflow: hidden; border: 1px dotted #FF0000; float: left; margin: 0 2px 5px 0; background: #000; }
#phoGallery a img { display: block; margin: 0 auto; }
#phoGallery a:hover { border: 1px solid #0099FF; }

#mCalendar { width: 100%; margin: 0 0 20px 0; background: #e5e5e5; }
#mCalendar td { background: #f5f5f5; padding: 10px 5px; font-size: 11px; text-align: left; color: #666666; vertical-align: top; }
#mCalendar .c1 { width: 100px; color: #FF0000; }
#mCalendar .c3 { width: 80px; color: #0099FF; text-align: right; }

table#conTable { background: #e5e5e5; margin-bottom: 15px; font: 13px Verdana, Geneva, sans-serif; }
table#conTable td { background: #fff; padding:5px;  }
table#conTable td h5 { padding:0; margin: 0 0 10px 0; font: 18px arial, "Times New Roman", Times, serif; color: #06C; }
table#conTable .con1 { widows:150px; vertical-align: top; }
table#conTable .con2 { vertical-align: top; }