body {
     margin: 0pt;
	 background: #B69F69;
}

#page-bg {
     margin: 0pt;
	 background:url(images/brown-logo-bg.jpg) repeat-x;
}


h1 {
	font-family: Century Gothic, sans-serif;
	font-size: 25pt;
	color: #AE9B6F;
	vertical-align: center;
	margin: 20pt 20pt 15pt 20pt;
	font-weight: normal;
	padding-left: 35px;
	background:url(images/h1-bullet.gif) no-repeat left;
}
p {
	font-family: Century Gothic, sans-serif;
	font-size: 11pt;
	color: #9B885E;
	text-align: justify;
	vertical-align: top;
	top: auto;
	margin: 10pt 20pt 15pt 10pt;
	line-height: 15pt;
	letter-spacing: 1px;
}
p.side-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #9B885E;
	text-align: left;
	vertical-align: top;
	top: auto;
	margin: 10pt 20pt 15pt 10pt;
	line-height: 15pt;
}
p.centered-text {
	font-size: 7pt;
	color: #ffffff;
	text-align: center;
    margin: 15pt;
}

h2 {
	font-family: Century Gothic, sans-serif;
	font-size: 19pt;
	color: #AE9B6F;
	vertical-align: center;
	margin: 20pt 20pt 15pt 20pt;
	font-weight: normal;
	padding-left: 10px;
	background:url(images/h2-bullet.gif) no-repeat left;
}
h3 {
	font-family: Century Gothic, sans-serif;
	font-size: 16pt;
	color: #937F50;
	vertical-align: center;
	margin: 20pt 20pt 15pt 20pt;
	font-weight: normal;
	padding-left: 35px;
	background:url(images/h31-bulletx.gif) no-repeat left;
}
h4 {
	font-family: Century Gothic, sans-serif;
	font-style:italic;
	font-size: 12pt;
	color: #AE9B6F;
	text-align: center;
	vertical-align: center;
	margin: 5pt 20pt 25pt 20pt;
	font-weight: bold;
}
h5 {
	font-family: Century Gothic, sans-serif;
	font-size: 12pt;
	color: #AE9B6F;
	vertical-align: center;
	margin: 20pt 20pt 15pt 20pt;
	font-weight: normal;
	padding-left: 35px;
	background:url(images/h1-bullet.gif) no-repeat left;
}
h6 {
	font-family: Century Gothic, sans-serif;
	font-style:italic;
	font-size: 13pt;
	color: #AE9B6F;
	text-align: center;
	vertical-align: center;
	margin: 25pt 5pt 5pt 5pt;
	font-weight: normal;
	font-variant:small-caps;
	letter-spacing: -1px;
		background:url(images/h6-bulletx.gif) no-repeat left;
}


.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #BCAA81;
}


img.borderedImg { border:solid;
border-color:#B69F69;
border-width: 8px; 
 }



a.navlink:link {color: #D20000; text-decoration: none; }
a.navlink:visited {color: #D20000; text-decoration: none; }
a.navlink:hover {color: #272727; text-decoration: underline; }
a.navlink:active {color: #D20000; text-decoration: none; }

a.internallink:link {color: #7B683B; text-decoration: none; }
a.internallink:visited {color: #7B683B; text-decoration: none; }
a.internallink:hover {color: #7B683B; text-decoration: underline; }
a.internallink:active {color: #7B683B; text-decoration: none; }

a.activemenulink:link {color: #27A021; text-decoration: none; }
a.activemenulink:visited {color: #27A021; text-decoration: none; }
a.activemenulink:hover {color: #27A021; text-decoration: underline; }
a.activemenulink:active {color: #27A021; text-decoration: none; }

a
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#ffffff;
	text-decoration:underline;
	line-height:19px;
}
a:link
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#ffffff;
	text-decoration:underline;
	line-height:19px;
}
a:visited
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#ffffff;
	text-decoration:underline;
	line-height:19px;
}
a:hover
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	line-height:19px;
}







a.smartlink
{
	font-family: Century Gothic, sans-serif;
	font-size: 18pt;
	color: #9B885E;
	text-align: justify;
	vertical-align: top;
	top: auto;
	margin: 10pt 20pt 20pt 40pt;
	line-height: 30pt;
	letter-spacing: 1px;
	text-decoration: none;
	list-style-type: none;
	list-style-image: url(images/smartlinkbullet.gif);
	list-style-position: left:-20px;
	}
a.smartlink:hover
{
	color: #5A461C;
	text-decoration:none;
}



a.smartlink2
{
	font-family: Century Gothic, sans-serif;
	font-style:italic;
	font-size: 18pt;
	color: #9B885E;
	text-align: center;
	vertical-align: top;
	top: auto;
	margin: 20pt 20pt 10pt 10pt;
	letter-spacing: 1px;
	text-decoration: none;
	}
a.smartlink2:hover
{
	color: #5A461C;
	text-decoration:none;
}



a.sidelink
{
	font-family: Century Gothic, sans-serif;
	font-size: 10pt;
	color: #9B885E;
	text-align: left;
	vertical-align: top;
	top: auto;
	margin:4pt 2pt 4pt 0pt;
	text-decoration: none;
	}
a.sidelink:hover
{
	color: #5A461C;
	text-decoration:none;
}





















ul.ListA {
	font-family: Century Gothic, sans-serif;
	font-size: 11pt;
	color: #9B885E;
	text-align: justify;
	vertical-align: top;
	top: auto;
	margin: 20pt 10pt 35pt 45pt;
	line-height: 15pt;
	letter-spacing: 1px;
	list-style-type: disc;
	list-style-image: url(images/listbullet.gif);
	list-style-position: left:-20px;
	}

ul.ListA li {margin: .6em 0}







/*main-menu-starts-here*/


/* CSS Document */
#newmenu {
	width:950px;
	height:20px;
	position:relative;
	z-index:100;
	left: 6px;
	top: 7px;
}
/* remove all the bullets, borders and padding from the default list styling */
#newmenu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#newmenu li {float:left; position:relative;}
#newmenu li:hover {background-color:#CFBE93;}








/* style the links for the top level */
#newmenu a, #newmenu a:visited {display:block; height:35px;  text-decoration:none; padding:30;  font-size:10pt; font-weight:normal; font-family: Verdana, Helvetica, Arial, sans-serif; padding-top:5px; text-align:center; 
 }
/* a hack so that IE5.5 faulty box model is corrected */
* html #newmenu a, * html #newmenu a:visited {h\eight:35px; font-size:10pt; font-weight:normal; font-family: Verdana, Helvetica, Arial, sans-serif;}

#newmenu a:hover{ padding-top:5px; text-align:center;}







/* hide the sub levels and give them a positon absolute so that they take up no room */
#newmenu ul ul {visibility:hidden;position:absolute;height:0;top:35px;left:0; background-image:none; margin-top:5px;}
/* another hack for IE5.5 */
* html #newmenu ul ul {top:35px;t\op:35px; background-image:none;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#newmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}













/* style the second level links */
#newmenu ul ul a, #newmenu ul ul a:visited {
font-size:10pt; 
font-weight:normal;
text-align:left;
background-position:0px 0px;
background-color:#9A8756;
line-height:30px;
color:#FFFFFF;
padding-left:18px;
height:30px;
border-width: 0 1px 1px 1px;
border-color:#C9B89F;
border-style:solid;
filter:alpha(opacity=94);
opacity:0.94;}
}
/* yet another hack for IE5.5 */
* html #newmenu ul ul a, * html #newmenu ul ul a:visited { 
line-height:30px;
}

/* style the top level hover */

/* THIS IS THE DROP DOWN HOVER BG COLOUR */

#newmenu ul ul a:hover
{
font-size:10pt; 
font-weight:normal;
text-align:left;
background-position:0px 0px;
background-color:#765E34;
line-height:30px;
color:#ffffff;
padding-left:18px;
height:30px;
border-width: 0 1px 1px 1px;
border-color:#C9B89F;
border-style:solid;
}

#newmenu ul ul :hover > a
{
line-height:30px;
}

#newmenu ul ul a.drop, .menu1 ul ul a.drop:visited {
background-color:#666666;
background-image:url(images/menu_bg.gif); background-repeat:no-repeat;
background-position:8px 12px;
}
/* style the second level hover */
#newmenu ul ul a.drop:hover{
background-color:#5D83D6;
}
#newmenu ul ul :hover > a.drop {
background-color:#5D83D6;
}

/* make the second level visible when hover on first level list OR link */
#newmenu ul li:hover ul,
#newmenu ul a:hover ul{visibility:visible;}

/* position the third level flyout menu */
#newmenu ul ul ul{left:169px; top:0px;}
#newmenu ul ul ul.left {width:150px;}



/* style the third level background */
#newmenu ul ul ul a, #newmenu ul ul ul a:visited {
background-image:url(images/menu_bg.gif); background-repeat:no-repeat;
background-position:0px 0px;
background-color:#F5ECDF;
line-height:30px;
color:#492D17;
padding-left:18px;
height:30px;
border-width: 0 1px 1px 1px;
border-color:#C9B89F;
border-style:solid;
filter:alpha(opacity=50);
opacity:0.5;}
* html #newmenu ul ul ul a, * html #newmenu ul ul ul a:visited {
line-height:25px;
}

/* style the third level hover */
#newmenu ul ul ul a:hover {
background-image:url(images/menu_bg.gif); background-repeat:no-repeat;
background-position:0px 0px;
background-color:#FDFEF8;
line-height:30px;
color:#492D17;
padding-left:18px;
height:30px;
border-width: 0 1px 1px 1px;
border-color:#C9B89F;
border-style:solid;
filter:alpha(opacity=100);
opacity:1;}
#newmenu ul ul ul :hover > a
{
line-height:30px;
}
/* make the third level visible when you hover over second level list OR link */
#newmenu ul :hover ul :hover ul{ visibility:visible;}
#newmenu ul :hover ul ul{visibility:hidden;}