/* Primary Layout Elements */
body {background-color:#dcdcdc; color:#FFF; font-family: Verdana, Helvetica, sans-serif; font-size:0.9em; font-weight: normal; margin: 0 0 20px 0; padding:0; }
a { border: none 0px; }
img { border: none 0px; }
/* Page blocks */
#page { height:672px; margin: 20px auto; position:relative; width:950px; }
#header { background: url('Images/HeaderBg.png') no-repeat; height: 672px; position:absolute; width:950px; }
#homeContent { background: url('Images/HomeBg.png') no-repeat; height: 672px; position:absolute; width:950px; }
#siteContent { background: url('Images/SiteBg.png') no-repeat; height: 672px; position:absolute; width:950px; }
#title {display:block;width:auto;float:right;margin:-8px 0 0 15px;}
#logindisplay {font-size:1.1em;display:block;text-align:right;color:#ccc;width:300px;position:absolute;top:-16px;right:15px;font-weight:bold;}
#footer { background-color:#dcdcdc; bottom: 0; color:#777; font-size:0.8em; padding: 5px 0; position:fixed; text-align:center; width:100%; white-space: nowrap; }
#footer a {}
#footer a:hover {text-decoration:none;color:#000;}
#footer a:active {text-decoration:none;}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-size:1.5em;color:#fff;}
h1 {font-size:2em;padding-bottom:0;margin-bottom:0;}
h2 {padding:0 0 10px 0; margin:0;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5, h6 {font-size:1em;}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {margin-top:0;}
/* Text */
#welcome {color: #1b3751; font-size:0.8em; font-weight: normal; position:relative; left: 530px; top: 60px;}
#date {color: #1b3751; font-size:0.8em; font-weight: normal; text-transform:uppercase; position:relative; left: 550px; top: 60px;}
/* TAB MENU   
----------------------------------------------------------*/
#homeContent #menucontainer {color: #fff; font-size:0.8em; text-transform:uppercase; position:absolute; left: 20px; top: 364px;}
#siteContent #menucontainer {color: #fff; font-size:0.8em; text-transform:uppercase; position:absolute; left: 22px; top: 155px;}
ul#menu {position:relative; margin:0 0 0 4px; text-align:right;}
ul#menu li { display:block; float:left; list-style:none; }
ul#menu li.separator { background-color: #f1680c; padding:8px 0; width:2px; }
ul#menu li.item { color:#fff; padding:8px 8px; }
ul#menu li.item a { color:#fff; display:block; text-decoration:none; }
ul#menu li.item a:hover {text-decoration:none;color:#5881A6;}
ul#menu li.item a:active {text-decoration:none;color:#fff;}
ul#menu li.selected {background-color: #f1680c; }

/* MISC 
----------------------------------------------------------*/
.clear {clear:both;}
.error {color:Red;}
#logindisplay a:link, #logindisplay a:visited {color:#034af3;text-decoration:none;}
#logindisplay a:hover {color:#034af3;text-decoration:underline;}
.field-validation-error {color:#ff0000;}
.input-validation-error {border:1px solid #ff0000;background-color:#ffeeee;}
.validation-summary-errors {font-weight:bold;color:#ff0000;}
#mainMenu { text-align: center; }

/* Image Buttons
----------------------------------------------------------*/
.imageButton, .imageButton_128, .imageButton_256 {color: #FFF; }
.imageButton, .imageButton_256 img {border-color: Transparent; border-style: dashed; width: 256px; }
.imageButton_128 img {border-color: Transparent; border-style: dashed; width: 128px; }
.imageButton img:hover, .imageButton_128 img:hover, .imageButton_256 img:hover {border-color: #DDD; border-style: dashed; }

/* Link Action
----------------------------------------------------------*/
.linkAction { cursor:pointer; }

/* Content boxes
----------------------------------------------------------*/
#homeContent #registrationBox { height: 50px; left: 64px; position:absolute; top: 457px; width: 393px;}
#homeContent #campaignBox { height: 50px; left: 64px; position:absolute; top: 542px; width: 393px;}
#homeContent #featuredBox { height: 50px; left: 500px; position:absolute; top: 457px; width: 385px;}
#homeContent #publicityBox { height: 50px; left: 493px; position:absolute; top: 530px; width: 385px;}
#homeContent .contentBoxImage { left:5px; position: absolute; text-transform:uppercase; top: 5px; }
#homeContent .contentBoxTitle {color:#f1680c; font-size:0.8em; font-weight:bold; left:150px; position: absolute; text-transform:uppercase; top: 2px; }
#homeContent .contentBoxTitle a {text-decoration:none; color:#f1680c;}
#homeContent .contentBoxTitle a:hover {text-decoration: underline;}
#homeContent .contentBoxTitle a:active {text-decoration:none;}
#homeContent .contentBoxContent { font-size:0.8em; height: 45px; left: 150px; position: absolute; top: 17px; }

#siteContent #contentBox { left: 65px; position:absolute; top: 255px; width: 818px; }
#siteContent .contentBoxTitle { left: 20px; position: absolute; text-transform:uppercase; }
#siteContent .contentBoxContent { position: absolute; font-size:0.8em; top: 35px; width: 818px; height: 298px; overflow-y:auto;}
#siteContent .contentBoxContent legend {color:#fff; font-size:1.2em; font-weight:bold;}
#siteContent .contentBoxContent label { width: 200px; float: left; text-align: right; margin-right: 0.5em; display: block }
#siteContent .contentBoxContent a {color:#fff;}
#siteContent .contentBoxContent a:hover {text-decoration:none;color:#000;}
#siteContent .contentBoxContent a:active {text-decoration:none;}