/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BODY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.body-class {
	background-color:#000000;
	background:#102854 url(../images/background.jpg) top repeat-x;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Select Page Colors

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table#control {
     
     
}

.primary-color{
    background-color: #102854;   
}

.primary-color-text{
    color: #102854;   
}

.primary-light-color{
    background-color: #eeeeee;   
}

.primary-light-text{
    color: #eeeeee;   
}

.secondary-color 
{
    background-color: #eeeeee;
}

.secondary-color-text 
{
    color: #eeeeee;
}

.bk-color
{
    
    background: #102854 url(../images/background.jpg) top repeat-x) ;
    
}

.bk-color-text
{
    color:#eaeaea;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Services Box

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.services-box {
	border:2px solid #102854; 
	padding:3px; 
	}
	
#services-table {
    background-color: #102854;   
    color:#eaeaea;
    width:100%;
    text-align:center; 
    font-family:Verdana;
    font-size:10pt;
    font-weight:bold;
    }
table#filler-table td {
    text-align:center; 
    border:2px solid #102854; 
    color:#444444; 
    }
    
.toprow {
    background: #eaeaea;
    font-size:12pt; 
    font-weight:bold; 
    padding:5px 0 5px; 
    color: #000000
    }
     
.data {
    font-weight:bold; 
    font-size:10pt; 
    }
    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Coupons

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.coupon {
	font-family: Arial;
	line-height:175%;
	text-align: center;
	border-left-color: black;
	border-bottom-color: black;
	border-top-style: dashed;
	border-top-color: black;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: black;
	border-bottom-style: dashed;
	vertical-align: text-top;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	DIV TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.menu-bar 
    {
    margin:0px 0px 0px 0px;
    width:170px;
    height:2px; 
    border-bottom:solid 2px #eaeaea; 
	}

.ribbon 
    {
    margin:0px 0px 0px 0px;
    width:100%;
    height:3px; 
    border-bottom:solid 3px #102854; 
	}
	
		
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	background-color:#eaeaea;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.3em;
	margin-top: 0px;
	padding-top: 0px;
}


p{
	margin:10px 0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	color: #444444
	}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
	
hr{
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border:0;
	
	}
	
blockquote {
	padding:0 0 0 12px;
	
	background:url(../../images/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
cite {
	font-size:.85em;
	margin:0;
	padding:0 0 0 6px;
	}

	
legend {
	color:#333333;
	
	}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	line-height:1.1em;
	margin:5px 0;
	color:#444444
}

h1 {
	margin-bottom:0;
}
	
p.menu-color {
	color:#F0EAC5;
	font-family: Arial, Verdana, Tahoma;
	font-style: italic;
	font-weight:bold;
	font-size: 11pt;
	text-align:left;
	margin: 7px 10px 7px 15px;
}




h1.red, h2.red, h3.red, h4.red {
	color: #500000;
	font-family: Arial;
}

h1, h2 {
	margin-top:0px;
}

h1 {
	font-size:1.7em;
}

h2 {
	font-size:1.6em;
}

h3 {
	font-size:1.4em;
}

h4 {
	font-size:1.2em;
}

h5 {
	font-size:1.1em;
}

h6 {
	font-size:1em;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


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

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

a:hover {
	text-decoration:none;
}

a:active {
	color:#000000;
}	

a.alt_color {
	color:#E7DEA3;
}

a.menu-color {
	color:#c8baaa;
	font-family: Arial, Verdana, Tahoma;
}


a.linkexchange {
	color:blue;
	text-decoration:none;
	text-decoration:underline;
}

	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
	}

.photo-border {
	border:1px solid #102854;
	padding:2px;
	background:#E8E0A2 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	border:2px solid #102854;
	padding:2px;
	background:#102854 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
	}

.photo-float-right {
	float:right;
	margin-left:10px;
	border:2px solid #102854;
	padding:2px;
	background:#102854 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
	}
	
.photo-float 
{
	margin-left:1px;
	margin-right:1px;
	border:2px solid #102854;
	padding:2px;
	background:#102854 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}
	

.image-border-none {
	border:none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:740px;
	padding:.8em 0 1em 20px;
	position:relative;
	color:#666666;
	font-size:.8em;
	
}

#footer div {
	background:#4b6cb5 url(../../images/bg-nav-side.png) bottom right no-repeat;
	width:25%;
	position:absolute;
	color:#666666;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}


#footer a:link,
#footer a:visited {
	color:#666666;
	text-decoration:none;
}

#footer a:hover {
	color:#666666;
	text-decoration:none;
}

#footer a:active {
	color:#666666;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub {
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	width:740px;
	text-align:center;
	padding:.1em 0 2em 0;
	position:relative;
	font-size:.8em;
	color:#999999;
	}

#footer-sub ul {
	margin:0;
	padding:0;
	}
	
#footer-sub li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

#footer-sub a:link,
#footer-sub a:visited {
	text-decoration:underline;
	color:#999999;
}

#footer-sub a:hover {
	color:#666666;
	text-decoration:none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BASIC TEXT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#Basic-Text {
	margin:0px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.7em;
	line-height:1.5em;
	color:#666666;
	margin-top: 0px;
    }


	
#Basic-Text h1 {
	font-size:1.7em;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1.1em;
	margin:5px 0px;
	text-align:left
    }

#Basic-Text h2 {
	font-size:1.5em;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:1.1em;
	margin:5px 0;
	text-align:left
    }	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Menu Style 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Menu-Style div {}

/************************************************* Tier 1 ************************************************/
.Menu-Style ul.AspNet-Menu 
{
    width: 910px; /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
    text-align:center;
    font-size:10pt;
    font-weight: bold;
   
}

.Menu-Style li /*Tier 1 list items */
{
    width: 180px;
    background: #102854; /*Primary Color*/   
}
/************************************************* Tier 2 ************************************************/
.Menu-Style ul.AspNet-Menu ul  /* Tier 2 */
{
    top: 100%;
    left: 0px; /* off sets this tier to the right */ 
    text-align:left;
}

.Menu-Style ul.AspNet-Menu li li   /* Tier 2 */
{
    width: 180px;
    left: 0;
    text-align:left;
    font-size:10pt;
    font-weight: normal;
   
    background: #13459f; /* Color of background for this tier */
}

/************************************************* Tier 3 ************************************************/

.Menu-Style ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: 10px;
    left: 152px;
    width: 152px;
    text-align:left;
}

.Menu-Style ul.AspNet-Menu li li li   /* Tier 3 */
{
    width: 152px;
    left: 0;
    text-align:left;
    font-size:10pt;
    font-weight: normal;
    /*background: inherit; /* Color of background for this tier */
}


/*************************************************  ************************************************/
.Menu-Style li:hover, /* list items being hovered over */
.Menu-Style li li:hover
.Menu-Style li.AspNet-Menu-Hover
{
    background: #eeeeee; /*Secondary Color*/    /* set background color during hover */
}

.Menu-Style a, /* Button Look (nodes with no link) */
.Menu-Style span
{
    color: #f0eac5;  /* sets the static text color */
    padding: 4px 2px 4px 8px;
    border:1px solid #102854; /*  Sets static color of borders around list items */
    background: transparent url(../images/arrowRight.gif) right center no-repeat;
    /*background-image: url(../image/nav_btn.jpg);*/
    
}

.Menu-Style li.AspNet-Menu-Leaf a, /* leaves */
.Menu-Style li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

.Menu-Style li:hover a, /* hovered text */
.Menu-Style li:hover span,
.Menu-Style li.AspNet-Menu-Hover a,
.Menu-Style li.AspNet-Menu-Hover span,
.Menu-Style li:hover li:hover a,
.Menu-Style li:hover li:hover span,
.Menu-Style li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.Menu-Style li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.Menu-Style li:hover li:hover li:hover a,
.Menu-Style li:hover li:hover li:hover span,
.Menu-Style li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.Menu-Style li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #eeeeee; /* sets the roll-over text color */    
    background: #102854 url(../images/activeArrowRight.gif) right center no-repeat;
    border:1px solid #102854; /* Sets roll-over color of borders around list items */

}

.Menu-Style li:hover li a, /* the tier above this one is hovered */
.Menu-Style li:hover li span,
.Menu-Style li.AspNet-Menu-Hover li a,
.Menu-Style li.AspNet-Menu-Hover li span,
.Menu-Style li:hover li:hover li a,
.Menu-Style li:hover li:hover li span,
.Menu-Style li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.Menu-Style li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #f0eac5; /* sets the text color when the tier above is hovered*/
    background: transparent url(images/arrowRight.gif) right center no-repeat;
 }

.Menu-Style .AspNet-Menu-Selected /* this tier is selected */
{
        
        background: #f0eac5;
}

.Menu-Style .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
        
        background: #f0eac5;
}

.Menu-Style .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
        background: f0eac5;
}