@import url('screen.css');

body { background-color: #000;}

/* give buttons */
#give { padding: 0px;width: 39px;}
#give-btn-wrapper {margin-top: 202px;position: fixed;z-index: 25;}
#give-volunteer, #give-donate { width: 39px;background-image: url('../_img/btn-volunteer-give.png');background-repeat: no-repeat;position: relative;text-indent: -999px;overflow: hidden;display:block;cursor:pointer;}
#give-volunteer {height: 126px;background-position: 0px 0px;margin-bottom: 10px;}
#give-donate { height: 91px;background-position: 0px -136px;}

#give a#give-volunteer:hover  { background-position: -46px 0px;}
#give a#give-donate:hover  { background-position: -46px -136px;}


#main-site-wrapper { width: 967px;}
/* header */
#header-wrapper {margin-top: 0px;position: fixed;margin-left: 47px;z-index: 20;width: 967px;background-color: #000;border-bottom: 10px solid #000;}
#social-networking-links { background-color: #000;color: #fff;text-transform: uppercase;font-size: 12px;text-align: right;padding-bottom: 7px;padding-top: 40px;}
#social-networking-links a { font-weight: 700;}
#social-networking-links a:hover { color: #fff;}

#header { }
#header-left, #header-right { background-color: #fff;height: 126px;}
#header-left { width: 725px;}
#header-right { width: 232px; }

#logo {margin:33px 0px 42px 17px;}

/* nav - look in superfish.css */
#main-nav {}
/* news slide show */
#header-right #news-wrapper { overflow: hidden;margin: 13px 7px;height: 108px;width: 219px;position:relative;}

div.news-item { position:absolute;top:0;left:0;z-index:8;font-size: 11px;}
div.news-item h2 { font-size: 1.2em;font-weight: bold;padding-bottom: 0px;margin-bottom: 2px;color: #000;}
div.news-item a, div.news-item a:visited { color: #000;}
div.news-item a:hover { color: #fdb813;}
div.news-item p { padding-bottom: 0px;margin-bottom: 4px;color: #303030;}
div.news-active {z-index:10;}
div.news-last-active {z-index:9;}

/* content */
/* level one */
#level-one-content { background-color: #fff;margin-top: 252px;margin-left: 521px;width: 440px;min-height: 393px;padding: 20px;position:relative;z-index:15;}
#level-one-content h1, #level-two-content h1 { font-weight: 700;font-size: 25px;margin-bottom: 30px;}
#level-one-content h2, #level-two-content h2 { font-weight: 700;font-size: 16px;}
#page-image { margin-left:47px;position: fixed;top: 201px;width: 967px;height: 484px;z-index: 10;}
/* level two */
#level-two-wrapper { background-color: #fff;margin-top: 201px;margin-left: 47px;width: 927px;padding: 20px;position:relative;z-index:15;}
#level-two-content {width: 550px;}
#small-image { width: 335px;border: solid thin white;}
/* footer */
#footer, #kentico { text-align: right;font-size: 10px;color: #fff;position: relative;z-index:16;margin-left: 47px;width: 967px;}
#footer { margin-top: 50px;}
#kentico a {color: #999898;text-decoration: none;}

.yellow { color: #fdb813;font-size: inherit;font-weight: inherit;}

/* editor mode */
body.EditMode #header-wrapper { display: none;}
body.EditMode #give-btn-wrapper {margin-top: 10px;}
body.EditMode #page-image {top: 10px;}
body.EditMode #level-one-content {margin-top: 20px;}
body.EditMode #level-two-wrapper { margin-top: 10px;}

/* IE 7 specific */
body.IE7 #GLMFlashContent { top: 200px;margin-left: 47px;}
body.IE7 #logo {margin-bottom:41px;}
body.IE7 #page-image { margin-left:0px;}
