/* iepngfix //////////////////////////////////////////////////*/

img, div, td, a, input { 
	behavior:url(iepngfix/iepngfix.htc); 
}

/* body //////////////////////////////////////////////////*/

body {
    margin: 0;
    padding: 0;
    width:100%;
    font-family: "Lucida Grande", Arial, Verdana, sans-serif;
    font-size: .875em;
    line-height: 1.6em;
    color:#FFFFFF;
	background-color:#000000;
}

a img {
    border:0;
}

/* header //////////////////////////////////////////////////*/

#header {
    width:100%;
	background-color:#ffffff;
}

#header #container {
    width:900px;
    height:125px;
    margin:0 auto 0 auto;
    padding:0;
}

#logo {
    position:absolute;
    z-index:1;
    margin:15px 0 0 0;
}

.hide_active {
    position:absolute;
    z-index:2;
    display:none;
}

.home_active {
    position:absolute;
    z-index:2;
    margin-top:62px;
    margin-left:350px;
    display:inline;
}

.mystory_active {
    position:absolute;
    z-index:2;
    margin-top:62px;
    margin-left:468px;
    display:inline;
}

.about_active {
    position:absolute;
    z-index:2;
    margin-top:62px;
    margin-left:753px;
    display:inline;
}

#nav {
    position:absolute;
    z-index:3;
    margin:90px 0 0 380px;
    padding:0;
    list-style:none;
}

#nav li {
    float:left;
    margin:0 55px 0 0;
}

#nav #btn_home {
    width:54px;
    height:30px;
    background:no-repeat url(../images/btn_home.png);
    display:block;
}
#nav #btn_home:hover {
    background-position:0 -30px;
}

#nav #btn_mystory {
    width:76px;
    height:30px;
    background:no-repeat url(../images/btn_mystory.png);
    display:block;
}
#nav #btn_mystory:hover {
    background-position:0 -30px;
}


#nav #btn_donate {
    width:107px;
    height:31px;
    background:no-repeat url(../images/btn_donate.png);
    display:block;
}
#nav #btn_donate:hover {
    background-position:0 -31px;
}

#nav #btn_about {
    width:50px;
    height:30px;
    background:no-repeat url(../images/btn_about.png);
    display:block;
}
#nav #btn_about:hover {
    background-position:0 -30px;
}

/* content //////////////////////////////////////////////////*/

#content {
    width:100%;
    margin:0;
    padding:0;
	background-color:#000000;
}

#bar {
    width:100%;
    height:38px;
    margin:0 auto 0 auto;
    background:repeat-x url(../images/bar.jpg);
}

#content ul {
    width:900px;
    margin:0 auto 0 auto;
    padding:0;
    list-style:none;
}

#content li {
    margin:0;
    padding:0;
    float:left;
}

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

#footer {
    width:100%;
    height:100px;
    margin:10px auto 0 auto;
    padding:0;
}

#footer p {
    width:900px;
    margin:0 auto 0 auto;
    padding:0;
    text-align:center;
    line-height:14px;
    font-size:10px;
}


/* rightCol //////////////////////////////////////////////////*/

#morestories {
    background:no-repeat url(../images/bg_morestories.jpg);
    padding:5px 0 0 0;
    width:248px;
    height:192px;
    text-align:center;
}

#btn_morestories {
	margin:0 auto 0 auto;
    width:179px;
    height:54px;
    background:url(../images/btn_morestories.jpg);
    display:block;
}
#btn_morestories:hover {
    background-position:0 -54px;
}

#btn_donatenow {
	margin-top:10px;
    width:248px;
    height:192px;
    background:url(../images/btn_donatenow.jpg);
    display:block;
}
#btn_donatenow:hover {
    background-position:0 -192px;
}

#btn_signup {
	margin-top:10px;
    width:248px;
    height:192px;
    background:url(../images/btn_signup.jpg);
    display:block;
}
#btn_signup:hover {
    background-position:0 -192px;
}

/* mystory //////////////////////////////////////////////////*/

#mystory .btnRecord {
    margin:0 0 0 190px;
}

/* signup //////////////////////////////////////////////////*/

#signup .submit {
	margin:20px 0 0 0;
	display:block;
}

#signup .captcha {
    margin:0 0 5px 0;
    width:200px;
	border:2px solid #333333;
}

#signup .errorMessage {
	margin:0 0 0 0;
	padding:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	background-color:#ff0000;
	text-align:center;
	border:2px solid #990000;
	visibility:visible;
	width:200px;
}

#signup .errorMessageHide {
	visibility:hidden;
	width:200px;
}

/* record //////////////////////////////////////////////////*/

#record .submit {
	margin:20px 0 0 0;
	display:block;
}

#record .errorMessage {
	margin:0 0 0 0;
	padding:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	background-color:#ff0000;
	text-align:center;
	border:2px solid #990000;
	visibility:visible;
	width:200px;
}

#record .errorMessageHide {
	visibility:hidden;
	width:200px;
}

/* about //////////////////////////////////////////////////*/

#about a, #about a:visited {
	color:#c93ea9;
	text-decoration:underline;
}

#about a:hover {
	color:#c93ea9;
	text-decoration:none;
}

h3 {
	margin:0;
	padding:0;
    line-height: 1.6em;
	color:#f6c970;
}

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

.textbox {
	border:2px solid #333333;
	height:18px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:12px;
}

/* swf's //////////////////////////////////////////////////*/

#default_swf {
    position:absolute;
    z-index:12;
    top:293px;
    margin-left:52px;
    border:1px solid #7f7b6a;
}

/* clear floats //////////////////////////////////////////////////*/

#nav li:after, #content ul:after  {
    clear:both;
    content:".";
    display:block;
    height:0pt;
    visibility:hidden;
}