/*   FONTS   */
 
body, p {font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 400; font-style: none; color: #000000; line-height:24px}
td {font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 400; font-style: none; color: #000000; line-height:24px}

.title1 {font-family: 'Source Sans Pro', sans-serif; font-size: 11px; font-weight: normal; font-style: none; color: #F9F0DB;}
.title2 {font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: normal; font-style: none; color: #000000;}

/*  =================================     ITENARY    ======================================  */

.iContainer {
padding:0px 0px 0px 0px; 
border: 1px  #F7BAEF solid; 
margin-bottom:30px;
margin-left:20px;
margin-right:15px;}
	
.iTitle {
padding:8px 0px 8px 9px;
letter-spacing:1px; 
background-color:#F7BAEF;
font-size:18px;
font-weight:700;
text-transform:uppercase}
	
.iContent1 {
padding:8px 0px 0px 9px;
font-size:18px; }

.iContentLast {
padding:8px 0px 8px 9px;
font-size:18px; }
	
.iPageTitle {
font-family: 'Source Sans Pro', arial, helvetica; 
font-size: 24px; 
font-weight: normal; 
font-style: normal; 
color: #7d2341;
text-align:center;
padding-bottom:20px;
padding-top:10px;
padding-right:10px;}


/*  =================================     LINKS    ======================================

font-style: italic;   font-weight: bold;     background-color:0000CC;     font-size: 12px;  

YELLOW  FFFF00 - RED  FF0000 - BLUE  0000FF -  GREEN  00FF00                           */

A {text-decoration:none;}

/*  DEFAULT COLORS  (Black  -  Purple)   */
a:link { font-size: 18px; color: #000000; font-family:'Source Sans Pro', Arial, Helvetica, sans-serif; } 
a:visited { color: #000000}
a:hover { color: #FF61AD; text-decoration: underline;} 
a:active { color: #000000}

/*  NEW MENU    */
.LinkMenuNew { font-size: 18px; color: #000000; font-family:'Source Sans Pro', Arial, Helvetica, sans-serif; display:block; width: 100%; }
a.LinkMenuNew:link { color: #000000}
a.LinkMenuNew:visited { color: #000000}
a.LinkMenuNew:hover { color: #FF61AD; text-decoration: underline;}
a.LinkMenuNew:active { color: #000000}

.linkMenu { font-size: 15px; color: #000000;}
a.linkMenu:link { color: #000000}     
a.linkMenu:visited { color: #000000}
a.linkMenu:hover { color: #FF61AD; text-decoration: underline;}  
a.linkMenu:active { color: #000000; background-color: transparent}

.linkCashApp { font-size: 16px; color: #000000;}
a.linkCashApp:link { font-size: 16px; color: #000000}     
a.linkCashApp:visited { font-size: 16px; color: #000000}
a.linkCashApp:hover { font-size: 16px; color: #FF61AD; text-decoration: none;}  
a.linkCashApp:active { font-size: 16px; color: #000000; background-color: transparent}

/*  EXTRA LINK COLORS 2   */
.link2 { color: #000000; font-size: 14px}
a.link2:link { color: #000000}
a.link2:visited { color: #000000}
a.link2:hover { color: #870E78}
a.link2:active { color: #000000}

/*  EXTRA LINK COLORS 3   */
.link3 { color: #cccccc; font-size: 12px; text-decoration: none}
a.link3:link { color: #cccccc}
a.link3:visited { color: #cccccc}
a.link3:hover { color: #cccccc}
a.link3:active { color: #cccccc}

/*  EXTRA LINK COLORS 4   */
.link4 { color: #0000FF}
a.link4:link { color: #0000FF}
a.link4:visited { color: #0000FF}
a.link4:hover { color: #FF0000}
a.link4:active { color: #0000FF}

/*================================================================================================*/

#bodyWrapper {
	position: relative;	
	width: 806px;
	margin: 0 auto;}

/*================================================================================================*/	


/*  @@@@@@@@@@@@  ROLLOVERS  ROLLOVERS  @@@@@@@@@@@@  */


/*  LINK AND COLOR CHANGE ON TABLE CELLS   */
/*  <td class="navbar">   */

table.navbar {
   border-collapse: collapse;}
   
table.navbar td {
   border: 0px solid #ccc;}
   
table.navbar td a{
   display: block;
   width: 10em;
   padding: 3px;
   text-decoration: none;}
   
table.navbar td a:link, table.navbar td a:visited, table.navbar td a:active {
   color: #000000;
   background-color: #FFFFFF;  }
   
table.navbar td a:hover {
   color: #FF61AD;
   background-color: #FBD9F7; }
   
/*-------------------------------------*/	 


/*  <td align="center" style="background:url(images/button-OFF.gif);" onmouseover="this.style.background='url(images/button-ON.gif)';" onmouseout="this.style.background='url(images/button-OFF.gif)'"><a href="filename.htm" class="link2">LINK</a></td>  */  


/*-------------------------------------*/	


/*  BACKGROUND IMAGE CHANGE ON MOUSEOVER #1  (COTL, PCFW, Etc.)   */
  
/*  Adjust PADDING-TOP and HEIGHT to put text link in correct vertical place - Both numbers will total height of BG image
    <div class=menu><a href="link.htm">LINK</a></div>   */

.menu A {      HEIGHT: 21px; 
	           PADDING-TOP: 5px;       
	           WIDTH: 165px; 
	           
	           PADDING-BOTTOM: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; 
			   
	           BACKGROUND: url(images/button-u.gif); FONT: bold 13px Arial; COLOR: #000000; 
			   DISPLAY: block; TEXT-DECORATION: none}
	
.menu A:hover { HEIGHT: 21px; 
	            PADDING-TOP: 5px;       
	            WIDTH: 165px; 
	           
	           PADDING-BOTTOM: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; 
			   
	           BACKGROUND: url(images/button-d.gif); FONT: bold 13px Arial; COLOR: #000000; 
			   DISPLAY: block;   TEXT-DECORATION: none}
	           
/*--------------------------------------*/	
	

/*  CELL COLOR HOVER CHANGE  (also works on TR)   */
/*  <td align="center" onmouseover="className='over'" onmouseout="className='normal'">   */

td.normal {background-color: #FFFFFF;} 
td.over {background-color: #000000;} 
/*  ALSO FOR <TR>   */
tr.normal {background-color: #FFFFFF;} 
tr.over {background-color: #000000;} 

/* ---------- OR -----------   */

/* COLOR CHANGE IN <TD> OR <TR> ON MOUSEOVER   (no styles needed)

   <tr valign="top" onMouseOver="style.backgroundColor='#ffffcc';" onMouseOut="style.backgroundColor='#EEEEEE';">
   or 
   onMouseover="this.bgColor='#FF0000'" onMouseout="this.bgColor='#0000FF'"
   or
   onMouseover="this.style.backgroundColor='#FF0000'" onMouseout="this.style.backgroundColor='#0000FF'"      */
   
/* ---------- OR -----------   */   
   
/* WHOLE TABLE <TR> BG COLOR CHANGE ON MOUSEOVER

<div id="hilightTR"><table width="500" border="1" align="center" class="bghover">     */

#hilightTR td, #hilightTR tr {
	font-weight: normal;
	color: #000000;
	background-color: #000000;
	padding: 2px 5px;}

#hilightTR .bghover tr:hover, #hilightTR .bghover tr:hover td {
background-color: #FCFCA0;}

/* ---------- OR -----------   */   

/* WHOLE TABLE <TD> BG COLOR CHANGE ON MOUSEOVER

<div id="hilightTD"><table width="500" border="1" align="center" class="bghover">     */

#hilightTD td, #hilightTD td {
	font-weight: normal;
	color: #000000;
	background-color: #000000;
	padding: 2px 5px;}

#hilightTD .bghover td:hover, #hilightTD .bghover td:hover td {
background-color: #FCFCA0;}

/*==========================      END ROLLOVERS       ==================================*/

/*  DROP CAPS    Use Span  */
.dropcap {
   display: block;
   float: left;
   font-size: 300%;
   font-family: Arial;
   font-weight: bold;
   height: .8em;
   margin-bottom: -.4em;
   padding: .2em .1em 0 0;}


/*  100% HEIGHT TABLE        */
/*  <table id="TallTable">   */
#TallTable html, body,  {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;}	
#TallTable {
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width: 800px;}


/*  BG IMAGE - IF SPECIAL PLACEMENT NEEDED    (uncomment if used)  */
/*BODY{ 
background-image: url(images/bg-1.jpg);
background-repeat: no-repeat;        */   	    /*  (no-repeat  -  repeat  -  repeat-x;  -  repeat-y)       */
/* background-position: center top;
background-attachment: fixed;}   */


/*  FORM FIELD STYLE   */
.input2 { background: #F1F5FE; color: #000000; font-family: Verdana, Arial, Helvetica; font-size: 13px; border: 1px  silver solid;}
.input3 { background: #656532; color: #FFFFFF; font-family: Verdana, Arial, Helvetica; font-size: 12px; border: 1px  black solid;}
.input4 { background: #FFFFFF; color: #000000; font-family: Verdana, Arial, Helvetica; font-size: 9px; border: 1px  silver solid;}


/*  SCROLL BAR COLORS  -  MAC  COLORS   */
HTML {
    scrollbar-face-color: #Cccccc;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-highlight-color: #Ffffff;
    scrollbar-3dlight-color: #999999;
    scrollbar-shadow-color: #999999;
    scrollbar-darkshadow-color: #Ffffff;
    scrollbar-track-color: #E3E3E3;
    scrollbar-base-color: #999999;}      
       
	   
/*  DASHED HORIZONTAL RULE   */
hr.hrDash { height: 0px; border: 0px dashed #aaaaaa; border-top-width: 1px; }    


/* TD PADDING   (top,right,bottom,left)    */
td.padded1 {0px 4px 0px 12px;}
td.padded2 {0px 4px 0px 12px;}


/*  TABLES     */

.table1 {
border: 1px solid #000000;
width: 100%;
background: #ffffff;
padding: 15px;}	

.table2 {
border: 1px solid #000000;
width: 100%;
background: #ffffff;
padding: 15px;}	

.table5 {
	border-top-width: 1px;		
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;	

	border-top-style: solid;	/*  groove     solid     double     dotted     none  */
	border-bottom-style: solid;	   
	border-left-style: solid;
	border-right-style: solid;
	
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-right-color: #000000;

	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	
	width: 100%;
	background: #fffff;}

 	
/*  OTHER TABLE SETTINGS   	

margin-left:auto;   (this and next line centers the table on the page)
margin-right:auto;  (also have to add to body: text-align:center; for IE)
text-align: left;
padding: 15px; 		(ALL - Must have cellpadding and cellspacing set to 0 for this to work)      
border-spacing: 0;
border-collapse: collapse ;
margin: 10px;   (or AUTO)
font-family: 'ArialMT', 'Arial', 'sans-serif';
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0;
line-height: 16px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
opacity: 1.00;   
text-decoration: none;
text-indent: 0px;
text-transform: none;        */
	
	
/*  0 PIXEL PAGE MARGINS   */
body {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}

/*  FONT SIZES   */
.style8 {font-size: 8px}
.style9 {font-size: 9px}
.style10 {font-size: 10px}
.style11 {font-size: 11px}
.style12 {font-size: 12px}
.style13 {font-size: 13px}
.style14 {font-size: 14px}
.style15 {font-size: 15px}
.style16 {font-size: 16px}
.style17 {font-size: 17px}
.style18 {font-size: 18px}
.style19 {font-size: 19px}
.style20 {font-size: 20px}
.style21 {font-size: 21px}
.style22 {font-size: 22px}
.style23 {font-size: 23px}
.style30 {font-size: 24px}
.style36 {font-size: 36px}
.style48 {font-size: 48px}
.style60 {font-size: 60px}
.style72 {font-size: 72px}


/*  LINE SPACING   */
.LineHeight18 {line-height: 18px; letter-spacing: normal; word-spacing: normal;}
.LineHeight20 {line-height: 20px; letter-spacing: normal; word-spacing: normal;}
.LineHeight22 {line-height: 22px; letter-spacing: normal; word-spacing: normal;}
.LineHeight24 {line-height: 24px; letter-spacing: normal; word-spacing: normal;}


/*  LETTER SPACING   */
.LetterSpacing10 {line-height: normal; letter-spacing: 10px; word-spacing: normal;}
.LetterSpacing13 {line-height: normal; letter-spacing: 13px; word-spacing: normal;}
.LetterSpacing14 {line-height: normal; letter-spacing: 14px; word-spacing: normal;}
.LetterSpacing16 {line-height: normal; letter-spacing: 16px; word-spacing: normal;}
.LetterSpacing18 {line-height: normal; letter-spacing: 18px; word-spacing: normal;}
.LetterSpacing20 {line-height: normal; letter-spacing: 20px; word-spacing: normal;}


/* FONT COLORS */
.0RED {color: #F00;}
.0RED-DK {color: #C00;}
.0BLUE {color: #00F;}
.0BLUE-DK {color: #00C;}
.0YELLOW {color: #FF0;}
.0BLACK {color: #000;}
.0WHITE {color: #FFF;}
.0GREY-LT {color: #999;}
.0GREY-DK {color: #333;}