/* Boink Events CSS Document 
   Copyright 2006 by Creative Giant Design Group, LLC - Any Usage of this document on another 
   site must be sited and credited to the original author - Creative Giant Design Group, LLC.
 * ------------------------------------------------------------------------- */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; } 

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-family: Arial, sans-serif, Helvetica, Verdana; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

/* Image Header Text */
#logo h1 { display: none; }

/* global elements
 * ------------------------------------------------------------------------- */
body { background: url(../images/inset/bg_top.gif);  background-repeat: repeat-x; margin: 0px; padding: 0px; text-align: center; font-family: Arial, sans-serif, Helvetica, Verdana; font-size: 11px; color: #ffffff; }
a { color: #ffe0b0; text-decoration: underline; }
a:hover { text-decoration: underline; }
h3 { color: #000000; font-size: 25px; letter-spacing: -1px; font-weight: normal; }

/* classes
 * ------------------------------------------------------------------------- */
.subheader { color: #febad3; font-weight: bold; text-decoration: none; font-size: 16px; letter-spacing: -1px; }
.headline { color: #febad3; font-weight: bold; text-decoration: none; }
#list_items { width: 500px; margin: 0px; padding: 5px 47px 10px 57px; width:  font-size: 13px; color: #000000; font-weight: bold; line-height: 18px; }
#list_items li { height: 25px; background: url(../images/inset/bullet.gif); background-repeat: no-repeat; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #c4c4c4; }
#list_items li p { padding: 3px 0px 0px 15px; margin: 0px; }
#sub_menu { margin: 0px; padding: 5px 47px 10px 35px; width:  font-size: 13px; color: #000000; font-weight: bold; line-height: 18px; }
#sub_menu li { height: 25px; background: url(../images/inset/bullet.gif); background-repeat: no-repeat; margin: 0px; border-style: solid; border-width: 0px 0px 1px 0px; }
#sub_menu li p { padding: 3px 0px 0px 15px; margin: 0px; }
#sub_menu a:hover { color: #000000; background-color: #b3dcff; text-decoration: none; }

/* framework
 * ------------------------------------------------------------------------- */
#container { width: 1000px; text-align: left; margin: 64px auto 0px auto; padding: 0px; }

/* top area */
#top { width: 1000px; height: 220px; }
#top_left { width: 310px; height: 220px; float: left; }
#navbar_left { width: 310px; height: 121px; }
#nav_left { background: url(../images/home/nav_left.jpg) no-repeat top left; width: 310px; height: 121px; position: relative; margin: 0px; padding: 0px; }
#nav_left li { height: 21px; margin: 0px; padding: 0px; list-style: none; display: block; position: absolute;}
#nav_left li, #nav_left a { height: 21px; display: block; }
#nav_left span { display: none;}
#nav_left1 { width: 230px; left: 20px; top: 26px; }
#nav_left2 { width: 251px; left: 20px; top: 48px; }
#nav_left3 { width: 269px; left: 20px; top: 70px; }
#nav_left1 a:hover { background: transparent url(../images/home/nav_left.jpg) -20px -147px no-repeat;}
#nav_left2 a:hover { background: transparent url(../images/home/nav_left.jpg) -20px -169px no-repeat;}
#nav_left3 a:hover { background: transparent url(../images/home/nav_left.jpg) -20px -191px no-repeat;}
#logo_area { width: 384px; height: 220px; float: left; }
#top_right { width: 306px; height: 220px; float: left; }
#navbar_right { width: 306px; height: 121px; }
#nav_right { background: url(../images/home/nav_right.jpg) no-repeat top left; width: 306px; height: 121px; position: relative; margin: 0px; padding: 0px; }
#nav_right li { height: 21px; margin: 0px; padding: 0px; list-style: none; display: block; position: absolute;}
#nav_right li, #nav_right a { height: 21px; display: block; }
#nav_right span { display: none;}
#nav_right1 { width: 230px; left: 59px; top: 26px; }
#nav_right2 { width: 251px; left: 38px; top: 48px; }
#nav_right3 { width: 269px; left: 20px; top: 70px; }
#nav_right1 a:hover { background: transparent url(../images/home/nav_right.jpg) -59px -147px no-repeat;}
#nav_right2 a:hover { background: transparent url(../images/home/nav_right.jpg) -38px -169px no-repeat;}
#nav_right3 a:hover { background: transparent url(../images/home/nav_right.jpg) -20px -191px no-repeat;}

/* home content */
#content_container { width: 1000px; }
#content_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#left_column { width: 310px; float: left; }
#events_area { width: 310px }
#events_area p { padding: 17px 29px 10px 46px; margin: 0px; }
.event_list { width: 310px; height: 120px; background: url(../images/home/bg_events.jpg); background-repeat: no-repeat; }
#event_list_bottom { width: 310px; height: 134px; background: url(../images/home/bg_eventfoot.jpg); background-repeat: no-repeat; }
.event_list img, #event_list_bottom img, #sub_content img, #featured_gallery img { margin: 0px 5px 0px 0px; padding: 0px; }
#middle_column { width: 322px; margin: 0px 31px 0px 31px; float: left; }
#newsletter { width: 322px; height: 145px; background: url(../images/home/newsletter.jpg); background-repeat: no-repeat;  padding: 0px; }
#newsletter form { padding: 48px 0px 0px 116px; margin: 0px; }
.sml_field { height: 20px; width: 160px; padding 2px 0px 0px 5px; margin: 0px 0px 8px 0px; background-color: transparent; border-style: none; color: #000000; font-size: 11px; }
#calendar { width: 322px; background: url(../images/home/bg_cal.gif); background-repeat: repeat-y; padding: 0px; }
#calendar_month { width: 322px; height: 93px; background: url(../images/home/hdr_cal.jpg); background-repeat: no-repeat; }
#calendar_monthC { width: 322px; height: 50px; background: url(../images/home/hdr_calC.jpg); background-repeat: no-repeat; }
#calendar_month p { padding: 55px 10px 0px 5px; margin: 0px; font-weight: bold; color: #ffffff; text-align: center; }
#calendar_monthC p { padding: 12px 10px 0px 5px; margin: 0px; font-weight: bold; color: #ffffff; text-align: center; }
#calendar_days { width: 232px; margin: 0px 0px 0px 43px; }
#calendar_days td { width: 32px; height: 20px; background-color: #FFFFFF; text-align: center; color: #4e3b42; font-weight: bold; font-size: 11px; vertical-align: middle; }
#get_on_guestlist { width: 322px; height: 81px; background: url(../images/home/bg_calfoot.jpg); background-repeat: no-repeat; }
#get_on_guestlist p { padding: 34px 47px 0px 47px; margin: 0px; }
#right_column { width: 306px; float: left; }
#featured_event { width: 306px; height: 145px; }
#featured_area { width: 305px; height: 269px; }
#featured_gallery { width: 306px; height: 101px; background: url(../images/home/oc_bg.jpg); background-repeat: no-repeat; }
#featured_gallery p { padding: 17px 46px 0px 27px; margin: 0px; }

/* sub content */
#subbody_container { width: 1000px; background: url(../images/sub/bg_subbody.gif); background-repeat: repeat-y; }
#subbody_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#sub_content { width: 900px; margin: 0px 50px 10px 50px; }
#sub_content p { font-size: 12px; margin: 10px 0px 10px 0px; }
#sub_content form { width: 450px; padding: 0px 0px 0px 20px; }
#sub_content h3 { font-size: 20px; margin: 0px 0px 10px 0px; letter-spacing: -1px; color: #ffc8b2;}
#sub_content h4 { font-size: 12px; }

/* image rollover */
#showimage{ position:absolute; visibility:hidden; border-width: 1px; border-style: solid; border-color: #fa5d47; }
#dragbar{ cursor: hand; cursor: pointer; background-color: #EFEFEF; min-width: 100px; /*NS6 style to overcome bug*/ }
#dragbar #closetext{ font-weight: bold; margin-right: 1px; }

/* footer */
#footer { width: 100%;  text-align: center; }
#footer td { background: url(../images/inset/bg_foot.jpg); background-repeat: repeat-x; }