/*** global ***********************************************************/

body {
    background-color: #282828;
    /* font-family: Arial, Helvetica, sans-serif; */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

table {
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    text-align: left;
}

tr, td {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

p, a, img, ol, ul, li, h1, h2, h3, h4, h5, h6 {
    border: none;
    padding: 0;
    margin: 0;
    font-weight: normal;
    color: #4b4745;
}

a {
    color: #ff0000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 26px;
    margin-bottom: 30px;
}

h2 {
    font-size: 21px;
    margin-bottom: 30px;
}

h3 {
    font-size: 18px;
    margin-bottom: 12px;
}

h4 {
    font-size: 16px;
    margin-bottom: 11px;
}

h5 {
    font-size: 14px;
    margin-bottom: 10px;
}

h6 {
    font-size: 13px;
    margin-bottom: 10px;
}

/*** main wrapper *****************************************************/

#mainwrapper {
    width: 880px;
    margin: 0 auto;
    background-color: #efefef;
}

#mainwrapper .nodisplay {
    display: none;
}

/*** header bar *******************************************************/

#header {
    height: 25px;
    /*text-align: right;*/
    background-color: #282828;
    padding-right: 8px;
    overflow: hidden;
}

#header img {
    float: right;
    padding-left: 6px;
}

/*** menu bar *********************************************************/

#menubar {
    height: 100px;
    background: url(/images/aaaff_banner_new_notabs2.png) repeat-x;
    padding-right: 8px;
    overflow: hidden;
}

#menubar img {
    border: none;
    margin: 0 0 0 0;
    float: left;
}

#menubar a {
    color: #000000;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    /*font-family: sans-serif;*/
    letter-spacing: 1px;
    background: #bbbbbb;
    padding: 4px 6px 6px 6px;
}

#menubar a:hover {
    color: #ff0000;
    background: #d9d9d9;
}

#menubar ul {
    float: right;
    list-style-type: none;
    overflow: hidden;
    padding-top: 79px;
}

#menubar li {
    float: left;
    font-size: 10px;
    padding-left: 10px;
}

#menubar li.active {
    color: #ff0000;
}


#menubar li.active a {
    color: #cc0000;
}

#menubar li.active a:hover {
    background: #d9d9d9;
    color: #ff0000;
}

#menubar div#logo a {
    margin: 0;
    padding: 0;
}

#menubar div#logo img {
    border: none;
    margin-top: 6px;
    margin-left: 38px;
    float: left;
}

/*** footer **********************************************************/

#footer {
    height: 64px;
    background-color: #2d3540;
}

#footer ul {
    float: left;
    list-style-type: none;
    color: #d9d9d9;
    padding-left: 24px;
    padding-top: 16px;
}

#footer li {
    float: left;
    padding-left: 16px;
}

#footer a {
    color: #d9d9d9;
}

#footer h6 {
    float: right;
    color: #d9d9d9;
    font-weight: normal;
    font-size: 13px;
    padding-top: 32px;
    padding-right: 16px;
}



/*** featured area ***************************************************/

#featured_area {
    height: 470px;
    background: url(/images/featured_area_bg.png) repeat-x;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#featured_area table {
    height: 470px;
    overflow: hidden;
}

#featured_area p {
    margin: 0;
    padding: 0;
}

#featured_area div#left_pane {
    margin: 0 auto;
    width: 640px;
    padding: 10px 0 0 0;
}

#featured_area div#left_pane iframe{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#featured_area div#right_pane {
    margin: 0;
    padding: 10px 8px 0 0;
}

#featured_area div#right_pane img {
    margin: 0;
    padding: 0 0 8px 0;
}

/*** event area ******************************************************/

#event_area {
    height: 290px;
    /*background: url(images/featured_area_bg.png) repeat-x;*/
    background-color: #4e4e4e;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

#event_area table {
    height: 290px;
}

#event_area img {
    float: left;
}
    
#event_area p {
    font-size: 11px;
    color: #dddddd;
}

#event_area a {
    color: #dddddd;
    font-weight: bold;
    text-decoration: underline;
}

#event_area a:hover {
    text-decoration: underline;
}

#event_area h2 {
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding-bottom: 12px;
}   

#event_area h5 {
    font-size: 10px;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0;
    padding: 3px 0 4px 0;
}   

#event_area ul {
    list-style-type: none;
}

#event_area li {
    float: left;
    width: 254px;
    padding: 0 8px 0 8px;
    margin: 0;
}

#event_area div#eventController {
    display: none;
    margin: 0;
    padding: 0;
}

#event_area div#eventSlides {
    overflow: hidden;
}

#event_area div#eventSlides img {
    padding: 0 4px 4px 0;
}

#event_area .eventPrev, .eventNext {
    cursor: pointer;
}

/*** page name *******************************************************/

#pagename {
    height: 107px;
    background: url(/images/pagename_bg.png) repeat-x;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e7e9ea;
}

#pagename h2 {
    color: #2D3540;
    margin: 22px 0 22px 20px;
    font-family: Palatino Linotype, Georgia, serif;
    font-size: 35px;
    font-weight: normal;
}

/*** contact us sidebar **********************************************/

#contact_sidebar {
    float: right;
    width: 340px;
    margin: 0;
}

#contact_sidebar .box {
    padding: 1px;
    background: #ffffff url(/images/sidebar_block_bg.gif) repeat-x;
    border: 1px solid #edecec;
    line-height: 1.6;
}

#contact_sidebar .box h2 {
    font-size: 17px;
    font-weight: normal;
    color: #991f1f;
    padding: 16px 0 0 30px;
}

#contact_sidebar .box p {
    padding-top: 12px;
    padding-left: 30px;
    padding-right: 30px;
}

#contact_sidebar .box a {
    color: #ff0000;
    text-decoration: none;
}

#contact_sidebar .box a:hover {
    text-decoration: underline;
}



/*** general content *************************************************/

#content {
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

#content div#main {
    padding: 0 20px 0 20px;
}

#content div#main ul {
    padding: 12px 0 12px 40px;
}

#content div#newsfeed {
    padding: 20px 20px 0 20px;
}

#content div#newsfeed hr {
    border: 0;
    background-color: #aaaaaa;
    color: #aaaaaa;
    height: 5px;
    width: 60%;
    margin-top: 24px;
    margin-bottom: 24px;
}

#content div#newsfeed h3 a {
    font-size: 16px;
    font-weight: bold;
}

#content div#newsfeed h4 {
    font-size: 14px;
}

#content div#newsfeed a {
    text-decoration: none;
}

#content div#newsfeed a:hover {
    text-decoration: underline;
}

/*** rsvp form *******************************************************/

#rsvp {
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

#rsvp div#badgeinfo {
    padding: 0 20px 0 20px;
}

#rsvp div#badgeinfo td {
    padding: 0 0 0 20px;
}

#rsvp div#badgeinfo h2 {
    font-size: 16px;
    color: #4e4e4e;
    font-weight: bold;
    padding: 0 0 0 8px;
    margin: 0;
}

#rsvp div#badgeinfo h2 a {
    font-weight: bold;
    color: #dd0000;
    text-decoration: none;
}

#rsvp div#badgeinfo h2 a:hover {
    color: #dd0000;
    background-color: #ffffff;
}

#rsvp div#badgeinfo h3 {
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#rsvp div#badgeinfo h5 {
    font-size: 12px;
    color: #4e4e4e;
    font-weight: normal;
    padding: 0 0 0 8px;
    margin: 0;
}

#rsvp div#badgeinfo h5 a {
    font-weight: bold;
    color: #dd0000;
    text-decoration: none;
}

#rsvp div#badgeinfo h5 a:hover {
    color: #dd0000;
    background-color: #ffffff;
}

#rsvp div#badgeinfo ul {
    padding-left: 24px;
    font-size: 12px;
}

#rsvp div#badgeinfo p {
    padding: 16px 0 12px 0;
    font-size: 12px;
}

#rsvp div#badgeinfo img {
    float: left;
    padding: 0 8px 0 0;
}

#rsvp div#formarea {
    padding: 48px 40px 0 40px;
    line-height: 2.0;
}

#rsvp div#formarea h2 {
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#rsvp div#formarea h2 a {
    font-size: 15px;
    font-weight: bold;
    color: #dd0000;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

#rsvp div#formarea h2 a:hover {
    color: #dd0000;
    background-color: #ffffff;
}

#rsvp div#formarea h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 12px 0 0 0;
    margin: 0;
}

#rsvp div#formarea h4 {
    font-size: 11px;
    color: #4e4e4e;
    font-weight: normal;
    padding: 12px 0 0 16px;
    margin: 0;
}

#rsvp div#formarea h5 {
    font-size: 11px;
    color: #dd4444;
    font-weight: normal;
    padding: 12px 0 0 16px;
    margin: 0;
}

#rsvp div#formarea form {
    padding: 0 0 0 16px;
}

#rsvp div#formarea input, select {
    border: 1px solid #aaaaaa;
}

#rsvp div#formarea td {
    padding: 0 24px 0 0;
}

#rsvp div#formarea div#studentpass {
    line-height: 1.3;
}

#rsvp div#formarea div#studentpass h2 {
    font-size: 16px;
    color: #4e4e4e;
    font-weight: bold;
    padding: 0 0 0 8px;
    margin: 0;
}

#rsvp div#formarea div#studentpass h5 {
    font-size: 12px;
    color: #4e4e4e;
    font-weight: normal;
    padding: 0 0 0 8px;
    margin: 0;
}

#rsvp div#formarea div#studentpass h5 a {
    font-weight: bold;
    color: #dd0000;
    text-decoration: none;
}

#rsvp div#formarea div#studentpass h5 a:hover {
    /*text-decoration: underline;*/
    color: #dd0000;
    background-color: #ffffff;
}

#rsvp div#formarea div#studentpass ul {
    padding-left: 24px;
    font-size: 12px;
}

#rsvp div#formarea div#studentpass li {
    margin: 0 0 0 16px;
}

#rsvp div#eventinfo {
    padding: 60px 40px 0 40px;
    line-height: 1.6;
}

#rsvp div#eventinfo p {
    padding: 0 24px 0 0;
}

#rsvp div#eventinfo a {
    font-weight: bold;
    text-decoration: none;
    color: #dd0000;
}

#rsvp div#eventinfo a:hover {
    text-decoration: underline;
}

#rsvp div#eventinfo td {
    padding: 0 0 24px 0;
}

#rsvp div#eventinfo img {
    float: left;
    padding: 0 8px 8px 0;
}

#rsvp div#eventinfo h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 12px 0;
    margin: 0;
    line-height: 1.6;
}

#rsvp div#eventinfo h2 a {
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 0;

}

#rsvp div#eventinfo h5 {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 2px;
    padding: 0;
    margin: 0;
    line-height: 1.0;
}

#rsvp div#rsvpconfirm {
    padding: 24px 40px 0 40px;
    line-height: 1.6;
}

#rsvp div#rsvpconfirm h2 {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 12px 0;
    margin: 0;
}

#rsvp div#rsvpconfirm h3 {
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 12px 0;
    margin: 0;
}

#rsvp div#rsvpconfirm ul {
    font-size: 14px;
    list-style-type: none;
}

#rsvp div#rsvpconfirm li {
    padding: 0 0 0 32px;
}

#rsvp div#footnote {
    padding: 24px 40px 0 40px;
}

#rsvp div#footnote h5 {
    font-size: 12px;
    font-style: italic;
    color: #888888;
}

/*** blog/news feed **************************************************/

#blogfeed_area {
    overflow: hidden;
    margin: 0;
    padding: 36px 36px 36px 36px;
    line-height: 1.6;
}

#blogfeed_area ul {
    float: left;
    overflow: hidden;
    list-style-type: none;
    padding-left: 24px;
}

#blogfeed_area li {
    overflow: hidden;
    width: 480px;
    margin: 0 0 32px 0;
    padding: 0 0 0 50px;
}

#blogfeed_area li p {
    padding-bottom: 12px;
}

#blogfeed_area h3 {
    font-size: 15px;
    font-weight: bold;
}

#blogfeed_area h3 a {
    font-weight: bold;
    color: #cc0000;
}

#blogfeed_area h5 {
    font-size: 12px;
    font-style: italic;
    padding-top: 8px;
}

#blogfeed_area li.pen {
    background: url(/images/blog_pen.png) no-repeat;
}

#blogfeed_area li.star {
    background: url(/images/blog_star.png) no-repeat;
}

#blogfeed_area li.people {
    background: url(/images/blog_people.png) no-repeat;
}

#blogfeed_area li.lightbulb {
    background: url(/images/blog_lightbulb.png) no-repeat;
}