/*----------------------------------------------------
PROPERTY OF BILL GOOD MARKETING
CREATED:	January 08, 2010 VMV
MODIFIED:	
-----------------------------------------------------*/

/*  CSS RESET */
/*  Taken from Less is more - http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */
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, dd, dl, dt, li, ol, ul, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {margin: 0; padding: 0; border: 0; text-align: left; vertical-align: baseline;}
ol, ul {list-style: none;}

/*  RETASKED HTML ELEMENTS */
body {height: 100%; width:100%; font: 12px verdana, arial, sans-serif; background-color:#999} 

/* CSS UTILS */
.clearboth {clear:both;}
.hand {cursor: pointer;}
div.wellSpaced p {margin: 15px;}

/* MAST */
.masthead {width: 1000px; height: 80px; background-color:#28415a;}
.masttop {width:1000px; height:50px; border-bottom:1px solid #ee6d27;}
.mastlogo {width:300px; height:50px; background-color:#000000; float:left;}
.mastnav{width:635px; height:25px; float:right; margin-top:17px; padding-right:65px;}
.mastnavsearch{width:250px; height:25px; float:right; text-align:right; margin-top:3px;}
input.searchbox{font-size:80%; font-style:italic; width:250px; margin-right:10px; float:right; background-image: url('/beta1/globals/images/magnifier.png'); border: none; background-position:right; background-repeat:no-repeat;}
input.button{color:white; background-color:#336699; font-size:80%;}
input.redbutton{color:white; font-weight: bold; background-color:#ad1616; display:block; margin:10px;}
.mastminilogo {width:300px; height:27px; float:left;}
.redbutton{color:white; font-weight: bold; background-color:#ad1616; display:block; margin-left:340px}

/* MAIN ELEMENTS */
.mainwindow {height: auto; width:1000px; margin-left:auto; margin-right:auto; background-color:#FFFFFF;}
.userdisplay {height: auto; width:1000px; background-color:#FFFFFF; margin-top:10px;}
.userdisplayL {height: auto; width:250px; float:left; border-right: solid thin #EEEEEE; margin-left:5px;}
.userdisplayC {height: auto; width:470px; float:left; padding:0 5px;}
.userdisplayR {height: auto; width:250px; float:left; border-left: solid thin #EEEEEE;}

div.userNotify {float:right; color: #fff; height: 10px; font-weight:bold; padding-right: 10px; padding-top: 3px;}
div.userNotify a, div.userNotify a:visited {color: #fff; text-decoration: none; }
div.userNotify a:hover {text-decoration: underline;}
.userdisplayAltHeader {width:240px; color:#686868; font-weight:bolder; font-size:14px; border-bottom:thin solid #686868}

.userdisplayDownloads {width:250px; height: 250px; margin-top:20px;}
.userdisplayDownloads ul{padding:10px; color:#455a70; font-size:12px; list-style:disc; margin-left:5px;}
.userdisplayDownloads li { padding-bottom: 5px; }
.userdisplayDownloads li a {text-decoration:none; line-height:15px; color:#455a70;}
.userdisplayDownloads li a:hover { color: #ee6d27; }

.userdisplayNews {width:250px; height: 410px; margin-top:20px;}
.userdisplayNews ul{padding:10px; color:#455a70; font-size:12px; list-style:disc; margin-left:5px;}
.userdisplayNews li { padding-bottom: 5px; }
.userdisplayNews li a {text-decoration:none; line-height:15px; color:#455a70;}
.userdisplayNews li a:hover { color: #ee6d27; }
.userdisplayNewsNew {float:right; margin-left: 4px; color:#AD1616;font-weight:bold;font-size:smaller;}

.userdisplayNewsArchiveLink {float:right; color:#455a70; font-size:10px; margin-right:4px;}
.userdisplayNewsMainCol{float:right; width:720px;}
.userdisplayNewsSideCol{float:left; width:220px; padding: 0 5px;}
.userdisplayNewsMiddleCol{float:left; width:220px; padding: 0 5px; border-left:thin solid #686868; border-right:thin solid #686868; margin: 0 5px;}
.userdisplayNewsArhivebox {line-height:15px; color:#455a70; padding:10px 0; border-bottom:thin solid #686868;}
.userdisplayNewsArhivebox a {text-decoration:none; color:#455a70;}
.userdisplayNewsMainColTitle {color:#28415a; font-size:16px; font-weight:bolder; width: 720px; text-align:center; margin:0 0 20px 0}

.userdisplayFileArchiveLink {float:right; color:#455a70; font-size:10px; margin-right:4px;}
.userdisplayFileMainCol{float:right; width:720px;}
.userdisplayFileSideCol{float:left; width:220px; padding: 0 5px; color:#455a70; }
.userdisplayFileMiddleCol{float:left; width:220px; padding: 0 5px; border-left:thin solid #686868; border-right:thin solid #686868; margin: 0 5px; color:#455a70; }
.userdisplayFileSideCol a {text-decoration:none; color:#28415a;}
.userdisplayFileMiddleCol a {text-decoration:none; color:#28415a;}
.userdisplayFileMainColTitle {color:#28415a; font-size:16px; font-weight:bolder; width: 720px; text-align:center; margin:0 0 20px 0}
.userdisplayFileMainColsubTitle {color:#000000; font-size:12px;}

.userdisplayUpcomingeventsbox {width:150px; height:140px; float:left; margin-bottom:15px; font-size:10px;}
.userdisplayUpcomingeventsbox a {text-decoration:none; color:#28415A}
.userdisplayUpcomingeventsboxM {width:150px; height:140px; margin:0 10px; float:left;  font-size:10px;}
.userdisplayUpcomingeventsboxM a {text-decoration:none; color:#28415A}

.userdisplayCalendar {width:250px; margin-top:20px; height: 190px;}
td.calendarDay, td.calendarHeaderDay, table#eventCalendar td {text-align:center;}
p#monthname {text-align:center; margin-bottom: 5px; font-size: 14px; }
span.eventDay {cursor: pointer; color: #AD1616; font-weight: bold;}
span.calChangeMonth {cursor: pointer;}
td.calendarHeaderDay {font-weight:bold;}
div#eventListDiv {width: 300px; border: 2px solid #000; padding: 10px; background-color: #fff; }
div#eventListDiv p {font-weight: bold; font-size: 15px;}
div#eventListDiv ul.EventsList {padding-left: 25px; margin: 10px 0 0 0px; list-style:disc;}
div#eventListDiv ul.EventsList li { margin-bottom: 10px; }
div#eventListDiv ul.EventsList li a {line-height:15px; color:#455a70;}
div#eventListDiv ul.EventsList li a:hover { color: #ee6d27; }

.footerbar {clear: both; width:1000px; height:25px; border-top: 1px solid #686868; color:#999999; margin-top:25px; margin-left:auto; margin-right:auto; padding:5px 0; font-size:10px;}
.footerbar img {margin: 3px 0 0 25px;}
.footerbar a {text-decoration:none; color:#999999;}

.userdisplayRightBox {width:240px; padding-left: 10px; height:120px; margin-bottom:15px; background-color:#ffffff;}
.formstyle {margin-top:20px; margin-bottom:300px;}

.usermessageboard {width:1000px; height:570px;}
.usermessageboardview {width:725px; height:325px; background-color:#000; float:left;}

.boldMediumHeader{color:#036; font-size:16px; font-weight:bold; text-align:center; margin:10px 0;}
.testimonialsBox {margin: 15px 0; font-size:12px; color:#036;}
