/***** Body stuff *****/

body
{
    min-width: 970px;
    min-height: 100.01%;
    background-image: url('/images/layout/body_bg.png');
    background-position: center top;
    background-color: #0D3054;
}

/***** Layout *****/

div.gradient
{
    width: 100%;
    height: 600px;
    position: relative;
    top: 0;
    z-index: 0;
    margin-bottom: -600px;
    background-image: url('/images/layout/body_gradient.png');
    background-position: center top;
    background-repeat: repeat-x;
}

table.wrapper
{
    height: 100%;
    min-height: 100%;
    width: 954px;
    position: relative;
    z-index: 2;
    margin: 0px Auto;
}

table.wrapper td.top
{
    /* height: Auto; */
    vertical-align: top;
    line-height: 24px;
    background-image: url('/images/layout/content_bg.png');
    background-position: center top;
    background-repeat: repeat-y;
}

table.wrapper td.bottom
{
    height: 28px;
    vertical-align: bottom;
    line-height: 28px;
}

/***** Left Side *****/

div.left_side
{
    float: left;
    width: 204px;
    margin: 0;
    padding: 0;
}

div.sidebar_top
{
    height: 210px;
}

div.sidebar
{
    background-image: url('/images/layout/sidebar_bg.png');
    background-position: center top;
    background-repeat: repeat-y;
}

div.sidebar_bottom
{
    height: 10px;
    width: 204px;
    background-image: url('/images/layout/sidebar_bottom.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div.menu
{
    min-height: 340px;
    padding: 0px 27px 0px 23px;
    background-image: url('/images/layout/sidebar_gradient.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div.menu a, div.menu a:visited, div.menu a:hover
{
    border: none;
    text-decoration: none;
}

div.menu ul
{
    margin: 0;
    padding: 12px 0 8px 0;
    list-style-type: none;
    line-height: 28px;
}

div.menu ul li
{
    margin: 0;
    padding: 0;
    color: #FFDE6B;
    font-weight: bold;
}

div.menu ul li span
{
    margin-right: 7px;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 17px;
    font-weight: normal;
}

div.menu ul li a, div.menu ul li a:visited
{
    color: #FFFFFF;
}

div.menu ul li a:hover
{
    color: #07A5FE;
}

/***** Sub-Menu Links *****/

div.menu ul.submenu
{
    margin: 0;
    padding: 0 0 0 18px;
    list-style-type: disc;
    list-style-position: inside;
    font-size: 13px;
    line-height: 21px;
}

div.menu ul.submenu li
{
    margin: 0;
    padding: 0;
    color: #FFDE6B;
    line-height: 21px;
    vertical-align: middle;
}

div.menu ul.submenu li a, div.menu ul.submenu li a:visited
{
    color: #FFFFFF;
}

div.menu ul.submenu li a:hover
{
    color: #07A5FE;
}

/***** Social Media Links *****/

div.menu ul.socialmedia
{
    margin: 0;
    padding: 0 0 0 16px;
    list-style-type: none;
    font-size: 14px;
    line-height: 26px;
}

div.menu ul.socialmedia li
{
    margin: 0;
    padding: 0;
    color: #FFDE6B;
    font-weight: bold;
    line-height: 26px;
    vertical-align: middle;
}

div.menu ul.socialmedia li img
{
    position: relative;
    top: 5px;
    margin-right: 6px;
}

div.menu ul.socialmedia li a, div.menu ul.socialmedia li a:visited
{
    color: #FFFFFF;
}

div.menu ul.socialmedia li a:hover
{
    color: #07A5FE;
}

/***** Right Side *****/

div.right_side
{
    float: right;
    width: 750px;
    margin: 0;
    padding: 0;
}

div.top_donate
{
    height: 100px;
}

div.header
{
    width: 750px;
    min-height: 204px;
    margin: 0;
    padding: 0;
    background-image: url('/images/layout/header_frame.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div.strip
{
    width: 750px;
    height: 12px;
    margin: 0;
    padding: 0;
    background-image: url('/images/layout/strip.png');
    background-position: center top;
    background-repeat: no-repeat;
}

.announcement_top
{
	width: 750px;
	height: 100px;
	background-image: url('/images/layout/body_gradient.png');
	background-position: 0 -316px;
	background-repeat: repeat-x;
	text-align: center;
}

.announcement_above
{
	width: 750px;
	height: 122px;
	background-image: url('/images/layout/announce_bg_above_blue2.png');
	background-position: 0 0
	background-repeat: no-repeat;
	text-align: center;
}
.announcement_above img
{
	margin: 10px;
}

.announcement_above2
{
	width: 750px;
	height: 110px;
	background-image: url('/images/layout/body_gradient.png');
	background-position: 0 -100px;
	background-repeat: repeat-x;
	text-align: center;
}
.announcement_above2 img
{
	margin: 0 auto;
	border: 5px white solid;
}

/***** Content *****/

div.content_top
{
    width: 750px;
    height: 46px;
    background-image: url('/images/layout/content_top.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div.content
{
    width: 720px;
    margin: 10px 15px 5px 15px;
}

div.content_bottom
{
    width: 750px;
    height: 10px;
    margin-left: 204px;
    background-image: url('/images/layout/content_bottom.png');
    background-position: center top;
    background-repeat: no-repeat;
}

/***** Page titles. ******/

div.content_top h1
{
    padding: 0 0 0 15px;
    margin: 0;
    font-family: Arial, 'Helvetica Neue', Helvetica, Sans-Serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 46px;
    color: #FFFFFF;
    letter-spacing: normal;
    vertical-align: middle;
    text-align: left; 
}

div.content_top h1 a, div.content_top h1 a:visited
{
    color: #FFFF00;
    text-decoration: none;
}

div.content_top h1 a:hover
{
    color: #DDDDFF;
}

div.content_top h1 span
{
    display: block;
}

div.content_top h1 span.tellafriend
{
    padding-top: 11px;
    padding-right: 14px;
}

div.content_top h1 span.printer
{
    padding-top: 11px;
    padding-right: 14px;
}

/***** Stuff in the content frame. *****/

div.content h1, div.content h2, div.content h3
{
    padding: 0;
    margin: 0;
    font-family: Arial, 'Helvetica Neue', Helvetica, Sans-Serif;
    font-weight: bold;
    color: #265380;
    letter-spacing: normal;
    vertical-align: middle;
    text-align: center;    
    background: white;
}

div.content h1
{
    margin: 0 0 12px 0;
    font-size: 24px;
    line-height: 34px;
}

div.content h2
{
    margin: 0 0 12px 0;
    font-size: 20px;
    line-height: 28px;
}

div.content h3
{
    margin: 0 0 12px 0;
    font-size: 16px;
    line-height: 24px;
}

div.content a, div.content a:visited
{
    color: #DD0000;
}

div.content a:hover
{
    color: #0000DD;
}

div.content ul
{
    margin-bottom: 1em;
}

div.content ul li
{
    margin-left: 40px;
    margin-bottom: 4px;
    list-style: disc outside;
    vertical-align: middle;
}

div.content div.seperator
{
    width: 690px;
    height: 0px;
    padding: 0;
    margin: 0 Auto 16px Auto;
    border-top: 2px solid #7AA3CC;
    line-height: 0px;
    font-size: 0px;
    overflow: hidden;
}

/***** Bottom & Footer *****/

div.footer
{
    height: 28px;
    margin: 0px 0px 0px 204px;
    padding: 0 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    color: #FFDE6B;
}

div.footer p
{
    width: 750px;
    margin: 0px Auto;
}

div.footer a, a:visited
{
    color: #FFDE6B;
}

div.footer a:hover
{
    color: #07A5FE;
}

/***** Captions *****/

div.content span.caption
{
    display: block;
    margin-top: 5px;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    line-height: 15px;
    color: #404040;
}

/***** Photos and Such (includes .pic for backwards compatibility) *****/

div.content .photo, div.content .pic
{
    border: 1px solid #265380;
}

/***** Stuff on the home page. *****/

table.projectbluelight
{
    margin-bottom: 16px;
    border: 1px solid #265380;
    background-color: #DFEBF7;
}

table.projectbluelight tr td
{
    padding: 10px;
}

div.content div.officer_down_frame
{
    clear: both;
    width: 720px;
    height: 50px;
    padding-top: 6px;
    background-color: #FFFFFF;
    background-image: url('/images/home/officer_down_bg.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 16px;
}    

div.content div.officer_down
{
    width: 660px;
    height: 38px;
    margin-left: 56px;
    overflow: hidden;
    text-align: left;
    background: transparent !important;
}

div.content div.officer_down div
{
    width: 100%;
    font-size: 14px;
    color: #404040;
    line-height: 38px;
    text-align: left;
    background: none;
    background: transparent !important;
}

div.content div.officer_down div a, div.content div.officer_down div a:visited
{
    color: #DD0000;
    text-decoration: none;
}

div.content div.officer_down div a:hover
{
    color: #0000DD;
}

/*
div.content div.officer_down div div
{
    margin: 0 Auto;
    padding: 8px 0px;
}
*/

/***** Suff on the Board page. *****/

table.boardofdirectors
{
    margin-bottom: 16px; 
    border: 1px solid #265380;
}

table.boardofdirectors tr td
{
    padding: 5px;
}

table.boardofdirectors tr.head td
{
    background-color: #F0F0F0;
    font-weight: bold;
    border-bottom: 1px solid #DDDDDD;
}

table.boardofdirectors tr.even td
{
    background-color: #F0F0F0;
}

/***** Suff on the Sponsors page. *****/

table.sponsors
{
    margin-bottom: 16px; 
    border: 1px solid #265380;
}

table.sponsors tr td
{
    padding: 5px;
}

table.sponsors tr.even td
{
    background-color: #F0F0F0;
}

/***** Error DIV for various form. *****/

div.error
{
    width: 592px;
    margin: 0 Auto 16px Auto;
    text-align: center;
}

/***** Stuff on the Make A Donation page. *****/

div.content ul.altdonate
{
    margin-bottom: 16px;
}

div.content ul.altdonate li
{
    margin-left: 20px;
    margin-bottom: 16px;
    list-style: disc outside;
    vertical-align: middle;
}

div.donate
{
    float: right;
    width: 350px;
    overflow: auto;
    margin-left: 16px;
    margin-bottom: 100px;
}

div.donate hr
{
    width: 100%;
    height: 0px;
    margin: 16px Auto 0 Auto;
    padding: 0 0;
    line-height: 0px;
    font-size: 0px;
    border-top: 1px solid #AAAAAA;
}

div.donate table
{
    width: auto;
}

div.donate input
{
    width: 312px;
    padding: 4px 4px;
}

div.donate select
{
    padding: 4px 4px;
}

div.donate fieldset p
{
    font-size: 13px;
    font-style: italic;
    margin: 0px 0px;
    padding: 0px 0px;
    line-height: 21px;
}

div.donate fieldset legend
{
    margin: 0 0 0 -8px;
    padding: 0px 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: Arial, 'Helvetica Neue', Helvetica, Sans-Serif;
    font-weight: bold;
    color: #265380;
    letter-spacing: normal;
    vertical-align: middle;
    text-align: center;   
}

div.donate fieldset label
{
    font-size: 14px;
    line-height: 21px;
    font-weight: normal;
    display: block;
    margin-top: 14px;
    margin-bottom: 2px;
}

div.donate fieldset label.first
{
    margin-top: 0px;
}

div.donate label.invalid
{
    font-weight: bold;
    color: #651441;
}

div.donate input.invalid
{
    border: 1px solid #FFB2B2;
    background-color: #FFEBEB;
}

div.donate input.otheramount, div.donate select.recamount, div.donate input.freegift
{
    width: 120px;
}

div.donate input.firstname, div.donate input.lastname
{
    width: 150px;
}

div.donate select.cardmonth
{
    width: 50px;
}

div.donate select.cardyear
{
    width: 70px;
}

div.donate select.addrstate, div.donate input.zipcode
{
    width: 120px;
}

div.donate input.cardccv
{
    width: 80px;
}

div.donate table.damount
{
    margin-top: 20px;
}

div.donate table.damount td
{
    padding-bottom: 8px;
}

div.donate table.damount td.text-right
{
    padding-right: 12px;
}

div.donate fieldset table.donatetype label
{
    display: inline;
}

/***** Stuff on the Gift Examples Page *****/

div.gift-wrapper
{
    width: 960px;
    margin: 16px Auto 0px Auto;
}

div.gift-wrapper div.gift-top, div.gift-wrapper div.gift-bottom
{
    width: 960px;
    height: 10px;
}

div.gift-content
{
    width: 960px;
    overflow: auto;
    padding: 0px 15px;
    background-image: url('/images/donate/gift-bg.gif');
    background-repeat: repeat-y;
    vertical-align: top;
}

div.gift-content h1, div.gift-content h2, div.gift-content h3
{
    padding: 0;
    margin: 0;
    font-family: Arial, 'Helvetica Neue', Helvetica, Sans-Serif;
    font-weight: bold;
    color: #265380;
    letter-spacing: normal;
    vertical-align: middle;
}

div.gift-content h1
{
    margin: 0 0 12px 0;
    font-size: 24px;
    line-height: 34px;
}

div.gift-content h2
{
    margin: 0 0 12px 0;
    font-size: 20px;
    line-height: 28px;
}

div.gift-content h3
{
    margin: 0 0 12px 0;
    font-size: 16px;
    line-height: 24px;
}

/***** Application Form *****/

div.application
{
    text-align: center;
}

div.application fieldset
{
    margin: 0 Auto 16px Auto;
    padding: 16px 16px;
    width: 560px;
    clear: both;
    display: block;
    text-align: left;
}

div.application fieldset legend
{
    margin: 0 0 0 -8px;
    padding: 0px 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: Arial, 'Helvetica Neue', Helvetica, Sans-Serif;
    font-weight: bold;
    color: #265380;
    letter-spacing: normal;
    vertical-align: middle;
    text-align: center;   
}

div.application fieldset label
{
    font-size: 14px;
    line-height: 21px;
    font-weight: normal;
    display: block;
    margin-top: 16px;
}

div.application fieldset label.first
{
    margin-top: 0px;
}

div.application fieldset span
{
    padding: 0;
    margin: 0;
}

div.application fieldset span label
{
    display: inline;
}

div.application input, div.application select, div.application textarea
{
    padding: 4px 4px;
}

div.application fieldset input.textin
{
    width: 500px;
}

div.application fieldset textarea
{
    width: 500px;
    overflow: hidden;
}

div.application fieldset table.gpa label
{
    display: inline;
}

div.application label.invalid
{
    font-weight: bold;
    color: #651441;
}

div.application input.invalid
{
    border: 1px solid #FFB2B2;
    background-color: #FFEBEB;
}

/***** Stuff on the Contact Form. *****/

div.content ul.phone li
{
    margin-left: 20px;
    margin-bottom: 4px;
    list-style: disc outside;
    vertical-align: middle;
}

div.contact
{
    float: right;
    width: 350px;
    margin-left: 16px;
    overflow: auto;
}

div.contact hr
{
    width: 100%;
    height: 0px;
    margin: 16px Auto 0 Auto;
    padding: 0 0;
    line-height: 0px;
    font-size: 0px;
    border-top: 1px solid #AAAAAA;
}

div.contact table
{
    width: auto;
}

div.contact input
{
    width: 312px;
    padding: 4px 4px;
}

div.contact textarea
{
    width: 312px;
    padding: 4px 4px;
}

div.contact fieldset label
{
    font-size: 14px;
    line-height: 21px;
    font-weight: normal;
    display: block;
    margin-top: 16px;
}

div.contact fieldset label.first
{
    margin-top: 0px;
}

div.contact label.invalid
{
    font-weight: bold;
    color: #651441;
}

div.contact input.invalid
{
    border: 1px solid #FFB2B2;
    background-color: #FFEBEB;
}

/***** Login Page *****/

table.logincontrol
{
    margin: 0 Auto;
    width: 400px;
    border: 1px solid #265380;
}

table.logincontrol tr td
{
    padding: 5px 5px;
}

table.logincontrol tr.titlebar td
{
    color: #000000;
    background-color: #DFEBF7;
    border-bottom: 1px solid #265380;
    text-align: center;
}

table.logincontrol tr.status td
{
}

table.logincontrol tr.status td span
{
    font-weight: bold;
    color: #FF0000;
}

table.logincontrol tr.fields td
{
    text-align: center;
}

table.logincontrol tr.fields td table
{
    width: 300px;
    margin: 0 Auto;
}

table.logincontrol tr.fields td table tr td
{
    padding: 2px 0;
    text-align: left;
}

table.logincontrol tr.submit td
{
    text-align: right;
}

/***** News Stuff *****/

div.content div.news div.category
{
}

div.content div.news div.category p.category_title
{
    padding: 0;
    margin: 0 0 8px 0;
    font-family: Arial, 'Helvetica Neue', Helvetica, Sans-Serif;
    font-weight: bold;
    color: #265380;
    border-bottom: 2px solid #265380;
}

div.content div.news div.articles
{
    margin-bottom: 16px;
}

div.content div.news div.article_summary
{
}

div.content div.news div.article_summary p.article_title
{
    padding: 0;
    margin: 0;
}

div.content div.news div.article
{
    width: 720px;
    margin-bottom: 16px;
    overflow: auto;
}

/***** Links Page *****/

div.link
{
    width: 720px;
    overflow: auto;
    margin-bottom: 16px;
}

div.link img
{
}

div.link h1, div.link h2, div.link h3
{
    padding: 0;
    margin: 0;
    font-family: Arial, 'Helvetica Neue', Helvetica, Sans-Serif;
    font-weight: bold;
    color: #265380;
    letter-spacing: normal;
    vertical-align: middle;
    text-align: left;
}

div.link h1
{
    margin: 0 0 12px 0;
    font-size: 24px;
    line-height: 34px;
}

div.link h2
{
    margin: 0 0 12px 0;
    font-size: 20px;
    line-height: 28px;
}

div.link h3
{
    margin: 0 0 12px 0;
    font-size: 16px;
    line-height: 24px;
}

div.link table td
{
    vertical-align: top;
}

/***** Stuff on the Blue Ribbon Campaign page. *****/

/***** Stuff on the Make A Donation page. *****/

div.blueribbon
{
    overflow: auto;
}

div.blueribbon table
{
    width: auto;
}

div.blueribbon input
{
    width: 570px;
    padding: 4px 4px;
}

div.blueribbon select
{
    padding: 4px 4px;
}

div.blueribbon fieldset p
{
    font-size: 13px;
    font-style: italic;
    margin: 0px 0px;
    padding: 0px 0px;
    line-height: 21px;
}

div.blueribbon fieldset legend
{
    margin: 0 0 0 -8px;
    padding: 0px 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: Arial, 'Helvetica Neue', Helvetica, Sans-Serif;
    font-weight: bold;
    color: #265380;
    letter-spacing: normal;
    vertical-align: middle;
    text-align: center;   
}

div.blueribbon fieldset label
{
    font-size: 14px;
    line-height: 21px;
    font-weight: normal;
    margin-right: 16px;
}

div.blueribbon fieldset label.first
{
    margin-top: 0px;
}

div.blueribbon label.invalid
{
    font-weight: bold;
    color: #651441;
}

div.blueribbon input.invalid
{
    border: 1px solid #FFB2B2;
    background-color: #FFEBEB;
}

div.blueribbon input.firstname, div.blueribbon input.lastname
{
    width: 220px;
}

div.blueribbon select.addrstate, div.blueribbon input.zipcode
{
    width: 120px;
}

/***** Donations List *****/

div.content table.donation-list
{
    border: 1px solid #000000;
    border-right: 0px none;
}

div.content table.donation-list td, div.content table.donation-list th
{
    font-size: 10px;
    border-right: 1px solid #000000;
}

div.content table.donation-list td
{
    text-align: center;
}

div.content table.donation-list th
{
    font-weight: bold;
    text-align: center;
    background-color: #DDDDDD
}

div.content table.donation-list tr.even td
{
    background-color: #F0F0F0;
}

/***** Spirit of Blue Banner *****/

div.spiritofblue
{
    height: 122px;
    text-align: center;
    background: url('/images/layout/announce_bg_above_blue.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div.spiritofblue img
{
    margin-top: 10px;
}