/*typical body text styles*/

body {
	background-color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/background_navbar.gif);
	background-repeat: repeat-x;
}

p  {
	color: #FFFFFF;
	margin-top: 0px;
	font-size: 75%;
	line-height: 130%;	
}

/*top page currently has no headings but I thought
I would leave these in here for possible future use*/
h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #D71411;
}

h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #FFFFFF;
	margin-bottom: 8px;
	margin-top: 0px;
}

/*These next two styles are needed to position the text over the
background image. If the text changes we may need to adjust these a bit*/

.toppageTopPara  {
	width: 450px;
	float: right;
}

.toppageSecondPara  {
	width: 600px;
	margin-top: 175px;
	float: right;
}

/*These divs for position. A few are the same in the second page .css, but some are different
so I decided to keep them all in this top style sheet*/

#topNav  {
	height: 25px;
	width: 800px;
}

#topWrapper   {
	width: 800px;
	background-color: #000000;
	background-image: url(../images/background_wrapper2.gif);
	background-repeat: repeat-y;
	
}

#sideTitle  {
	float: left;
	width: 59px;
	background-color: #D71411;
}

#topContent  {
	background-image: url(../images/top_page_picture.jpg);
	background-repeat: no-repeat;
	width: 740px;
	text-align: right;
	float: right;
	background-color: #000000;
	padding-bottom: 10px;
}


#bottomInfo  {
	background-color: #D71411;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #FFFFFF;
	text-align: right;
	padding-top: 3px;
	padding-right: 5px;
	margin-top: 0px;
	margin-left: 59px;
	height: 500px;
}

#bottomInfo p {
	font-size: 65%;
	line-height: 120%;
	
}

#bottomInfo a:link  {
	color: #FFFFFF;
	text-decoration: underline;
	
}

#bottomInfo a:visited  {
	color: #FFFFFF;
	text-decoration: underline;
	
}

.clearit  {
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 0px;
	
}

@media print { 
@page {
 size: 8.5in 11in; 
 margin: 0;
}}
@media print { body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	color: #000000;
	line-height: 130%;
	width: auto;
	text-align: left;
	float: left;
}}
@media print { a:link, a:visited {
	color: black;
	font-weight: normal;
	text-decoration: none;
}}

/*These next two styles are needed to position the text over the
background image. If the text changes we may need to adjust these a bit*/

@media print { .toppageTopPara  p {
	float: none;
	text-align: left;
	width: 5.0in;
	margin-left: -2.0in;
	float: left;
}}
@media print { .toppageSecondPara   {
	margin-top: 0in;
}}
@media print { .toppageSecondPara p {  
	float: none;
	text-align: left;
	margin-left: -.45in; 
	width: 5.0in;
}}
@media print { .noprint {
	display: none;
}}

@media print { .signature {
	display: none;
}}
/*These divs for position. A few are the same in the second page .css, but some are different
so I decided to keep them all in this top style sheet*/

@media print { #topNav  { 
	display: none;
}}

@media print { #topWrapper   {
	width: 7in;
	background-color: #FFFFFF;
	background-image: none; 
}}

@media print { #sideTitle  {
	display: none;
}}

@media print { #topContent  {
	background-image: none; 
	width: 8in; 
	background-color: #FFFFFF;
	padding-bottom: 10px;
	text-align: left;	
}}


@media print { #bottomInfo  {
	background-color: #FFFFFF;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #000000;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #000000;
	color: #000000;
	text-align: right;
	padding-top: 3px;
	padding-right: 5px;
	margin-top: 0px; 
	float: left;
	text-align: left;	
}}

@media print { #bottomInfo p {
	font-size: 65%;
	line-height: 150%;
	text-align: left;
	margin-left: -.3in; 	
}}

@media print { #bottomInfo a:link  {
	color: #000000;
	text-decoration: none;
	
}}

@media print { #bottomInfo a:visited  {
	color: #000000;
	text-decoration: none;
	
}

} 


