/* CSS Document */

/* layout styles ~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

img { 
border: none;
}


.page { 
	position: relative;
	width: 976px;
	margin: 0px auto;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}


.header {
	width: 976px;
	height: 150px;
	background: url(../images/header.gif) no-repeat;
	text-align: center;
	font-size: .8em;
}


.header img{
	margin: 30px 0px 0px 0px;
}


/* navigation styles ~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

.navigation {
	width: 976px;
	position:absolute;
	top: 120px;
	left: 0px;
	font-weight: bold;
	font-size: .9em;
	color:#FFFFFF;
	margin: 0px 0px 0px 0px;
}


.navigation a {
	color:#FFFFFF;
	text-decoration: none;
	margin: 0px 20px 0px 20px;
}


.navigation a:visited {
text-decoration: none;
}


.navigation a:hover {
	text-decoration: none;
	color:#CC0000;
}


/* content styles ~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

.content {
	width: 976px;
	text-align: left;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 15px 0px 30px 0px;
}

.content a{
	color:#CC0000;
	text-decoration: none;
}

.content a:hover{
	color:#000000;
	text-decoration: underline;
	color: #FF0000;
}


.content p{
	padding: 0px 10px 0px 15px;
}


.content .larger{
	font-size: 2.5em;
	line-height: .9em;
	font-weight: normal;
}


.content .wrapleft{
margin: 0px 0px 0px 10px;
}


.content .wrapright{
margin: 5px 10px 0px 0px;
}

.content .idea {
	width: 650px;
	margin: 20px auto 15px auto;
	background: url(../images/idea_mid.jpg);
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}


.content .idea  p{
	font-size: 1em;
	font-weight: normal;
	padding: 0px 20px 0px 10px;
}


.content .idea  p .large{
	font-size: 1.4em;
	font-weight: normal;
}


.content .idea .top{
	width: 650px;
	height: 15px;
	background: url(../images/idea_top.jpg) no-repeat;
	
}

.content .idea .bottom{
	width: 650px;
	height: 25px;
	background: url(../images/idea_bottom.jpg) no-repeat;
}

.content .leftlink {
position:absolute;
width: 100px;
top: 200px;
left: 30px;
text-align:center;
font-weight: bold;
font-size: .7em;
line-height: 1.2em;
}

.content .leftlink img{
margin: 0px 0px 5px 0px;
}

.content .leftlink a{
text-decoration: none;
color: #000000;
}

.content .leftlink a:hover{
text-decoration: none;
color: #CC0000;
}


.content .rightlink{
position:absolute;
width: 100px;
top: 195px;
left: 840px;
text-align:center;
font-weight: bold;
font-size: .7em;
line-height: 1.2em;
}

.content .rightlink img{
margin: 0px 0px 5px 0px;
}

.content .rightlink a{
text-decoration: none;
color: #000000;

}

.content .rightlink a:hover{
text-decoration: none;
color: #CC0000;
}


.content .floatleft {
text-align:center;
width: 488px;
float:left;
}


.content .floatleftalt {
padding: 0px 10px 0px 15px;
text-align:left;
width: 463px;
float:left;
}


.content .floatright {
text-align:center;
width: 488px;
float:right;
}

.content .floatrightalt {
padding: 0px 10px 0px 15px;
text-align:left;
width: 463px;
float:right;
}


.content .clearfloats {
clear: both;
}


/* flash styles ~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

.flash {
margin: 0px auto;
padding: 0px auto;
}



/* footer styles ~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

.footer{
	width: 976px;
	height: 40px;
	margin: 0px auto;
	text-align: center;
	background: url(../images/footer.gif) no-repeat;
}


.footer p {
	padding: 10px 0px 0px 0px;
	font-size: .7em;
	color:#FFFFFF;
	}
	
