/*

To use this style
1- Place this file at the same level as your web pages
2- In the head portion of your web page place the following code to pull
   in this stylesheet
           <LINK href="BannerStyle.css" rel="stylesheet" media="all">
3- On the text you wish to place on the banner place Div, H1 and Span tags
           <div class="banner"><h1><span>Your Text Goes Here</span></h1></div>

To change the image presented modify the BACKGROUND to point to the image of your
   choice. 
   e.g
   This is the same banner as on the home page
   BACKGROUND: white url(/cwuivdir/SpiritImages/v1.0/Banner.jpg) white no-repeat left top;
   This code will use a banner that has a transparent background
   BACKGROUND: transparent url(/cwuivdir/SpiritImages/v1.0/BannerBlueTransbg.gif)  no-repeat left top;

*/
.banner
{
	margin:0px;
	padding: 0px;
    BACKGROUND: transparent url('Bannerwithclouds700px.jpg') no-repeat center top;
    WIDTH: 100%;
    HEIGHT: 116px
}
/* To move the text or change the size or color modify these styles 
   PADDING-LEFT will move the text to start at the location specified
   PADDING-TOP will move the text down to the location specified
   TEXT-ALIGN has the options of center, left, right
*/
.banner h1
{   
	font-size: 18px;
	color: #0E2782;
	margin: 0px;
	padding: 0px;
	padding-right: 20px;
	/* padding-left: 185px; */
	padding-bottom: 0px;
	padding-top: 15px;	
    font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: right;
}
.banner h2
{
	font-size: 20px;
	color: #0E2782;
	margin: 0px;
	padding: 0px;
	padding-right: 20px;
	/* padding-left: 185px; */
	padding-bottom: 0px;
	padding-top: 50px;	
    font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: right;
}
.banner h3
{
	font-size: 14px;
	color: #0E2782;
	margin: 0px;
	padding: 0px;
	/* padding-right: 0px;
	padding-left: 185px; */
	padding-bottom: 0px;
	padding-top: 0px;	
    font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: Center;
}