/*--- HOME DIV STYLES ---*/

body.home { width: 100%; margin: 0px; padding: 0px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 100%; line-height: 100%; background-image: url(/includes/gif/Home-Background.gif); background-position: top left; background-repeat: repeat-x; background-color: #ffffff; }

body.home div.BrandImage { border: 1px solid red; background-image: url(/includes/ccv_logo.jpg); background-position: 340px 0px;; background-repeat: no-repeat; margin: 0px; padding: 0px; border: none; height: 350px; }
body.home div.upper { background-image: url(/includes/gif/Home-BrandGraphics.gif); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px; border: none; height: 350px; }

img.masthead { border: none; margin: 20px 0px 0px 10px; }
img.council_logo { border: none; margin: 0px 0px 10px 10px; }

body.home div.menu { width: 325px; height: 200px; margin: 50px 0px 0px 0px; padding: 0px; }
body.home div.menu a { display: block; margin: 0px; padding: 0px; font-weight: bold; text-decoration: none; font-size: 70%; color: #FFFFFF; vertical-align: middle; }
body.home div.menu a:hover { color: #FF99CC; }
body.home div.menu a:visited { color: #ffffff; }
body.home div.menu a img { margin-right: 5px; border: none; vertical-align: middle; }

body.home table.highlights { margin-top: -10px; }
body.home table.highlights td { vertical-align: top; width: 187px; }
body.home img.BrandImage { position: absolute; left: 340px; top: 0px; z-Index: 1; }
body.home img.BrandGraphics { position: absolute; left: 197px; top: 0px; z-Index: 2; }


/*--- CALL-TO-ACTION BOXES ---*/

div.box { background-image: url(/includes/gif/Common-BoxTop.gif); background-position: top left; background-repeat: no-repeat; margin: 0px; width: 188px; padding: 27px 0px 5px 0px; }
div.box h2 { font-size: 90%; line-height: 110%; font-weight: bold; color: #425DA3; margin: 0px 8px 0px 8px; }
div.box p { font-family: Verdana, sans-serif; font-size: 65%; line-height: 120%; color: #425DA3; margin: 0px 8px 0px 8px; padding: 0px; }
div.box a.go { font-family: "Trebuchet MS", Verdana, sans-serif; color: #33A6E9; margin: 0px; padding: 0px; font-weight: bold; font-size: 90%;}
div.box input { width: 98px; font-family: Verdana, sans-serif; font-size: 65%; color: #336699; border: none; margin: 0px 0px 0px 5px; padding: 0px; }
img.bottom { display: block; margin: 0px 0px 10px 0px; z-index: 9; }


/*--- ALL OTHER PAGES (EXCEPT HOME) DIV STYLES ---*/

body.information_page { background-image: url(/includes/gif/Info-Background.gif); background-position: top left; background-repeat: repeat-x; margin: 0px; padding: 0px; border: none; background-color: #F5FAFE; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 100%; line-height: 100%; color: #553D89; }
body.information_page div.content { background-image: url(/includes/gif/Info-BrandGraphics.gif); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px; border: none; }


/*--- MENU & SUB-MENU STYLES ---*/

body.information_page div.menu { width: 205px; border: none; margin: 50px 0px 0px 0px; padding: 0px; }
/* red border for debugging */
/*body.information_page div.menu { width: 205px; border: 1px solid red; margin: 50px 0px 0px 0px; padding: 0px 0px 0px 33px; } */
/*body.information_page div.menu p { display: block; margin: 0px; padding: 0px; font-weight: bold; text-decoration: none; font-size: 70%; color: #553D89; vertical-align: middle; }*/
body.information_page div.menu p { display: block; margin: 0px 0px 1px 5px; padding: 0px; font-weight: bold; text-decoration: none; font-size: 70%; color: #553D89; vertical-align: middle; }
body.information_page div.menu a { display: block; margin: 0px; padding: 0px; font-weight: bold; text-decoration: none; font-size: 70%; color: #425DA3; vertical-align: middle; }
body.information_page div.menu a:hover { color: #FF99CC; text-decoration: underline;}
body.information_page div.menu a:visited { color: #425DA3; }
body.information_page div.menu p img { margin-right: 5px; border: none; vertical-align: middle; }
body.information_page div.menu a img { margin-right: 5px; border: none; vertical-align: middle; }
/*body.information_page div.menu a img { margin-right: 5px; border: none; vertical-align: middle; margin-left: -33px; }*/

body.information_page div.menu p.submenu { display: block; margin: 0px 0px 1px 42px; padding: 0px; font-weight: normal; text-decoration: none; font-size: 70%; color: #553D89; vertical-align: middle; }
body.information_page div.menu a.submenu { display: block; margin: 0px 0px 1px 42px; padding: 0px; font-weight: normal; text-decoration: none; font-size: 70%; color: #425DA3; vertical-align: middle; }
body.information_page div.menu a.submenu:hover { color: #FF99CC; text-decoration: underline;}
/*body.information_page div.menu a.submenu:visited { color: #425DA3; }*/


/*--- GENERAL PAGE LAYOUT STYLES ---*/

body.information_page div.content table.grid { margin: 0px; padding: 0px; width: 100%; border: none; }
body.information_page div.content table.grid td.single { width: 350px; vertical-align: top; }
body.information_page div.content table.grid td.single h1 { display: none; }
body.information_page div.content table.grid td.single h2 { font-size: 100%; line-height: 140%; text-transform: uppercase; font-weight: bold; margin: 50px 10px 4px 10px; padding: 0px; }
body.information_page div.content table.grid td.single h3 { font-size: 90%; line-height: 130%; font-weight: bold; margin: 12px 10px 0px 10px; padding: 0px; }
body.information_page div.content table.grid td.single p { font-size: 90%; line-height: 130%; margin: 4px 10px 4px 10px; padding: 0px; }
body.information_page div.content table.grid td.single a { color: #33A6E9; }
body.information_page div.content table.grid td.single a:hover { color: #FF6699; }
body.information_page div.content table.grid td.single a:visited { color: #553D89; }

body.information_page div.content table.grid td.left { width: 215px; vertical-align: top; }

body.information_page div.content table.grid td.right { padding: 140px 20px 0px 5px; vertical-align: top; }
body.information_page div.content table.grid td.right img.title { margin: 0px 0px 10px 0px; display: block; border: none; }
body.information_page div.content table.grid td.right div.breadcrumbs { font-size: 75%; color: #333333; font-weight: bold; margin: 10px 0px 15px 0px; }
body.information_page div.content table.grid td.right div.breadcrumbs img { border: none; margin: 0px 5px 0px 0px; vertical-align: middle; }
body.information_page div.content table.grid td.right div.breadcrumbs a { color: #33A6E9; font-weight: normal; }
body.information_page div.content table.grid td.right div.breadcrumbs a:hover { color: #FF6699; font-weight: normal; }
body.information_page div.content table.grid td.right div.breadcrumbs a:visited { color: #33A6E9; font-weight: normal; }
body.information_page div.content table.grid td.right h1 { display: none; }
body.information_page div.content table.grid td.right h2 { font-size: 100%; line-height: 140%; text-transform: uppercase; font-weight: bold; margin: 24px 0px 4px 0px; padding: 0px; }
body.information_page div.content table.grid td.right h3 { font-size: 90%; line-height: 130%; font-weight: bold; margin: 12px 0px 0px 0px; padding: 0px; }
body.information_page div.content table.grid td.right p { font-size: 90%; line-height: 130%; margin: 4px 0px 8px 0px; padding: 0px; }
body.information_page div.content table.grid td.right ol { margin-top: 4px; margin-bottom: 8px; padding: 0px; font-size: 90%; line-height: 130%; }
body.information_page div.content table.grid td.right ul { margin-top: 4px; margin-bottom: 8px; padding: 0px; font-size: 90%; line-height: 130%; }
body.information_page div.content table.grid td.right li { font-size: 90%; margin-top: 1px; margin-bottom: 1px; padding: 0px; }
body.information_page div.content table.grid td.right a { color: #33A6E9; }
body.information_page div.content table.grid td.right a:hover { color: #FF6699; }
body.information_page div.content table.grid td.right a:visited { color: #553D89; }
body.information_page div.content table.grid td.right div.inline_image_right { float: right; margin: 3px 0px 5px 15px; padding: 3px; background-color: #ffffff; border: 1px solid #CAE1F5; }
body.information_page div.content table.grid td.right div.inline_image_right p { font-size: 75%; font-weight: bold; color: #333333; margin: 0px 3px 0px 3px; text-align: center;}
body.information_page div.content table.grid td.right div.inline_image_left { float: left; margin: 3px 15px 5px 0px; padding: 3px; background-color: #ffffff; border: 1px solid #CAE1F5; }
body.information_page div.content table.grid td.right div.inline_image_left p { font-size: 75%; font-weight: bold; color: #333333; margin: 0px 3px 0px 3px; text-align: center;}


/*--- EVENT LIST LAYOUT STYLES ---*/

body.information_page div.content table.event_list { border: none; width: 100%; font-size: 85%; margin-top: 10px;}
body.information_page div.content table.event_list td.header { width: 20%; font-weight: bold; font-size: 85%; margin: 7px 0px 3px 0px; padding: 3px; border-bottom: 1px solid #CAE1F5;}
body.information_page div.content table.event_list td.detail { width: 20%; font-weight: normal; font-size: 85%; margin: 7px 0px 3px 0px; padding: 3px; border-bottom: 1px solid #CAE1F5;}
body.information_page div.content table.event_list td.base { width: 20%; font-weight: normal; font-size: 85%; margin: 7px 0px 3px 0px; padding: 3px; border: none; }
body.information_page div.content table.event_list td.detail input.quantity { width: 30px; font-family: Verdana, sans-serif; font-size: 100%; font-weight: bold; color: #553D89; border: 1px solid #CAE1F5; background-color: white; margin: 0px; padding: 2px 0px 0px 3px; }


/*--- REGISTRATION FORM LAYOUT STYLES ---*/

body.information_page div.content table.grid td.right div.registration_form { float: right; margin: 0px; width: 270px; padding: 0px; }
body.information_page div.content table.grid td.right div.registration_form h3 { padding: 15px 15px 0px 15px; font-size: 100%; color: #425DA3; }
body.information_page div.content table.grid td.right div.registration_form p { margin: 10px 15px 2px 15px; padding: 0px; color: #425DA3; }
body.information_page div.content table.grid td.right div.registration_form p.question { margin: 0px 15px 5px 15px; padding: 0px; font-weight: normal; color: #333333; }
body.information_page div.content table.grid td.right div.registration_form img.base { display: block; margin: 0px 0px 0px 15px; padding: 0px; }
body.information_page div.content table.grid td.right div.registration_form div.details { background-image: url(/includes/gif/registration_background.gif); background-repeat: no-repeat; background-position: top left; margin: 0px 0px 0px 15px; padding: 0px 0px 5px 0px;}
body.information_page div.content table.grid td.right div.registration_form div.details p { margin: 5px 15px 5px 15px; padding: 0px; color: #425DA3; }
body.information_page div.content table.grid td.right div.registration_form div.details p.question { margin: 5px 15px 5px 15px; padding: 0px; font-weight: normal; color: #333333; }
/*body.information_page div.content table.grid td.right div.registration_form div.details input.text { display: block; width: 180px; border: 2px inset; margin: 0px; padding: 2px 0px 0px 3px; background-color: #F5FAFE; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 80%; color: #333333; }*/
/* modified by christopher */
body.information_page div.content table.grid td.right div.registration_form div.details input { width: 148px; font-family: Verdana, sans-serif; font-size: 65%; color: #336699; border: none; margin: 0px 0px 0px 5px; padding: 0px; }
body.information_page div.content table.grid td.right div.registration_form div.details a.go { font-family: "Trebuchet MS", Verdana, sans-serif; color: #33A6E9; margin: 0px; padding: 0px; font-weight: bold; font-size: 90%;}
body.information_page div.content table.grid td.right div.registration_form div.details select { display: block; width: 100px; border: 1px solid #425DA3; margin: 5px 0px 0px 15px; background-color: #F5FAFE; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 70%; line-height: 80%; color: #333333; }
body.information_page div.content table.grid td.right div.registration_form div.details textarea { display: block; width: 360px; height: 100px; border: 2px inset; margin: 0px; padding: 2px 0px 0px 3px; background-color: #F5FAFE; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 80%; color: #333333; }

/*--- GENERIC FORM LAYOUT STYLES ---*/

body.information_page div.content table.grid td.right table.form { border: none; margin: 0px; padding: 0px; width: 100%; font-size: 90%; }
body.information_page div.content table.grid td.right table.form td.label { width: 50%; vertical-align: top; }
body.information_page div.content table.grid td.right table.form td.field { width: 50%; vertical-align: top; }
body.information_page div.content table.grid td.right table.form td.field input { display: block; width: 250px; border: 2px inset; margin: 0px; padding: 2px 0px 0px 3px; background-color: #EDF6FE; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 80%; color: #333333; }
body.information_page div.content table.grid td.right table.form td.field textarea { display: block; width: 250px; height: 150px; border: 2px inset; margin: 0px; padding: 2px 0px 0px 3px; background-color: #F5FAFE; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 80%; color: #333333; }
body.information_page div.content table.grid td.right table.form td.label_small { width: 20%; vertical-align: top; }
body.information_page div.content table.grid td.right table.form td.field_small { width: 40%; vertical-align: top; }
body.information_page div.content table.grid td.right table.form td.field_small input { display: block; width: 175px; border: 2px inset; margin: 0px; padding: 2px 0px 0px 3px; background-color: #EDF6FE; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 80%; color: #333333; }
body.information_page div.content table.grid td.right table.form td.field select { display: block; width: 250px; border: 2px inset; margin: 0px; padding: 2px 0px 0px 3px; background-color: #EDF6FE; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 80%; color: #333333; }
body.information_page div.content table.grid td.right table.form td.field_small select { display: block; width: 175px; border: 2px inset; margin: 0px; padding: 2px 0px 0px 3px; background-color: #EDF6FE; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 80%; color: #333333; }
body.information_page div.content dl dt { font-weight: bold; padding-top: 1em; padding-bottom: 1em; }
body.information_page div.content dl dd { padding-bottom: 1em; }
body.information_page div.content dl dd.highlight { color: red; }
body.information_page div.content dl dd span.highlight { color: red; }
body.information_page div.content p.highlight { color: red; }

body.information_page div.content img { border: 1px solid #c0c0c0; }


/*--- FOOTER STYLES ---*/

body.information_page div.footer { width: 100%; height: 87px; border-top: 1px solid #CAE1F5; border-bottom: 1px solid #CAE1F5; background-color: #ffffff; z-Index: 9; margin: 30px 0px 0px 0px; clear:both; text-align: right; }
body.information_page div.footer img.BrandLogo { margin: 10px 20px 10px 10px; }