@import "reset.css";
@import "datepicker.css";
body { font: 8pt arial,sans-serif; text-align: center; line-height: 1.3; letter-spacing: 0.1em; background: #6D6E71; }

/* General "shells" */
a { color: #000; }
div#topShell { margin: 0 auto; width: 983px; background: url('/images/backslice.png') top center repeat-y; text-align: left; position: relative; }
div#outerShell { background: url('/images/aaacbackground.jpg') top left no-repeat; width: 983px;}
div#mainShell { width: 697px; position: relative; left: 135px; text-align: left; }

/* Column setup */
div#leftColumn { width: 126px; float: left; position: relative; }
div#menu { padding-top: 52px; margin-left: 20px; text-align: center; height: 300px; }

div#rightColumn { float: left; width: 571px; }
.mainHandle { padding: 20px 0 30px 30px; }


/* menu */
div#logo { position: relative; left: 12px; top: 20px; }
div#menuFoot { width: 94px; overflow: hidden; font-size: 7.5pt; margin: 10px 0 20px 28px; text-align: center;}
#menu li { display: block; text-align: center; margin: 6px auto; }
#menu li.diamond { display: block; height: 9px; }
#menu li.diamond img { padding: 0; vertical-align: top; }
#menu li a { height: 13px; display: block; position: relative; overflow: hidden; width: 74px; margin: 0 auto; background-position: top left; }
#menu li a:hover { background-position: 0 -13px; }
#menu li a#outreachbtn { height: 25px !important; display: block; position: relative; overflow: hidden; width: 74px; margin: 0 auto; background-position: top left; background-repeat: no-repeat; }
#menu li a#outreachbtn:hover { background-position: 0 -25px; }
#menu li a img { display: none; }

/* foreground objects */
div#iheartart { width: 69px; height: 69px; position: absolute; right: 110px; bottom: 10px; z-index: 100; }
div#diamond { width: 27px; height: 27px; position: absolute; top: 11px; right: -14px; background: url('/images/diamonds/pinkdiamondl.png') top left no-repeat; }

/* footer */
div#footer { text-align: center; font-size: .8em; line-height: 1.3; padding-bottom: 15px; }
div#supportedby { width: 500px; margin: 0 auto; }
div#madeby { width: 983px; text-align: left; margin: 0 auto; }

/* header */
div#ticker { height: 25px; position: relative; left: 18px; top: 4px; }
div#tickerBody { width: 350px; overflow: hidden; white-space: nowrap; padding-left: 20px; color: #888; }
div#tickerBody a { font-weight: bold; color: #b2b2b2; }
div#tickerBody a:hover { color: #fff; background-color: #ED1165; }
div#locationlabel { position: absolute; top: -0px; right: 32px; }
/* temp shit
.border-green { border: solid 1px #080; }
.border-red { border: solid 1px #f00; }
.border-blue { border: solid 1px #00f; }


/* generic reusables */
.pink { color: #ED1165; }
.pagehead { margin-bottom: 20px; }

.eventLink { position: relative; left: -4px; }