/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 20px 0;
	background: #af1e2d;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
}

.small {font-size:10px}

/* images */
img {
	border:none;
}
img.float-right {
  	margin: 5px 0px 10px 10px; 
   	border: 1px solid #dcdcdc;
	background: #fafafa;
	padding: 5px;		 
}
img.float-left {
  	margin: 5px 10px 10px 0px;
   	border: 1px solid #dcdcdc;	
	background: #fafafa;
	padding: 5px;	
}

/* alignment classes */
.float-left  { float: left; clear:left}
.float-right { float: right; clear:right}
.align-left  { text-align: left; }
.align-right { text-align: right; }

form {
}



h1, h2, h3 {
	color: #af1e2d;
}

h1 {
	font-size: 3em;
	padding-top: 10px;
}

h3 {
	font-size: 1em;
}


ul, ol {
	margin-left: 2em;
	line-height: 135%;	
}

a {
	text-decoration: none;
	color: #af1e2d;
	outline: none;
}

a:hover {
	border: none;
	color: #666666;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #af1e2d;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #3C7BCF;
}

h2 {
	font-size:26px;
	font-weight:400;
	line-height:30px;
	padding-top:20px;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#main
{
width: 765px;
margin: 0 auto;
border: 20px solid #ecebeb;
}

/* Header */

#header {
	width: 765px;
	height: 390px;
	margin: 0 auto;
}

#menu {
	float: left;
	width: 725px;
	padding-left: 40px;
	background: #af1e2d;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	width: 137px;
	text-align:center;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	padding-top: 20px;
}

#menu a:hover, #menu .active {
	background:  #ffffff;
	color: #af1e2d;
}


/* Logo */

#logo {
	width: 341px;
	height: 188px;
	margin: 0 auto;
	padding-bottom:20px;	
}


/* Feature */

#feature {
	width: 765px;
	height: 380px;
	margin: 0 auto;
	background: url(../img/donnie-in-robe.jpg) no-repeat left top;
	padding-bottom: 20px;	
	clear:left;
}

#feature h1 {
	padding-top: 100px;
	padding-left: 20px;
	color: #ffffff;
	font-size: 24px;
}

#feature h2 {
	font-style: italic;
	font-size: 10px;
	padding-left: 20px;
}

#feature p {
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
}

#feature a {
	color: #FFFFFF;
}

/* Page */

#page {
	width: 765px;
	background: #fff;
	border-top: none;
	padding-top: 0px;
}

/* Content */

#content {
	float: left;
	padding:0 25px 0 25px;
	font-family: Georgia, "Times New Roman", serif;	
}

#content p {
	padding:10px 0 10px 0;
	line-height: 135%;
}

#content .contributeBtn {text-align:center; padding:15px 0 15px 0}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
height: 30px; 
margin: 0 auto; 
padding: 10px 0 0 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 8px;
width: 715px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 735px;
font: bold 1em Georgia, "Times New Roman", Times, serif;
color:#000000;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
width: 850px; 
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 


form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
width:600px;
padding:14px 0 7px 0;
}

.vform{
width:640px;
padding:14px 0 7px 0;
}

/* ----------- stylized ----------- */
#stylized{

}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #af1e2d;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
padding:7px 0 0 0;
width:120px;
float:left;
}
#stylized .req{
color:#af1e2d;
}
#stylized .checkBox{
clear:both;
margin:0 0 0 105px;
border:none;
padding:0;
width:15px
}
#stylized .v_checkBox{
clear:left;
margin:5px 0 0 0;
border:none;
padding:0;
width:15px
}
#stylized .lblCheckBox{

text-align:left;
margin:0 0 0 10px;
padding:0;
width:420px;
}
#stylized .v_lblCheckBox{
text-align:left;
margin:0 0 0 10px;
padding:0;
width:590px;
font-weight:normal;
line-height:25px;
}
#stylized .v_lblCheckBox2{
text-align:left;
margin:0 0 0 10px;
padding:0;
width:500px;
font-weight:normal;
line-height:25px;
}
#stylized input, #stylized select, #stylized textarea{
float:left;
font-size:16px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
line-height: 21px;
margin:2px 0 20px 10px;
}
#stylized input .pfunds{
border:none;
}

#stylized button{
clear:both;
margin:15px 0 0 235px;
width:272px;
height:45px;
background:url(../img/process-btn.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
cursor:pointer;
}

#stylized .submit{
clear:both;
margin:15px 0 0 300px;
width:272px;
height:45px;
background:url(../img/submit-btn.png) no-repeat;
text-align:left;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
cursor:pointer;
}


/* Footer */

#footer {
	text-align: center;
	font-size: 9px;
	color: #ffffff;
	height: 40px;
	padding-top: 10px;
}

#footer a
{
color: #FFFFFF
}