body
{
    background: url(images/background_bar.gif) repeat-x; 
    background-color: #000000;
    color: #FFFFFF;
    font-family: Verdana,Arial,sans-serif;
    font-size: 8pt;
}
#wrapper
{
    margin-top:0px;
    width: 770px;
}

/*----Page header replace text with image--*/

#pageHeader h1 a
{
    background: transparent url(images/morph_logo.jpg) no-repeat top left;
    margin-top: 0px;
    width: 219px;
    height: 45px;
    float: left;
}
#pageHeader h1 a span
{
    display: none;
}
#pageHeader h2 a
{
    background: transparent url(images/isotori.gif) no-repeat top right;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 200px;
    height: 45px;
    float: right;
}
#pageHeader h2 a span
{
    display: none;
}
/*----Flash section--*/
#flashContent
{
    margin-top:0px;
    padding-top:0px;
    height:217px;
    clear: both;
}
/*----Main content section--*/
#contentBg
{
    width:700px;
    background-image:url(images/morphed_man.jpg);
    background-repeat:no-repeat;
    background-position:right bottom;
    text-align:left;
}

#content 
{
    width:500px;
    text-align:left;
    padding:10px;
}

#footer
{
    background: url(images/footer_bar.gif) no-repeat top center;
    color: #e21d27;
    float: left;
    width: 770px;
    text-align: center;
    height: 35px;
    padding-top: 10px;
}

a, a:link 
{
    color:#e21d27;
}

a:hover 
{
    color:#990000;   
}
.callOut
{
    font-size:10pt;
    font-weight:bold;
    color:#e21d27;
}
.question 
{
    font-size:10pt;
    font-weight:bold;
    color:Red;
}
.smallText 
{
    font-size:7pt;
}
.inactive{
    display:none;
}
.active{
    
}
.box 
{
    border:1px solid #e21d27;
    padding:7px;
}

/*----- Form styles------- */

#praiseForm 
{
    width:200px;
    float:right;
    text-align:left;
    color:#e21d27;
    padding-left:10px;
    border-left:1px dashed #e21d27;
    font-size:8pt;
}

.inputText 
{
    background-color:#FFFFFF;
    border:1px solid #e21d27;
}

label
{
	/*float:left;
	clear:both;	*/
}

input
{
	height:19px;
	clear:both;
	font-size:8pt;
}
textarea
{
	width:300px;
	height:100px;
	border:1px solid #e21d27;
}
input:focus, textarea:focus
{
	/*background:#e21d27;*/
}
.response 
{
    color:#FFFFFF;
    font-weight:bold;
}

#countdown
{
    background-image: url(images/countdown.gif);
    width: 702px;
    height: 134px;
}

#countdown h1
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 12px 20px 0px 150px;
    margin: 0px 0px 0px 0px;
}

#countdown h2
{
    font-family: Arial Black;
    font-size: 13px;
    font-weight: normal;
    color: #e21d27;
    margin: 0px 0px 0px 0px;
    padding: 7px 20px 2px 150px;
}

#countdown h3
{
    font-family: Courier New;
    font-size: 18px;
    font-weight: 900;
    color: White;
    margin: 0px 0px 0px 0px;
    padding: 5px 20px 0px 150px;
}

#countdown ul
{
    font-family: Arial;
    font-size: 23px;
    font-weight: bold;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    top: -60px;
    left: 508px;
    list-style-type: none;
}

#countdown li
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    padding-left: 14px;
    width: 30px;
}

#countdown span
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}