/*
Public Screen Stylesheet

(1)  Global
(2)  Layout
(3)  Specific Typography
(4)  Navigation
(5)  Lists
(6)  Tables
(7)  News Module
(8)  Send Page Module
(9)  Forms
(10) Pagination



/* (1) Global ========================================*/

* {
margin: 0;    
padding: 0;
}

body {
 color: #555;
 font: 14px "Lucida Grande", helvetica, arial, sans-serif;
}
body#public {
 background: url(graphics/images/bg.gif) repeat-x;
 color: #555;
 font: 14px "Lucida Grande", helvetica, arial, sans-serif;
 text-align: center;
}
h1, .heading {
 color: #555;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 18px;
 width: 100%;
 border-bottom: 1px solid #dbdbdb;
}
h2, .sub-heading {
 color: #555;
 font-size: 14px;
 font-weight: bold;
 line-height: 18px;
 margin-bottom: 18px;
}
.left {
 float: left;
 margin: 0 10px 10px 0;
}
.right {
 float: right;
 margin: 0 0 10px 10px;
}
.center {
 text-align: center;
}
a img {
 border: 0 none;
}
.errorMessage {
 font-weight: bold;
 color: #f00;
}
.PDF {
 background: url(graphics/images/pdf.gif) no-repeat;
 line-height: 40px;
 display: block;
 padding: 0 0 0 50px;
}

/* Start Self Clearing */

#outerWrap:after. #content:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

/* End Self Clearing */

#mainNav li ul,
 #footerNav li ul {
 display: none !important;
}


/* (2) Layout ========================================*/

#outerWrap {
}
#innerWrap {
 margin: 0 auto;
 position: relative;
 text-align: left;
 width: 960px;
}
#header {
 float: left;
 margin: 0;
 padding: 0;
 position: relative;
 width: 960px;
 height: 84px;
}
#header p {
 float: right;
 width: 571px;
 text-align: right;
 font-size: 11px;
 margin: 5px 0 0 0;
 padding: 0;
}
#header p span {
 font-size: 14px;
 font-weight: bold;
 margin-top: 10px;
 float: right;
 color: #CC0000;
}
#content {
 background: url(graphics/images/bg-content.gif) right repeat-y;
 float: left;
 width: 960px;
}
.slide {
 float: left;
 border-top: 1px solid #fff;
}   
.leftCol {
 float: left;
 line-height: 1.4;
 padding: 20px;
 width: 600px;
}
.register {
 float: left;
 line-height: 1.4;
 padding: 0;
 width: 640px;
}
.rightCol {
 float: right;
 width: 320px;
 color: #fff;
 font-weight: bold;
 font-size: 12px;
 line-height: 20px;
}
.rightCol div {
 margin: 0 20px;
}
#affiliatesWrap {
 background: #e9eaeb;
 width: 100%;
 float: left;
 }
#affiliates {
 width: 960px;
 margin: 0 auto;
 }
#affiliates a{
 margin: 0;
 padding: 0;
 display: block;
 float: left;
}
#footer {
 color: #444;
 font-size: 11px;
 text-align: left;
 width: 960px;
 margin: 0 auto;
 padding: 20px 0;
}
#footer p {
 margin: 20px 0;
 float: left;
 }
.register div {
 background-position: bottom;
 width: 280px;
 height: 263px;
 float: left;
 padding: 0 20px 0 20px;
 font-size: 11px;
 letter-spacing: -1px;
}
.register ul {
 padding-right: 80px;
 height: 130px;
}
.register ul li, .register li {
 margin: 0 0 6px 0;
}
.register a.button, .register a.button:visited {
 background: url(graphics/images/button-register.png) no-repeat top;
 display: block;
 width: 149px;
 height: 41px;
 line-height: 41px;
 color: #fff;
 text-decoration: none;
 text-align: center;
 font-size: 18px;
}
.register a.button:hover {
 background-position: bottom;
 text-decoration: none;
}
.community {
 background: url(graphics/images/bg-community.jpg) no-repeat;
}
.ballstate {
 background: url(graphics/images/bg-ballstate.jpg) no-repeat;
}
.partners a {
 float: left;
 width: 50%;
 padding: 30px 0;
}
.partners a:hover {
 opacity: 0.5;
}
.addThisWrapper {
 margin-top: 20px;
}

/* (3) Specific Typography ========================================*/

p {
 margin-bottom: 18px;
}
.rightCol h1 {
 padding: 0 0 0 35px;
 color: #fff;
 border: none;
 height: 31px;
 line-height: 31px;
 width: auto;
 }
.rightCol h2 a {
 font-weight: bold;
 margin-bottom: 5px;
 line-height: 18px;
 }
sup {
 font-size: 9px;
}



/* (4) Navigation ========================================*/

a:link,
a:visited {
 color: #cc0000;
 text-decoration: none;
}
a:hover,
a:active {
 text-decoration: underline;
}
.rightCol a, .rightCol a:visited {
 color: #ffffcc;
 }
.questions {
 background: url(graphics/images/questions.jpg) top no-repeat;
 display: block;
 width: 320px;
 height: 104px;
}
.questions:hover {
 background-position: bottom;
}
#footer a {
 color: #222222;
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}
.logo {
 margin: 0;
 padding: 0;
 width: 320px;
 float: left;
 border: none;
}
#mainNav {
 width: 960px;
 height: 40px;
 float: left;
 position: relative;
}
#mainNav ul {
 margin: 0;
 padding: 0;
}

#mainNav li {
 display: block;
 float: left;
 padding: 0;
 margin: 0;
 background: 0 none;
}
#mainNav li a {
 color: #fff;
 display: block;
 font-size: 13px;
 font-weight: bold;
 line-height: 40px;
 padding: 0 21px;
 text-decoration: none;
 text-transform: uppercase;
}
#mainNav li a:hover,
 #mainNav li a.current {
 color: #fff;
 text-decoration: none;
 background: #CC0000;
}
.rightCol ul.subNav {
 padding: 0;
 margin: 0;
 list-style-type: none;
}
.rightCol ul.subNav li {
 width: 100%;
 padding: 0;
 margin: 0;
 background: none;
}
.rightCol ul.subNav li a {
 width: 90%;
 padding: 5%;
 margin: 0;
 display: block;
 border-bottom: 1px dotted #535A5F;
}
.rightCol ul.subNav li a:hover {
 background: #333;
 text-decoration: none;
 color: #fff;
}
#footerNav ul {
 font-size: 12px;
 margin: 0 0 10px 0;
}
#footerNav li {
 display: inline;
}
#footerNav li a {
 padding: 0 8px 0 0;
 text-decoration: none;
 text-transform: uppercase;
 font-weight: bold;
}
#footerNav li a:hover {
 text-decoration: underline;
}


/* (5) Lists ========================================*/

ol,
 ul li {
 padding-left: 3em;
}
ul {
 list-style-type: none;
 }

ul li {
 background: url(graphics/images/square.gif) 15px 6px no-repeat;
 }

.rightCol li,
.leftCol li {
 list-style-position: outside;
 margin-bottom: 8px;
}



/* (6) Tables ========================================*/

table {
 width: 100%;
}
th {
 background: #dfdfdf;
 color: #222;
 font-size: 14px;
 font-weight: 500;
}
td {
vertical-align: middle;
padding-bottom: 10px;
}



/* (7) News & Events Modules ========================================*/

.news {
 border-bottom: 1px solid #393f44;
 padding: 20px 0;
}
.events {
 border-top: 1px solid #52595e;
 padding: 20px 0;
}
.news h1 {
 background: url(graphics/images/ico-news.gif) no-repeat left bottom;
}
.events h1 {
 background: url(graphics/images/ico-events.gif) no-repeat;
}
.newsList, .eventList {
 clear: both;
 margin: 0 !important;
 list-style: none;
 line-height: 1.4;
}
.newsList li, .eventList li {
 margin: 0 0 11px 0;
 padding: 0;
 background: 0 none;
}
.leftCol .newsList li, .leftCol .eventList li {
 margin: 0 0 10px 0;
 padding: 0 0 10px 0;
 background: 0 none;
 border-bottom: 1px solid #efefef;
}
.newsList h2, .eventList h2, .newsWrapper h1, .eventsWrapper h1 {
 margin-bottom: 0;
}
.newsList p, .eventList p {
 margin-bottom: 0;
}
.meta {
 color: #bfc5ca;
 font-size: 11px;
}
.leftCol .meta {
 color: #888;
}
.newsDetailWrapper h1 {
 margin-bottom: 0;
}
#freedom_calendar {
 position: absolute;
 left: 100px;
 top: 100px;
 width: 175px;
 z-index: 100;
 visibility: hidden;
 clip: rect(0px 175px 145px 0px);
 height: 145px;
}



/* (8) Send Page Module ========================================*/

.sendpage {
 clear: both;
}
.sendpageBody div,
 .sendpageBody td {
 padding: 2px 0px;
}

.sendpageBody {
 background-color: #fff;
 color: #444;
 font: 12px helvetica, arial, sans-serif;
 text-align: center;
}
.sendpageFormText {
 text-align: left;
}
.sendpageFormTextRequired {
 text-align: right;
 padding-right: 10px;
}
.sendpageHeader {
 color: #ddd;
 font-weight: bold;
 font-size: 12px;
}
.sendpageBody input[type="text"] {
 border: 0 none;
 font-size: 12px;
 padding: 3px;
 margin-bottom: 2px;
 width: 120px;
}
.sendpageBody textarea {
 border: 0 none;
 height: 50px;
 width: 100%;
}



/* (9) Forms ========================================*/

form div.formtext,
 form div.formtextRequired {
 margin: 0 20px 0 0;
 text-align: right;
 width: 250px;
 float: right;
}

form div.formtextRequired {
 font-weight: bold;
}
textarea {
 width: 300px;
}

/* (10) Pagination ========================================*/

.pagination {
 clear: both;
 display: block;
}
.pagination a,
 .pagination a:link,
 .pagination a:visited {
 text-decoration: none;
}
.pagination .prevnextCurrent,
 .pagination .prevnextWindow,
 .pagination .prevnextWindowArrow {
 border: solid 1px #ccc;
 margin: 0;
 padding: 4px 6px;
 font-size: 11px;
 margin-right: 2px;
 display: inline-block;
}
.pagination a.prevnextWindow:hover,
 .pagination a.prevnextLink:hover,
 .pagination .prevnextWindowArrow:hover {
 border: solid 1px #000;
 color: #000;
}
.pagination .prevnextCurrent {
 background: #ccc;
 color: #000;
 font-weight: bold;
 padding: 4px 6px;
}
.pagination a.prevnextLink {
 border: 1px solid #ccc;
 padding: 4px 6px 4px;
 margin-right: 2px;
 font-size: 11px;
 display: block;
}
* 
html img,
* html .png {
 position: relative;
 behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true;
}


/* ---------------Freedom Stylesheet--------------- */

READ THIS FIRST

Freedom Ecosystem sharing allows for styles to be
attached to modules as they are shared. This is done
by open/close comment tags for of each module blocks.
Retain the comment blocks if you want your styles to
be included if/when the module is shared over the
Ecosystem.

/* End Comments */



/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */

/* ModuleBegin::events */
/* ---------------
Events Lister
----------------- */
.eventsWrapper { }
.eventsWrapper ul.eventList { margin: 0; list-style: none; }
.eventsWrapper .eventList li { margin: 0 0 18px 0; }
.eventDate { color: #777; font-size: smaller; }
.eventTime { color: #777; font-size: smaller; }
.eventsWrapper .eventList li h2 { color: #333; }
.eventsWrapper .eventList li h3 { color: #000; }
.eventBlurb { }


/* ---------------
Events Detail
----------------- */
.eventLocation, .eventRSVP, .eventTicketWrapper { }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }
/* ModuleEnd::events */



/* ModuleBegin::news */
.newsWrapper { }
.newsWrapper .newsList { margin: 0; list-style: none; }
.newsWrapper .newsList li { margin: 0 0 18px 0; }
.newsWrapper .meta { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */