body {
background-color:#C9C1AD;
background-image:url(layout/back.jpg);
background-repeat:repeat-y;
background-position:center;
height: 100%;
}

#outerwrapper {
float:left;
padding: 0px;
width: 760px;
background-color:#ffffff;
}




#wrapper {
float:left;
width: 760px;
}

#spacer1 {
float:left;
width: 758px;
height:650px;
}

#spacer2 {
float:left;
width: 758px;
height:350px;
}

#spacer3 {
float:left;
width: 758px;
height:800px;
}

#spacer4 {
float:left;
width: 758px;
height:920px;
}

#spacer5 {
float:left;
width: 758px;
height:1320px;
}

#spacer6 {
float:left;
width: 758px;
height:1200px;
}

  
 
#tophdr {
height: 160px;
width: 760px;
}

#navigationback {
margin: auto;
background-image:url(layout/navigation.jpg);
background-repeat:no-repeat;
height: 51px;
}

#navigation {
float:left;
margin: auto;
background-image:url(layout/navigation.jpg);
background-repeat:no-repeat;
height: 51px;
text-align:left;
font-family: Helvetica, Arial, sans-serif;
width: 560px;
font-size:15px;
padding-top:5px;
padding-left:30px;
color:#FFFF00;
}

/************* #navigation **************/
#navigation a:link {
color:#ffffff;
text-decoration:none;
}

#navigation a:visited {
color:#ffffff;
text-decoration:none;
}

#navigation a:active{
color:#ffffff;
text-decoration:none;
}

#navigation a:hover{
color:#FFFF00;
text-decoration:none;
}

.dash
{
font-size:15px;
padding-left:17px;
padding-right:15px;
color:#ffffff;
}

#addthis
{
float:right;
font-size:1px;
padding-top:6px;
padding-right:10px;
color:#ffffff;
}

/************* #navigation styles **************/

#tophead {
background-image:url(layout/tophead.jpg);
background-repeat:no-repeat;
height: 15px;
text-align:left;
font-family: Helvetica, Arial, sans-serif;
width: 760px;
font-size:1px;
color:#FFFF00;
}

#content {
background-image:url(layout/middle.jpg);
background-repeat:repeat-y;
padding-top:5px;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
width: 760px;
font-family: Helvetica, Arial, sans-serif;
color: #000000;
font-size:12px;
}



#contenttext {
width: 730px;
font-family: Helvetica, Arial, sans-serif;
color: #000000;
font-size:13px;
}

/************* contentstyles **************/
#contenttext a:link {
color:#75292D;
text-decoration:none;
font-weight:bold;
}

#contenttext a:visited {
color:#75292D;
text-decoration:none;
font-weight:bold;
}

#contenttext a:active{
color:#75292D;
text-decoration:none;
font-weight:bold;
}

#contenttext a:hover{
color:#75292D;
text-decoration:underline;
font-weight:bold;
}

/************* contenttext styles **************/

#bottomfoot {
background-image:url(layout/bottomfoot.jpg);
background-repeat:no-repeat;
height: 37px;
text-align:left;
font-family: Helvetica, Arial, sans-serif;
width: 760px;
font-size:1px;
color:#FFFF00;
}




#footer {
width: 900px;
float:left;
}


#footertext{
text-align:center;
width: 760px;
padding-top:10px;
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
color:#000000;
}




/************* #footertext styles **************/
#footertext a:link {
color:#75292D;
text-decoration:none;
font-weight:bold;
}

#footertext a:visited {
color:#75292D;
text-decoration:none;
font-weight:bold;
}

#footertext a:active{
color:#75292D;
text-decoration:none;
font-weight:bold;
}

#footertext a:hover{
color:#75292D;
text-decoration:underline;
font-weight:bold;
}

.style1 {
color:#FFFF80;
}

.navtext {
color:#FF2F31;
}


.style2 {
color: #79567E;
}

.padtext {
margin:17px;
color: #FF2F31;

}

.buttonleft{
float:left;
padding-left:5px;
}

.buttonright{
float:right;
padding-right:5px;
}

H1 {
font-family: Helvetica, Arial, sans-serif;
color: #75292D;
font-size:16px;
font-weight:bold;
}

H2 {
font-family: Helvetica, Arial, sans-serif;
color: #75292D; 
font-size:14px;
font-weight:bold;
}
	  
	  
ul.list {
list-style-type:disc; 
margin-left: 15px;
padding-left:5px;
color:#ffffff;
list-style-position: outside;
}

.list_text {
color:#FF2F31;
}

.pictures {
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}



/************* #lightbox **************/

#lightbox{
	display:none;
	position: absolute;
	top:39%;
	left:26%;
	z-index:9999;
	width:1000px;
	height:590px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background-color:#FFFFFF;
	text-align:left;

}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);

}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

/************* #lightbox **************/	

#textbox {
font-family: Helvetica, Arial, sans-serif;
font-size:0.75em;
width:200px;
}

/************* #textbox  styles **************/

#textbox a:link {
color:#000000;
text-decoration:none;
}

#textbox a:visited {
color:#000000;
text-decoration:none;
}

#textbox  a:active{
color:#000000;
text-decoration:none;
}

#textbox  a:hover{
color:#000000;
text-decoration:underline;
}

/************* #textbox  styles **************/



#close {
font-family: Helvetica, Arial, sans-serif;
text-align:right;
font-size:1em;
padding-top:20px;
padding-right:10px;
background-color:#FFFFFF;
}

/************* #close  styles **************/

#close  a:link {
color:#990000;
text-decoration:none;
}

#close a:visited {
color:#990000;
text-decoration:none;
}

#close  a:active{
color:#990000;
text-decoration:none;
}

#close  a:hover{
color:#990000;
text-decoration:underline;
}


/************* #close styles **************/



#banner {
width: 570px;
height:291px;
float:left;
background-image:url(layout/speech.gif);
background-repeat:no-repeat;
padding-left:10px;
padding-top:10px;
}

.imageleft{
float:left;
padding:10px;
padding-left:5px;
padding-right:10px;
}

.imageright{
float:right;
padding-left:0px;
padding-right:10px;
padding-top:10px;
padding-bottom:42px;
height:301px;
}

#contentleft{
float:left;
width:550px;
}

/***************************/

.twitter {
float:right;
width: 150px;
font-family: Arial, Helvetica, sans-s.rif;
color: #000000;
font-size:13px;
min-height:1350px;
}

/************* contentstyles **************/
.twitter  a:link {
color:#75292D;
text-decoration:none;
font-weight:bold;
}

.twitter  a:visited {
color:#75292D;
text-decoration:none;
font-weight:bold;
}

.twitter  a:active{
color:#75292D;
text-decoration:none;
font-weight:bold;
}

.twitter  a:hover{
color:#75292D;
text-decoration:underline;
font-weight:bold;
}

/************* contenttext styles **************/


.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

code{ /*CSS for insructions*/
color: red;
}