@charset "utf-8";
/* CSS Document */

/* Reset styles */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* General Page Layout */
html { width: 100%; height: 101%;}
body {
	background-color:#FFF;
	margin:0;
	padding:0;
	width: 100%;
	height: 101%;
}
#container {
	padding:0;
	width:1000px;
	margin:0 auto;
	position:relative;
}
#masthead {
	height:145px;
}
#pagecontent {
	margin-top:75px;
}
body.pink { background-color:#D695AE; }
body.blue { background-color:#00569A; }
body.orange { background-color:#F7AE85; }
body.white { background-color:#F5F3F8; }
body.pink #container { background:#D695AE url('/images/backgrounds/pink.jpg') no-repeat top; }
body.blue #container { background:#00569A url('/images/backgrounds/blue.jpg') no-repeat top; }
body.orange #container { background:#F7AE85 url('/images/backgrounds/orange.jpg') no-repeat top; }
body.white #container { background:#F5F3F8 url('/images/backgrounds/white.jpg') no-repeat top; }
body.pink #masthead { background-image:url('/images/backgrounds/logobanner_pink.gif'); }
body.blue #masthead { background-image:url('/images/backgrounds/logobanner_blue.png'); }
body.orange #masthead { background-image:url('/images/backgrounds/logobanner_orange.png'); }
body.white #masthead { background-image:url('/images/backgrounds/logobanner_white.png'); }

#footer { padding:40px 20px 10px; }
body.blue #footer { color:#fff; }

/* Specific layout elements */
.contentElement {
	border:2px solid #333;
}
.contentElement p {
	padding:4px 0;
}
.leftCol { margin-left:95px; width:379px; }

table.event { width: 530px; border:2px solid black; margin-bottom:40px; margin-left:55px; }
table.event td.eventdetail { padding:20px; vertical-align:middle; }
table.event td.eventdetail h2 { font-variant:small-caps; padding-bottom:10px; }
table.event td.eventimage { width:227px; vertical-align:top; }

table.mediabox { margin-left:235px; width:700px; margin-bottom:40px; border:2px solid black; }
table.mediabox td { padding:10px; }
table.mediabox h2 { color:#101010; padding-bottom:10px; }

table.centrebox { width: 710px; border:2px solid black; margin:0 auto 40px auto;}
table.centrebox td.centreboxdetail { padding:20px; vertical-align:middle; }
table.centrebox td.centreboxdetail h2 { font-variant:small-caps; padding-bottom:10px; color:#101010; }
table.centrebox td.image { width:140px; vertical-align:top; }

table.default th { text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; padding-right:10px; font-variant:small-caps; }
table.default td, table.default th { padding-top:5px;padding-bottom:5px; }

.transbox[class] { background-image:url('/images/backgrounds/75p_white.png'); }

/* Text Display */
h1 { color:#fff; font-family:Geneva, Arial, Helvetica, sans-serif;}
h2 { font-family:Geneva, Arial, Helvetica, sans-serif;color:#fff; }

.leftCol h1 { text-align:right; padding-bottom:10px; font-size:130%; }
p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; line-height:120%;}

ul.error_list li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; line-height:120%; color:red; }

#signup { position:absolute; top:106px; height:38px; width:190px; right:15px; font-size:85%; text-align:center; background-color:#AB5762; padding-top:6px; }
body.blue #signup { background-color: #4D3467; }
body.pink #signup { background-color: #A05376; }
body.orange #signup { background-color: #AB5762; }
body.white #signup { background-color: #AB7490; }

#signup a { color:#FFF; text-decoration:none; }
#signup a:hover { color:#FFF; text-decoration:underline; }



/* Navbar Drop-down menu */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:1000px; height:40px; position:absolute; top:150px; z-index:100; font-family:arial, sans-serif;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:143px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:143px;position:relative;height:40px;}
.menu li#contactUsMenuLi {float:left;width:142px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#000; width:143px; height:40px; font-weight:bold;}
/* remove border for images */
.menu a img {border:0;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:40px;left:0; width:143px;}
.menu ul ul li {text-align:center;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { color:#000; height:auto; line-height:1em; padding:0px; width:143px; height:40px;}

/* stop span text from displaying */
.menu ul li a span {display:none;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{background:#fff;}
.menu :hover > a, .menu ul ul :hover > a { background:#fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }