/* ------------------------------------------------------------------------------- */
/* Font styles                                                                     */
/* ------------------------------------------------------------------------------- */

h1 {
	text-align: 
	center; 
	font-size: 20pt;
}

h2 {	
	color: black; 
	font-family: verdana; 
	margin-left: 7px;
	margin-right: 7px;
}

h3
{
	margin-top: 0;
	padding-top: 0.5em;
	margin-left: 0.5em;
	margin-left: 7px;
	color: #78a9d9;
}
h4
{
	margin-top: 0;
	padding-top: 0.5em;
	margin-left: 0.5em;
	margin-left: 7px;
	color: a1a4a5;
}
h5 {
	display: inline;
	margin-left: 7px;
	color: #78a9d9;
}

.title{
	margin-left: 0.6em;
	font-weight: bold;
	color: #FFF; 
}

p {
	margin-left: 7px;
	margin-right: 7px;
}

p.content {
	margin-left: 7px;
	margin-right: 7px;
}

p.quote {
	font-style: italic;
	color: #9da0a1;
	margin-left: 7px;
	margin-right: 7px;
}

p.content_webinfo {
	xdisplay: inline;
	margin-left: 7px;
	margin-right: 7px;
}

f1 {
	color: blue; 
	font-family: verdana; 
	font-size: 8pt;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
  	padding: 0;
	font-size: 80%;
	background-color: #32393b;
	width: 70%;
	align: center;

}

/* ------------------------------------------------------------------------------- */
/* Rounded Corner Styles                                                           */
/* ------------------------------------------------------------------------------- */

b.rtop, b.rbottom{
	display:block;
	background: #F2F2F2;
}

b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
	overflow: hidden;
	background: #006699;
}

div.box{
	margin: 0;
	background: #006699;
	color: #fff;
}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


/* ------------------------------------------------------------------------------- */
/* Form Styles                                                                     */
/* ------------------------------------------------------------------------------- */

form {
	width: 100%;
	margin: 1em 0 0 0;
}

input {
	width: 19em;
	font-size: 1em;
	border: 1px solid;
	border-color: #666 #ccc #ccc #666;
	margin-bottom: 0.2em;
	padding: 2px;
	margin-left: 0.5em;
}

textarea {
	width: 30em;
	font-size: 1em;
	border: 1px solid;
	border-color: #666 #ccc #ccc #666;
	margin-bottom: 0.2em;
	padding: 2px;
	margin-left: 0.5em;
}

input.button {
	width: 5em;
	background-color: #e6e6e6;
	border-color: #ccc #666 #666 #ccc;
	align: right;
	padding: 0;
	cursor: pointer;
}

label {
	float: left;
	width: 8em;
	margin-left: 0.5em;
}

/* ------------------------------------------------------------------------------- */
/* List Styles                                                                     */
/* ------------------------------------------------------------------------------- */

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.AppBullet {
	margin: 0em;
	padding: 0em;
	list-style-image: url(images/bullet.gif);
}

ul.AppBullet li {
	margin-top: 0em;  
	margin-left: 2em;
	padding: 0em;
	background-color: inherit;
	list-style-type: disc;
}

/* ------------------------------------------------------------------------------- */
/* Link Styles                                                                     */
/* ------------------------------------------------------------------------------- */

a {
	xcolor: #006699;
	color: #b5b7b8;
}	

a:link a:visited {
	color: #656582;
}

a:hover {
	color: #656582;
}

a:active {
	color: #656582;
}

a:hover img {
	color: #fff;
}

/* ------------------------------------------------------------------------------- */
/* Menu Styles                                                                     */
/* ------------------------------------------------------------------------------- */
	
#menu {
	float: left;
	width: 120px;
	margin-top: 10px;
	}

#menu ul {
	xlist-style: none;
	margin: 0;
	padding: 0;
}

#menu ul li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}	

#menu ul li a:link, #menu li a:visited {
	color: #fff;
	display: block;
	background: url(images/menu3.gif);
	padding: 5px 5px 0 10px;
	text-align: right;
}

#menu li a:hover {
	color: #fff;
	background: url(images/menu3.gif) 0 -32px;
	padding: 5px 5px 0 10px;
	text-align: right;
}

#menu li a:active, #menu ul li a:focus, #menu ul li a.selected {
	color: #fff;
	background: url(images/menu3.gif) 0 -64px;
	padding: 5px 5px 0 10px;
	text-align: right;
}

/*#menu li a:selected {
	color: #fff;
	xbackground: url(images/menu3.gif) 0 -64px;
	xpadding: 5px 5px 0 10px;
	xtext-align: right;
	xfont-weight: bold;
}*/

#menu li a:selected {
	float: left;
	width: 120px;
	height: 26px;
	color: #fff;
	background: url(images/menu3.gif) 0 -64px;
	padding: 5px 5px 0 10px;
	text-align: right;
	font-weight: bold;
	
}

#sub_menu {
	float: left;
	width: 120px;
	}
	
#sub_menu ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#sub_menu li a {
  	height: 34px;
  	xvoice-family: "\"}\""; 
  	xvoice-family: inherit;
  	height: 24px;
	text-decoration: none;
	list-style: none;
	display: inline;
}	

#sub_menu li a:link, #sub_menu li a:visited {
	xcolor: #777;
	color: #fff;
	display: block;
	background: url(images/menu3.gif);
	padding: 5px 5px 0 10px;
	text-align: right;
}

#sub_menu li a:hover {
	color: #fff;
	background: url(images/menu3.gif) 0 -32px;
	padding: 5px 5px 0 10px;
	text-align: right;
}

#sub_menu li a:active {
	color: #fff;
	background: url(images/menu3.gif) 0 -64px;
	padding: 5px 5px 0 10px;
	text-align: right;
}

/* .menuTitle {
	float: left; width: 190px;
	border-style: none solid none solid;
	border-color: #D0D0D0;
	border-width: 1px;
	margin: 10px;
	}

.menuTitle li a {
  	height: 34px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}	

.menuTitle li a:link, #menu li a:visited {
	color: #777;
	display: block;
	background: url(images/menuTitle.gif);
	padding: 8px 25px 0 10px;
	text-align: right;
}

.menuTitle li a:hover {
	color: #fff;
	background: url(images/menuTitle.gif) 0 -32px;
	padding: 8px 25px 0 10px;
	text-align: right;
}

.menuTitle li a:active {
	color: #fff;
	background: url(images/menuTitle.gif) 0 -64px;
	padding: 8px 25px 0 10px;
	text-align: right;
} */


/* ------------------------------------------------------------------------------- */
/* Box Styles                                                                      */
/* ------------------------------------------------------------------------------- */

.left_col {
	float: left;
	padding: 0px;
	margin: 0px;
}

.left_box {
	xborder-left: 2px solid #006699;
	xborder-right: 2px solid #006699;
	xborder-bottom: 2px solid #006699;
	border-left: 2px solid #b5b7b8;
	border-right: 2px solid #b5b7b8;
	border-bottom: 2px solid #b5b7b8;
	padding: 0px;
	margin: 0px;
	margin-top: 0em;
}

.content_area {
	float: left;
	width: 80%;
	padding: 0px;
	margin: 0px;
	margin-top: 0.8em;
	background-color: #fffefe;

}

.right_box {
	float: left;
	padding: 5px;
	margin-top: 10px;
	margin-left: 10px;
	width: 100px;
	background-color: #006699;
	xborder-top: 2px solid #006699;
	xborder-bottom: 2px solid #006699;
	xborder-left: 2px solid #006699;
	xborder-right: 2px solid #006699;
}

.logo_area {
	float: left;
	display: inline;
	width: 37px;
	height: 193px;
	background: url(images/accesstitle11.gif) no-repeat 100% 0;
	padding: 0px;
	margin: 0px;
	margin-top: 0.8em;
}

.image{
	float: right;
	border: 0;
	display: inline;
	margin-right: 0.6em;
	margin-top: 0.7em;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #D7D7D7;
	border-top: 3px solid #78a9d9;
	border-left: 3px solid #78a9d9;
	border-right: 3px solid #78a9d9;
	border-bottom: 3px solid #78a9d9;
}


.schemeName {
	float: left;
	display: inline;
	width: 20%;
}

.schemeImage {
	float: center;
	display: inline;
	width: 40%;
}

.schemeDesc {
	float: right;
	display: inline;
	width: 40%;
}

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

/* Content Slider Styles                                                           */

/* ------------------------------------------------------------------------------- */
.content_container{

  float: left;

  display: inline;

  background-color: #fff;

  xmargin-top: 35px;

  width: 80%;

}



.right_box {

	float: left;

	padding: 0px;

	margin-top: 10px;

	margin-left: 20px;

	margin-right: 10px;

	width: 405px;

	xbackground-color: #006699;

	border-top: 1px solid #3F494C;

	border-bottom: 1px solid #3F494C;

	border-left: 1px solid #3F494C;

	border-right: 1px solid #3F494C;

}

.albums{
	float: left;
	border: 0;
	display: inline;
	margin-right: 0.6em;
	margin-top: 0.7em;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #D7D7D7;
	border-top: 3px solid #78a9d9;
	border-left: 3px solid #78a9d9;
	border-right: 3px solid #78a9d9;
	border-bottom: 3px solid #78a9d9;
}

.gallery_area {

	float: left;

	width: 95%;

	margin-left: 0px;

	xpadding-left: 10px;

	xmargin: 0px;

	margin-top: 0.8em;

	xbackground-color: #000;

}


.photo_box {

	float: left;

	padding-left: 10px;

	margin-top: 10px;

	margin-left: 3px;

	margin-right: 10px;

	width: 540px;

	xbackground-color: #006699;

	border-top: 1px solid #3F494C;

	border-bottom: 1px solid #3F494C;

	border-left: 1px solid #3F494C;

	border-right: 1px solid #3F494C;

}

.photo_thumbs {

	float: left;

	padding: 0px;

	margin-top: 10px;

	margin-left: 20px;

	margin-right: 10px;

	width: 100%

}

.displayImage{

	xfloat: right;

	display: inline;

	xmargin-right: 0.6em;

	xmargin-top: 0.7em;

	padding-top: 3px;

	xpadding-left: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	background-position: top right;

	background-repeat: no-repeat;

	xbackground-color: #D7D7D7;

	xborder-top: 1px solid #AD9D95;

	xborder-left: 1px solid #AD9D95;

	xborder-right: 1px solid #AD9D95;

	xborder-bottom: 1px solid #AD9D95;

}



.thumb{

	float: left;

	display: inline;

	height: 10px; 

	width: 10px;

	margin-right: 0.6em;

	margin-top: 0.7em;

	padding-top: 3px;

	padding-left: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	background-position: top right;

	background-repeat: no-repeat;

	xbackground-color: #D7D7D7;

	xborder-top: 1px solid #AD9D95;

	xborder-left: 1px solid #AD9D95;

	xborder-right: 1px solid #AD9D95;

	xborder-bottom: 1px solid #AD9D95;

}






.photo_area {

	float: left;

	width: 40%;

	margin-left: 10px;

	padding-left: 10px;

	xmargin: 0px;

	margin-top: 0.8em;

	xbackground-color: red;

}



.subswatch1{display: none;}

.subswatch2{display: none;}

.submenuswatch { 

	display: none;

}



.schemeName {

	float: left;

	display: inline;

	width: 20%;

}



.schemeImage {

	float: center;

	display: inline;

	width: 40%;

}



.schemeDesc {

	float: right;

	display: inline;

	width: 40%;

}

	



	

	

	.contentslide{

	xborder: 10px solid navy;

	xborder-bottom-width: 6px;

	xpadding: 8px;

	xwidth: 400px;

	xheight: 250px;

	}

	

	.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/

	width: 100%;

	height: 100%;

	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

	-moz-opacity: 1;

	opacity: 1;

	

	}

	

	.contentslide .contentdiv{

	display: none;

	}

	

	.pagination{

	xwidth: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/

	text-align: left;

	xbackground-color: navy;

	xborder: 10px solid navy;

	border-width: 0 10px; /*Left/ right border width of pagination DIV.*/

	padding: 0 0 4px 0;

	}

	

	* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/

	width: 400px; /*IE5 width*/

	w\idth: 416px; /*IE6 width*/

	}

	

	.pagination a{

	padding: 0 5px;

	text-decoration: none; 

	color: #2e6ab1;

	background-color: white;

	}

	

	.pagination a:hover, .pagination a.selected{

	color: #000;

	background-color: #FEE496;

}


/* ------------------------------------------------------------------------------- */
/* Spacer Styles                                                                  */
/* ------------------------------------------------------------------------------- */

.gutter
{
	float: left;
	width: 1.5%;
	height: 1px;
}

.clearer {
	clear: both;
}

.spacer {
	float: left;
	width: 100%;
	height: 3em;
	clear: both;
}

/* ------------------------------------------------------------------------------- */
/* Bar navigation area styles                                                      */
/* ------------------------------------------------------------------------------- */

#barimage_top
{
	height: 100px;
	background: url(images/banner17.gif) no-repeat 100% 0;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	xmargin-top: 10px;
}

#bar_area {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	height: 1.7em;
	width: 100%;
	border-top: 1px solid #656582;
	xborder-bottom: 1px solid #006699;
}

#bar_left {
	float: left;
	margin-top: 0.6em;
	margin-left: 20px;
	width: 30%;
	font-style: normal;
	font-size: 85%;
	color: #E5D01D;
	white-space: nowrap;
	text-align: left;
}

#bar_center {
	float: right;
	margin-top: 0.6em;
	margin-right: 20px;
	height: 2.7em;
	font-style: normal;
	font-size: 85%;
	color: #CC9933;
	white-space: nowrap;
	text-align: center;
}

/* ------------------------------------------------------------------------------- */
/* Footer Styles                                                                   */
/* ------------------------------------------------------------------------------- */

#footer
{
	height: 1.7em;
	width: 100%;
	clear: both;
	border-top: 1px solid #006699;
	xborder-bottom: 1px solid #656582;
}

#footer_copy
{
	font-style: normal;
	font-size: 85%;	
	float: left;
	margin-left: 20px;
	display: inline;
}

#footer_mail
{
	font-style: normal;
	font-size: 85%;
	float: right;
	margin-right: 20px;
	display: inline;
}