body { padding:0; margin:11 0 0; background:url(../NEW/images/bg.jpg); color:#000; text-align:center; font: 13px/1.4em arial, verdana, sans-serif; }

pre {font-size:11px;}
code {font-size:12px;}

a:link { color: #633; }
a:hover { color: #F63; }

#wrapper { border: thin solid #DDD2BE; width: 900px; }

#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: 22px; line-height: -22px; }

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

#menu a { color: #660000; text-decoration: none; font-size: 12px; font-weight: normal; background-color: #ddd2be; border: 1px solid #BBB194; text-align: right; padding-right: 8px; padding-bottom: 4px; }

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

#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 */


#wrapper { width:900px; margin:0 auto; text-align:left; }
#header { width:900px; height:167px; position:relative; background: #C00; }

ul.square { color: #333; font-weight: bold; list-style: url(images/arrow_list.gif); line-height: 1.6em; margin-left: 22px; margin-right: 22px; font-size: 12px; }
ul.square2 { color: #333; font-weight: bold; list-style: url(images/arrow_list.gif); line-height: 2em; margin-left: 22px; margin-right: 22px; font-size: 14px; }
ul.circle { color: #333; font-weight: bold; margin-left: 22px; margin-right: 22px; font-size: 12px; list-style: disc; }

img.1 {display:block; background:url(graphic/advertise2.jpg); float:left;}
img.2 {display:block; background:url(graphic/oops.jpg); float:left;}
#left_column { width:150px; padding-right:0px; padding-left:0px; background: #B5AA98; height: 500px; vertical-align: top; padding-top: 22px; }
#left_column p {font-size:12px; padding:0; margin:5px 0; color:#333; line-height:1.5em;}

#right_column { height: 500px; vertical-align: top; padding: 22px; text-align: left; font-size: 13px; background: #e2dacd; }

.font_page_title { font-size: 22px; font-weight: bold; color: #B5AA98; font-family: Tahoma, Geneva, sans-serif; }
.font_red_bold { font-size: 10pt; font-weight: bold; color: #903; font-family: Arial, Helvetica, sans-serif; }
.font_red { color: #F00; font-family: Arial, Helvetica, sans-serif; }
.font_section_title { font-size: 16px; font-weight: bold; color: #53103C; }
.font_section_title_small { font-size: 13px; font-weight: bold; color: #53103C; }
.font_small { font-size: 10px; line-height: 1em; }
.font_sub_section { font-size: 13px; font-weight: bold; color: #000; }
.font_bold {font-weight:bold;}

#foot { width:900px; background:#655949; text-align:center; padding:8px 0; font: 11px Arial, Helvetica, sans-serif; color: #F4ECE1; }
#foot p {float:left; padding:0 0 0 15px; margin:0; font-size:9px; color:#444;} 

a.footer:link { color: #CCC; }
a.footer:hover { color: #F63; }

.clear {display:block; height:0; overflow:hidden; clear:both;}
.float_left {float:left; padding:0 10px 0 0;}


.text_cel { width:auto; height:169px; background:no-repeat; position:relative; margin: 11px; padding: 11px; font: 14px Arial, Helvetica, sans-serif; }