@charset "UTF-8";
/* CSS Document */

/* Global Font Size, Color, Font-Family Settings in Body */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #03426D;
  	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 17px;
	color: #626262;
	background-image: url(images/tile_body.jpg);
	background-repeat: repeat-x;
	}
	
/* Global Link Colors */
a:link
{
	text-decoration: underline;
	font-weight: bold;
	color: #E4A017;
	
	}
	
a:visited
{
	text-decoration: underline;
	font-weight: bold;
	color: #E4A017;
	}
	
a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #E4A017;
	}
	
a:active
{
	text-decoration: underline;
	font-weight: bold;
	color: #E4A017;
	}
	
/* Site Container that holds everything and is centered*/
#container
{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 990px;
	background-color: transparent;
}

/* holds landscape, and logo images. */
#header
{
	margin: 0px;
	padding: 0px;
	width: 990px;
	}

/* holds menu. */
#navigation
{
	margin: 0px;
	padding: 0px;
	width: 990px;
	height: 50px;
	}
	
/* holds all the divs below the navigation. */
#midSection
{
	margin: 0px;
	padding: 18px 84px 0px 84px;
	width: 822px;
	background-image: url(images/tile_midSection.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: transparent;
	}

/* holds the main title, content and scroll with quote */
#bannerTop
{
	margin: 0px;
	padding: 0px;
	width: 822px;
	background-color: #FFFFFF;
	background-image: url(images/tile_bannerTop.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
	
/* holds main content and title image inside the bannerTop INDEX ONLY */
#mainContentINDEX
{
	margin: 0px;
	padding: 30px 0px 0px 34px;
	float: left;
	width: 346px;
	}
		
/* holds scroll image next to mainContent inside bannerTop INDEX ONLY */
#scroll
{
	margin: 30px 0 0 0;
	padding: 0px;
	float: left;
	width: 442px;
	height: 186px;
	background-image: url(images/scroll.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
/* holds main content and title image inside the bannerTop INSIDE PAGES ONLY */
#mainContentINSIDE
{
	margin: 0px;
	padding: 30px 15px 0px 34px;
	float: left;
	width: 505px;
	}
	
/* holds main content the entire width of the bannerTop, does not use testimonials... INSIDE PAGES ONLY */
#mainContentWIDE
{
	margin: 0px;
	padding: 30px 30px 0px 34px;
	width: 758px;
	}
	
/* holds testimonials next to mainContent inside bannerTop INDSIDE PAGES ONLY */
#testimonials
{
	margin: 30px 0 0 0;
	padding: 0px;
	float: left;
	width: 268px;
	}
	
/* Put testimonials in their own div so that they can be repeated on the page, per quote as many as you want. */
.testimonialBOX
{
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 15px 0px;
	width: 248px;
	}
	
	
/* holds quote to the right of mainContent on INSIDE PAGES */
#SMquoteMARK
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 20px;
	height: 22px;
	background-image: url(images/quote_SM.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}
	
/* holds quote text next to SMquoteMark on INSIDE PAGES */
#SMquoteTEXT
{
	margin: 0px;
	padding: 5px 0px 0px 10px;
	float: left;
	width: 218px;
	}
	
#SMquoteTEXT a:link
{
	text-decoration: underline;
	color: #1C78C0;
	}
	
#SMquoteTEXT a:visited
{
	text-decoration: underline;
	color: #1C78C0;
}
	
#SMquoteTEXT a:hover
{
	text-decoration: none;
	color: #1C78C0;
	}
	
#SMquoteTEXT a:active
{
	text-decoration: underline;
	color: #1C78C0;
}

	
/* holds image of book and flowers. Does not stretch. */
#bannerBottomINDEX
{
	margin: 0px;
	padding: 0px;
	width: 822px;
	background-image: url(images/tile_bannerBottomINDEX.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 269px
	}
	
/* holds image of book and flowers. Will stretch */
#bannerBottomINSIDE
{
	margin: 0px;
	padding-bottom: 130px;
	width: 822px;
	background-color: #d8ebf9;
	background-image: url(images/tile_bannerBottom_INSIDE.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
/* holds image of book and flowers. Will stretch */
#bannerBottomARABIC
{
	margin: 0px;
	padding-bottom: 130px;
	width: 822px;
	background-color: #ffffff;
	background-image: url(images/tile_bannerBottomARABIC.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 130px
	}
	
/* holds content at bottom in INSIDE pages */
#bannerBottomTEXT
{
	margin: 0px;
	padding: 0px 30px;
	width: 762px;
	}
	
/* holds quote at bottom on INDEX page */
#quoteMARK
{
	margin: 60px 0 0 0;
	padding: 0px;
	float: left;
	width: 321px;
	height: 30px;
	background-image: url(images/quote_LG.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}
	
/* holds quote at bottom on INDEX page */
#quoteTEXT
{
	margin: 0px;
	padding: 70px 30px 0 10px;
	float: left;
	width: 461px;
	}
	
#quoteTEXT a:link
{
	text-decoration: underline;
	color: #1C78C0;
	}
	
#quoteTEXT a:visited
{
	text-decoration: underline;
	color: #1C78C0;
}
	
#quoteTEXT a:hover
{
	text-decoration: none;
	color: #1C78C0;
	}
	
#quoteTEXT a:active
{
	text-decoration: underline;
	color: #1C78C0;
}

#popUp
{
	width: 300px;
	margin: 15px;
	border: double #07395A;
	padding: 15px;
	}	

/* Global settings for an ul. */
ul {
	list-style-type: square;
	}

/* Global settings for Horizontal Rules */
hr
{
	margin-bottom: 10px;
	border: none;
	background-color: #cccccc;
	color: #cccccc;
	height: 1px;
	width: 80%;
	}

/* A style of bullets using a custom image. */	
.BulletedListUL
{ 
	margin-left: 15px;
	list-style-image: url(images/bullet.gif);
	font: normal 14px Helvetica, Arial, sans-serif;
	color: #07395a;
	line-height: 18px;
	}
	
.BulletedListUL a:link
{
	text-decoration: underline;
	color: #07395a;
	}
	
.BulletedListUL a:visited
{
	text-decoration: underline;
	color: #07395a;
}
	
.BulletedListUL a:hover
{
	text-decoration: none;
	color: #07395a;
	}
	
.BulletedListUL a:active
{
	text-decoration: underline;
	color: #07395a;
}
	
/* A class that clears both, and has nothing in it. If you stick it directly under floating divs, but inside of the container div, it will recognize the floats, plus the container will recognize the fixer, allowing the container div to expand vertically correctly. */
.fixer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	

/* Footer Div properties */
#footer
{
	margin: 0px auto 0px auto;
	padding: 15px 0px 0px 0px;
	width: 822px;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	border-top: 10px solid #E4A017;
	}
	
#footer a:link
{
	text-decoration: underline;
	color: #E4A017;
	}
	
#footer a:visited
{
	text-decoration: underline;
	color: #E4A017;
}
	
#footer a:hover
{
	text-decoration: none;
	color: #E4A017;
	}
	
#footer a:active
{
	text-decoration: underline;
	color: #E4A017;
}


h1 {
	font-size: 2.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px;
	margin: 0px;
	color: #E4A017;
	width: 600px;
	height: 31px;
	}
	
h2 {
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px;
	margin: 0px;
	color: #E4A017;
	width: 600px;
	height: 31px;
	}
	
h3 {
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px;
	margin: 0px;
	color: #E4A017;
	width: 600px;
	height: 31px;
	}
	
h4 {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	background-image: url(images/arrow_black.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	color: #7748c0;
	width: 600px;
	height: 31px;
	}


h5 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px;
	margin: 0px;
	color: #E4A017;
	width: 600px;
	height: 31px;
	}
	
h6 {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px;
	margin: 0px;
	color: #E4A017;
	width: 600px;
	height: 31px;
	}


.text01 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #07395A;
	font-weight: bold;
	}
.text02 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #07395A;
	line-height: 18px;
	font-weight: bold;
	}
.text02n {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #07395A;
	line-height: 18px;
	}
.text02b {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #07395A;
	line-height: 18px;
	font-weight: bold;
	margin-left: 301px;
	padding-top: 61px;
	}
.text03 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #07395A;
	font-weight: bold;
	}
	
.text03ITC {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #07395A;
	font-style: italic;
	font-weight: bold;
	}
	
.text04ITC {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #07395A;
	font-style: italic;
	font-weight: bold;
	}
	
.text04 {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #07395A;
	font-weight: bold;
	}
.text05 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #07395A;
	font-weight: normal;
	}

.text06 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #626262;
	font-weight: bold;
	}
.text07 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #626262;
	font-weight: bold;
	}
.text08 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #626262;
	font-weight: bold;
	}
.text09 {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #626262;
	font-weight: bold;
	}

.text10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #E4A017;
	font-weight: bold;
	}
.text11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E4A017;
	font-weight: bold;
	}
.text12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E4A017;
	font-weight: bold;
	}
.text13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E4A017;
	font-weight: bold;
	}
.text14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E4A017;
	font-weight: normal;
	}
	
.text15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #07395A;
	font-weight: bold;
	}
.text16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #07395A;
	font-weight: bold;
	}
.text17 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #07395A;
	font-weight: bold;
	}
.text18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #07395A;
	font-weight: bold;
	}
.text19 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #07395A;
	font-weight: normal;
	}
	
.text20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #07395A;
	font-weight: normal;
	}

.tease {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626262;
	font-weight: normal;
	margin-top: 0px;
	}

.yuiextdlg {
    position:absolute;
    left:-2000px;
}