@charset "UTF-8";
/* CSS Document */

html { background-color:#715b3d; height:100%; padding:15px; margin-top:-30px;  }

body{  background:url(/images/common/past-background-USA.jpg) no-repeat top center #000; position:relative;}

.clear 	{ clear:both;height:25px;}
.hide	{ display:none; }

#brownline { background-color:#715B3D; height:30px; _display:inline; }

a { color:#ffffff; }
p 	{font:0.8em Arial, Helvetica, sans-serif; color:#FCF7D2;line-height:150%;margin-bottom:15px;}
h1 {font:0.9em Arial, Helvetica, sans-serif; color:#ffffff;line-height:150%;margin-bottom:15px;}
h2 {color:#a87200;font-size:140%;font-weight:bold;margin-bottom:5px;font-family:Georgia, "Times New Roman", Times, serif;}
h3 {color:#a87200;font-size:115%;font-family:Georgia, "Times New Roman", Times, serif;}
h4 {color:#a87200;font-size:130%;font-weight:bold;margin:10px 0 5px 0;font-family:Georgia, "Times New Roman", Times, serif;}
h5 { color:#FCF7D2;font-size:120%;font-weight:bold;margin:0 0 5px 0;font-family:Georgia, "Times New Roman", Times, serif;}

/* LAYOUT */

#container { height: auto; min-height: 100%; position:relative;}

#content { width:960px; height:100%; min-height:100%; margin:0 auto; text-align:left; position:relative; padding-bottom: 171px;}
#header {width:960px;height:64px;position:absolute;top:0;z-index:200;}

#logo {  width:960px;height:159px;background:url(/images/common/logo.png) no-repeat top center;position:relative;behavior: url(/include/iepngfix.htc);margin-top:-10px;}
#logo strong {display:none;}
#logo2 { width:960px;height:159px;background:url(/images/common/logo2.png) no-repeat top center;position:relative;behavior: url(/include/iepngfix.htc);margin-top:-30px;  }
#logo2 strong {display:none;}
#main-title { width:960px;position:relative;top:60px;}
#flash { width:960px;position:relative;z-index:100;top:8px;}

#main-content {width:960px;height:100%;position:relative;display:inline-block;}
#stories {width:770px;height:489px;background:url(/images/the-heroes/stories-background.png) no-repeat;float:left;display:block;margin:-15px 0 0 -16px;}
.story-box {width:674px;height:465px;display:inline;}
.story-image {width:160px;height:250px;float:left;}
.story-image span{color:#38250b;font-family:Arial, Helvetica, sans-serif;font-size:70%;margin-left:15px;}
.stories {width:480px;height:420px;margin:35px 0 0 25px;float:left;position:relative;}
.stories p {color:#000000;margin-top:10px;}
.story-part {position:relative;bottom:10px;float:right;margin-right:10px;}
.story-part p {font:Arial, Helvetica, sans-serif;color:#a87200;font-weight:bold;}

#gallery-pics {width:960px;display:block;height:325px;position:relative;}
#gallery-thumbs {width:990px;height:325px;display:inline;float:left;}
#gallery-linx {width:960px;text-align:right;}
#gallery-linx a {color:#FCF7D2;text-decoration:none;}
#gallery-linx a:hover {color:#FFFFFF;font-weight:bold;}

#contact-holder {width:980px;height:383px;position:relative;display:inline-block;background:url(/images/contact/contact-background.png); behavior: url(/include/iepngfix.htc); }


/* Navigation */

#navigation { width:735px; height:32px; margin:0; padding:0; position:absolute;top:0;float:left; }
#navigation li { display:block; list-style:none; margin:0; padding:0; position:absolute; left:0; top:0; }
#navigation li, #navigation a { display:block; height:32px; }
#navigation strong { display:none; }
#navigation a span { display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#navigation #nav1 { background: url(/images/common/navigation.gif) no-repeat; left:0px; width:76px; background-position:0 0; }
#navigation #nav2 { background: url(/images/common/navigation.gif) no-repeat; left:77px; width:99px; background-position:-77px 0; }
#navigation #nav3 { background: url(/images/common/navigation.gif) no-repeat; left:177px; width:138px; background-position:-177px 0; }
#navigation #nav4 { background: url(/images/common/navigation.gif) no-repeat; left:316px; width:119px; background-position:-316px 0; }
#navigation #nav5 { background: url(/images/common/navigation.gif) no-repeat; left:436px; width:94px; background-position:-436px 0; }
#navigation #nav6 { background: url(/images/common/navigation.gif) no-repeat; left:531px; width:76px; background-position:-531px 0; }
#navigation #nav7 { background: url(/images/common/navigation.gif) no-repeat; left:608px; width:127px; background-position:-608px 0; }
#navigation #nav1:hover { background:url(/images/common/navigation.gif) no-repeat 0px -32px; }
#navigation #nav2:hover { background:url(/images/common/navigation.gif) no-repeat -77px -32px; }
#navigation #nav3:hover { background:url(/images/common/navigation.gif) no-repeat -177px -32px; }
#navigation #nav4:hover { background:url(/images/common/navigation.gif) no-repeat -316px -32px; }
#navigation #nav5:hover { background:url(/images/common/navigation.gif) no-repeat -436px -32px; }
#navigation #nav6:hover { background:url(/images/common/navigation.gif) no-repeat -531px -32px; }
#navigation #nav7:hover { background:url(/images/common/navigation.gif) no-repeat -608px -32px; }

/* BUTTONS */

#top-donate {width:199px;float:right;position:relative;}
#top-donate a span {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#top-donate a{width:199px;height:64px;background:url(/images/common/top-donate.png) no-repeat left top;margin:0;padding:0;position:relative;float:right;right:0;display:block;}
#top-donate a:hover{background:url(/images/common/top-donate.png) no-repeat 0 -65px;}

#page-donate 			{width:199px;float:left;margin:20px 0 0 11px;}
#page-donate a span 	{display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#page-donate a			{width:199px;height:57px;background:url(/images/the-role/page-donate.gif) no-repeat left top;display:block;}
#page-donate a:hover	{background:url(/images/the-role/page-donate.gif) no-repeat 0 -57px;}

#heroes {width:199px;float:right;margin-top:5px;}
#heroes a span {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#heroes a{width:199px;height:57px;background:url(/images/the-role/heroes-button.gif) no-repeat left top;display:block;}
#heroes a:hover{background:url(/images/the-role/heroes-button.gif) no-repeat 0 -57px;}

#gallery {width:199px;float:right;margin-top:20px;}
#gallery a span {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#gallery a{width:199px;height:57px;background:url(/images/the-role/gallery-button.gif) no-repeat left top;display:block;}
#gallery a:hover{background:url(/images/the-role/gallery-button.gif) no-repeat 0 -57px;}

#register {width:199px;display:block;margin:20px 0 0 10px;}
#register a span {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#register a{width:199px;height:79px;background:url(/images/common/register-button.png) no-repeat left top;display:block; behavior: url(/include/iepngfix.htc); }
#register a:hover{background:url(/images/common/register-button.png) no-repeat 0 -79px; behavior: url(/include/iepngfix.htc); }

#RAF {width:199px;display:block;}
#RAF a span {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#RAF a{width:199px;height:83px;background:url(/images/contact/raf-button.gif) no-repeat left top;display:block;}
#RAF a:hover{background:url(/images/contact/raf-button.gif) no-repeat 0 -83px;}

.thumb {width:137px;height:137px;display:block;float:left;margin-right:22px;outline:none;overflow:hidden}
.thumb a {display:block;width:138px;height:137px;background:url(/images/gallery/thumb-border.png) no-repeat;background-position:0 0; }
.thumb a:hover {background:url(/images/gallery/thumb-border.png) no-repeat 0px -137px; behavior: url(/include/iepngfix.htc); }

#facebook {width:199px;float:right;margin-top:20px;}
#facebook a span {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#facebook a{width:199px;height:57px;background:url(/images/contact/facebook-button.gif) no-repeat left top;display:block;}
#facebook a:hover{background:url(/images/contact/facebook-button.gif) no-repeat 0 -57px;}

/* TEXT FIELDS */

#intro-left {width:463px;float:left;}
#intro-right {width:463px;float:right;}
#intro-right a{color:#b3852b;text-decoration:none;}

#role-copy {width:514px;float:left;}
#role-caption {width:233px;margin:-15px 0 0 -10px;float:left;display:block;}
#role-caption-top {width:233px;height:262px;background:url(/images/the-role/role-caption-top.png); behavior: url(/include/iepngfix.htc); }
#role-caption-middle {width:173px;background:url(/images/the-role/caption-repeat.png) repeat-y;padding:5px 35px 5px 25px;}
#role-caption-bottom {width:233px;height:21px;background:url(/images/the-role/caption-bottom.png); behavior: url(/include/iepngfix.htc); }
#role-caption-middle a {color:#000;text-decoration:underline;}

#heroes-caption-top {width:233px;height:262px;background:url(/images/the-heroes/heroes-caption-top.png); behavior: url(/include/iepngfix.htc); }

#press-caption-top {width:233px;height:262px;background:url(/images/press/press-caption-top.png); behavior: url(/include/iepngfix.htc); }

#press-copy {width:514px;float:left;}
.press a {display:block; border-bottom:1px solid #a87200;text-decoration:none;padding:5px;}
.press a:hover {background:url(/images/press/transparent-blue.png) repeat; behavior: url(/include/iepngfix.htc); }

#right-section {width:199px;float:right;}

#form-field {width:171px;height:71px;position:relative;float:left;margin:155px 0 0 30px;}
.textfield {border:1px solid #fff;background:#C6A565;color:#37210b;width:159px;height:15px;padding:5px;}
.submit { padding:12px 0 0 0;float:right; }

#contact-copy {width:472px;float:left;}
#contact-copy a {color:#38250b;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:90%;line-height:200%;}
#contact-copy a:hover {color:#a87200;}

/* FOOTER */
/*#footer 			{ position:relative; bottom:0px; color:#428fb9; width:960px;height:171px; margin:15px auto;}*/
#footer 			{ position:relative; color:#428fb9; width:960px; height:171px; margin:-171px auto 15px;}
#copyright 			{ color:#428fb9; float:left;font-size:90%; line-height:150%;position:absolute;bottom:0;}

#photos 			{ width:638px; height:171px; background:url(/images/common/footer-photos.png) no-repeat bottom; display:block;float:left;position:absolute;left:165px;behavior: url(/include/iepngfix.htc);}
#photos a 			{ text-indent:-9999px; overflow:hidden; display:block; width:638px; height:171px; behavior: url(/include/iepngfix.htc);}

#design-by a		{ color:#FCF7D2;float:right;font-size:90%; line-height:150%;position:absolute;bottom:15px;right:0;text-decoration:none;}
#design-by a:hover	{text-decoration:underline;}