BODY { FONT-FAMILY: Arial, Verdana, sans-serif; FONT-SIZE: 9pt; COLOR: #666666; MARGIN-LEFT: 7px; MARGIN-RIGHT: 1px; MARGIN-TOP: 7px; background-color: #fff; text-align: center;
 } 
 
.wrapper { width: 950px; margin: 0 auto; text-align: left; border: 1px solid #999; }

ol { font-size: 10pt; font-weight: normal; line-height: 1.5em; }

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; display: block; margin: 0; padding-left: 7px; height: 30px; line-height: -16px; 

}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a { color: #3C6D96; text-decoration: none; font-size: 9pt; font-weight: normal; background-color: #E6DEC5; border: 1px solid #BBB194; text-align: right; padding-right: 11px; padding-bottom: 8px; 
}

#menu a:hover {
	color: #FFFFFF;
	background-color: #BBB194;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {  /* this  part regulates the widtth and position of the flyout menu */
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width of the flyout - based on the containing block */
	background-color: #FCE892;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bbb194;
}

div#menu ul ul ul,   /* this affects whether or not the flyout will appear when not rolled over - thus NONE for the display property*/
div#menu ul ul li:hover ul ul
{
	display: none;
}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*  THIS ENDS THE FLYOUT MENU CODE */
 /* THIS BEGINS THE FORM CODE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 label
{
	float: left;
	text-align: left;
	display: block;
	width: 4em;
}

.submit input
{
margin-left: 4.5em;
}

 input
{
	color: #781351;
	border: 1px solid #9D1322;
	background-color: #FFEFC1;
	height: 18px;
}

 textarea
{
	color: #781351;
	border: 1px solid #9D1322;
	background-color: #FFEFC1;
	height: 141px;
	width: 250px;
}


.submit input
{
	color: #000;
	background: #ffa20f;
	border: 1px outset #d7b9c9;
	margin-left: 44px;
	margin-bottom: 22px;
}

 fieldset
{
	border: 1px solid #781351;
	margin: 0px;
	padding-left: 13px;
	padding-right: 2px;
}

legend
{
	color: #fff;
	background: #ffa20c;
	border: 1px solid #781351;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}


  /* THIS ENDS THE FORM MENU CODE  =================================================================================*/ 
 
 


.cel_title { background-color: #fff; height: 24px; color: #6c5646; padding-left: 11px; font: bold 12pt Arial, Helvetica, sans-serif; } 

/* .cel_title { background-color: #f3ebd6; height: 24px; color: #6c5646; padding-left: 11px; font: bold 12pt Arial, Helvetica, sans-serif; } */ 

.cel_title_blue { background-color: #fff; height: 24px; color: #6c5646; padding-left: 11px; text-align: center; font: bold 12pt Arial, Helvetica, sans-serif; }

/*.cel_title_blue { background-color: #b9c5d1; height: 24px; color: #6c5646; padding-left: 11px; text-align: center; font: bold 12pt Arial, Helvetica, sans-serif; } */

.cel_main { padding: 5px 11px 11px; height: 111px; background: #fff; }

.cel_left {	width: 170px; background-color: #fff;}

/* .cel_left {	width: 170px; background-color: #a49b8e;}  */

.cel_right { width: 209px; background-color: #FFF; padding-right: 11px; padding-left: 11px; border-left: 1px solid #CCC; }

/* .cel_right {width: 209px; background-color: #F3EBD6;} */

.cel_top {height: 27px;	display: block;	background-image: url(../images/header_top.jpg);}

.cel_footer { height: 22px; background-color: #E8DFC9; display: block; color: #666666; padding-top: 5px; font: 8px Arial, Helvetica, sans-serif; }

.cel_footer_icons { height: 22px; background-color: #E8DFC9; display: block; color: #666666; padding-top: 5px; font: 8px Arial, Helvetica, sans-serif; }

.cel_header01 { height: 206px; width: 170px; background: url(../images/header_logo3.jpg) no-repeat;}

.cel_header02 { height: 103px; width: 950px; background: url(../images/header_main4.jpg) no-repeat; }

.cel_header03 { background-image: url(../images/header_03.jpg); height: 103px; width: 631px; background-repeat: no-repeat;}

.cel_header04 { background-image: url(../images/header_04.jpg); height: 268px; width: 952px; background-repeat: no-repeat; }

.cel_header05 { height: 282px; width: 170px; background: url(../images/header_logo2.jpg) no-repeat; }

.cel_padded_for_text {padding: 11px;}

.cel_stroke {border: 1px solid #333333;}

.cel_stroke2 { border: 1px solid #333333; padding: 22px; background: #f9f5ea; 
}
.cel_navright { text-align: center; background: #BEE1FD; border: 1px solid #2D81C7; padding: 11px 6px; }

.cel_navright_full { height: 66px; width: 175px; text-align: center; padding-top: 5px; padding-bottom: 5px; padding-right: 6px; padding-left: 6px; background: #CCF; border: 1px solid #C9F; }
/*
.cel_navright { border-left-width: 22px; border-left-style: solid; border-left-color: #e8dfc9; height: 66px; border-top-width: 2px; border-top-style: solid; border-top-color: #FFFFFF; width: 175px; text-align: center; padding-top: 5px; padding-bottom: 5px; padding-right: 6px; padding-left: 6px; background: #f3ebd6; }

.cel_navright_full { border-left-width: 22px; border-left-style: solid; border-left-color: #e8dfc9; height: 66px; border-top-width: 2px; border-top-style: solid; border-top-color: #FFFFFF; width: 175px; text-align: center; padding-top: 5px; padding-bottom: 5px; padding-right: 6px; padding-left: 6px; background: #f3ebd6; }*/

.dotted_cel {
	border: 1px dashed #999999;
}


.floatleft {
	float: left;
	margin-right:10px;
	margin-bottom: 6px;
}

.floatright {
	float: right;
	margin: 10px;
}

.font_1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13pt;
	COLOR: #827b65;
	font-family: Arial, Helvetica, sans-serif;
}

.font_2 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #5C4519;
}

.font_bold {font-weight: bold;}

.font_italic {font-weight: normal;	font-style: italic;}

.font_small { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; }
.font_small_left { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; }
.font_small_right { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; }

.font_bold10pt {font-weight: bold;
font-size: 10pt;
}

.font_blue {
	font-weight: bold;
	font-size:10pt;
	color: #0666B3;
}
.font_side_titles {
	font-weight: bold;
	font-size:10pt;
	color: #6C5646;
}

.font_subtitles  {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	MARGIN-BOTTOM: 2px;
	MARGIN-TOP: 0px;
	COLOR: #6E6256;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



div.hr {
	border: 0;
	width: 80%;
	color: #f00;
	background-color: #f00;
	height: 5px;
 
 
 }
 
p  {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	color: #555555;
}


a:link {
	color: #3C6D96;
	text-decoration: underline;
	MARGIN-BOTTOM: 6px;
}
a:visited {
	color: #3C6D96;
	text-decoration: underline;
	MARGIN-BOTTOM: 6px;
}
a:hover {
	color: #0099FF;
	text-decoration: underline;
	MARGIN-BOTTOM: 6px;
}


a.nav:link {
	FONT-FAMILY: Arial, Verdana, sans-serif;
	COLOR: #FFD200;
	text-decoration: underline;
	font-size: 9pt;
	padding: 5px;
	}
	
a.nav:visited {
	FONT-FAMILY: Arial, Verdana, sans-serif;
	COLOR: #FFD200;
	text-decoration: underline;
	font-size: 9pt;
	padding: 5px;
}

a.nav:hover {
	FONT-FAMILY: Arial, Verdana, sans-serif;
	COLOR: #FF6600; text-decoration: none;
	text-decoration: none;
	font-size: 9pt;
	padding: 5px;
} 

a.nav2:link { COLOR: #F90; text-decoration: underline; font-family: Arial, Verdana, sans-serif; }

a.nav2:hover { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #FF0000; text-decoration: underline; } 

a.nav3:link { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #FF6; text-decoration: underline; }

a.nav3:visited { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #ff6; text-decoration: underline; }

a.nav3:hover { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #FF0; text-decoration: underline; } 


a.footer:link {
	FONT-FAMILY: Arial, Verdana, sans-serif;
	COLOR: #666666; text-decoration: underline;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 1px;
	}
	
a.footer:visited {
	FONT-FAMILY: Arial, Verdana, sans-serif;
	COLOR: #666666; text-decoration: none;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 1px;
}

a.footer:hover {
	FONT-FAMILY: Arial, Verdana, sans-serif;
	COLOR: #00CC33; text-decoration: underline;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 1px;
} 


#topNav {
	font-family:arial,sans-serif;
	font-weight:normal;
	font-size:9px;
	background:#FFFFFF;
}


.topNavLink a {
	color:#fff;
	text-decoration:none;
	font-size:9px;
	line-height: 19px;
	display:block;
	background:url(../images/navOFF.jpg);
	height: 19px;
	width: 125px;
	text-align: center;

}
.topNavLink a:hover {
	color:#3d140c;
	text-decoration:none;
	background:url(../images/navON.jpg);
	line-height: 19px;
}





/*ul li {
	font-family: Arial, Verdana, sans-serif;
	FONT-SIZE: 10pt;
	MARGIN-BOTTOM: 5px;
	TEXT-ALIGN: left;
	color: #000000;
	list-style-type: none;
	list-style-image: url(../images/arrow.jpg);
	margin-right: 0px;
}*/
.navBG {
	background-image: url(../images/navBG.jpg);
	background-repeat: repeat-x;
	height: 19px;
	width: 90px;
}

.navbgcolor {
	background-image:    url(../first_design_images/nav_bg_color.jpg);
	background-repeat: repeat;
	height: 17px;
}



.verticalLineOnTheright {
	border-right-color: black;
}

.verticalLineOnTheleft {
	border-left: 1px dotted #999999;

}

.verticalLineBottom {
	border-bottom: 1px solid #83B2CA;
}
.verticalLineTop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3471B2;



}


#menu2 ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu2 a, #menu2 h2 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	display: block;
	margin-top: 2px;

}

#menu2 h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu2 a {
	color: #9b8371;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
	background-color: #f3ebd6;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	height: 44px;
	border-left-width: 22px;
	border-left-style: solid;
	border-left-color: #e8dfc9;
	padding-top: 15px;
}

#menu2 a:hover {
	color: #FFFFFF;
	background-color: #BBB194;
}

#menu2 li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu2 ul ul ul {  /* this  part regulates the widtth and position of the flyout menu */
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width of the flyout - based on the containing block */
	background-color: #FCE892;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}


/* This begins code for colored boxes  */


div.module-brick,
div.module-purple,
div.module-green
{ margin: 0 0 10px; padding: 0; float: left; width: 100%; clear: both; color: #fff; text-align: center; font: 14px Arial, Helvetica, sans-serif; }


div.module-brick div div,
div.module-purple div div,
div.module-green div div { background: url(../box-tr.gif) no-repeat right top; }

div.module-brick div div div,
div.module-purple div div div,
div.module-green div div div
{ padding: 15px; background: url(../box-tl.gif) no-repeat top left; 
}

div.module-brick div div div div { margin: 0; padding: 15px 15px 20px; background: none; float: none; 
}

/* Module Brick */
div.module-brick { background: url(../box-hl-br.gif) no-repeat bottom right; 
}

div.module-brick div { background: url(../box-hl-bl.gif) no-repeat bottom left; padding-bottom: 11px; 
}

div.module-purple { background: url(../box-hl-br-purple.gif) no-repeat bottom right; 
}

div.module-purple div { background: url(../box-hl-bl-purple.gif) no-repeat bottom left; 
}


div.module-green { background: url(../box-hl-br.gif) no-repeat bottom right; 
}

div.module-green div { background: url(../box-hl-bl.gif) no-repeat bottom left; 
}




#ja-col2 {
	float: right;
	width: 24.9%;
	overflow: hidden;
	padding: 15px 0;
}

/* This ends code for colored boxes  */




* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(../NEWSITE/css/highslide/graphics/zoomin.cur) , pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../NEWSITE/css/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(../NEWSITE/css/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}