@charset "UTF-8";
/* CSS Document */

@import url(/stylesheets/reset.css);

body {
	font-size:62.5%;
	font-family: "Avenir", Arial, "MS Trebuchet", sans-serif;
	height:100%;
	background:url(/g/bot.right.bg.jpg) bottom right no-repeat;
	padding-bottom:80px;
}

strong {
	font-weight:bold;
}

#frame {
	background:url(/g/top.left.bg.jpg) top left no-repeat;
}

#logo {
	display:block;
	background:url(/g/logo.png) top left no-repeat;
	width:266px;
	height:0px;
	padding-top:83px;
	overflow:hidden;
}

#nav {
	border-bottom:solid 20px #551735;
	float:left;
	width:100%;
	position:relative;
	margin-top:-12px;
}


#head ul {
	text-align:right;
	
	right:0;
	float:right;

}

#head li {

	padding-bottom:6px;
	padding-top:6px;
	float:left;
}

#head li a {
	font-weight:bold;
	color:#551735;
	text-decoration:none;
	font-size:1.3em;
	border-right:solid 2px #551735;
	padding:0 8px;

}

#head li a:hover {
	color:#C5C19D;
}

#head li li a:hover {
	color:#fff;
}

#head li.last a {
	border:none;
}
/*
#head li ul {
	display:none;
	position:absolute !important;
	top:20px;
	right:0;
	border:none;
	padding-top:3px;

}

#head li:hover ul {
	display:inline;

}
*/
#head li li a {
	color:#C5C19D;
	font-size:12px;
	border:none;
}

#cont h1 {
	font-size:3em;
	font-style: italic;
	font-weight:normal;
	margin-bottom:14px;
	margin-left:75px;
	margin-top:21px;
	color:#fff;
}

#cont h2 {
	font-size:1.8em;
	font-style: italic;
	color:#551735;
	margin-bottom:25px;
	font-weight:normal;
	margin-left:95px;
}

#cont td h2 {
	margin-left:0;

}

#contl h3 {
	font-size:1.4em;
	font-style: italic;
	color:#5F706D;
	margin-bottom:15px;
	font-weight:normal;
	margin-left:95px;
}

#cont p {
	font-size:1.4em;
	margin-bottom:1.12em;
	line-height:160%;
}

#contl p.small {
	font-size:1.2em;
	text-align:right;
}

#cont li {
	font-size:1.4em;
	line-height:160%;
}

#cont ul, #cont ol {
	margin:0 1em 1.12em 2.5em;
}

#cont li ul, #cont li ol {
	margin-left:1.5em;
	margin-bottom:0;
}

#cont ul {
	list-style:disc;
}

#cont ol {
	list-style-type: decimal;
	margin-left:3em;
}

#contl p {
	margin-left:95px;
}

#contl table {
    margin-left:95px;
	width:409px !important;
}

#contl table table, #contl table p, #contl table h3 {margin-left:0;}

#contl table ul, #contl table ol {margin-left:2.5em;}

#contl ul, #contl ol {
	margin-left:125px;
}

#cont li {
	font-size:1.4em;
}

#cont a {
	color:#00c;
	text-decoration:none;
}

#contl td {
	vertical-align:top;
	padding:5px;
}

li li, li p, li li p {
	font-size:1em !important;
}

#head {
	width:820px;
	margin:0 auto 25px;
	padding-top:30px;
	height:118px;
	position:relative;
	z-index:400;
}

#cont {
	width:840px;
	margin:0 auto;
	position:relative;

}

#cont-frame {
	float:left;

	width:840px;
	background:url(/g/cont.top.png) no-repeat top;
}

#cont-frame-red {
	background:url(/g/contr.bot.png) 527px bottom no-repeat ;
	float:left;
}

#contl, #contr {
	float:left;
	display:inline;
}

#contl {
	width:504px;
	margin-right:23px;
}

#contr {
	width:311px;
	margin-top:83px;
}

#contf {
	clear:both;
	height:34px;
	background:url(/g/cont.bot.png) no-repeat;
		margin-bottom:37px;
}

#contl li {
	list-style-image:url(/g/bullet.gif);
}

#contr p, #contr hr {
	margin-left:32px;
	margin-right:60px;
}

#contr img {
	display:block;
	margin:0 auto 1.12em 32px;
}

#contr h2 {
	margin-left:32px;
}

#contr hr {
	border:none;
	color:#ccd9d7;
	background:#ccd9d7;
	height:1px;
	margin-bottom:2em;
}

#contr ul {
	margin-left:57px;
	margin-right:60px;
}

#contr blockquote {
	text-align:right;
}

#contr blockquote:before {
	content: open-quote;
}

#contr blockquote:after {
	content: close-quote;
}

#footer {
	clear:both;
	width:820px;
	margin:0 auto;
	background:#551735;
	padding:6px 4px;
	
}

#footer p {
	font-size:1.2em;
	color:#C5C19D;
	text-align:center;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;

 left: 0px;
	top:21px;
 z-index:500 !important;
 background:#551735;
	 width:260px;
}

.menulist li li {
float:none !important;
clear:both;
width:250px;

}

.menulist li li a {

}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px;
 left: 260px;
}

/* All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.*/

.menulist li {
 float: left;
 position:relative;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */

.menulist ul li {
 margin: 0;
 padding: 0px !important;
 margin:0 !important;
}
/*.menulist ul>li:last-child*/ .menulist ul li.last {
  background:url(/g/gl/subnav.gif) no-repeat bottom; background-color:transparent; padding-bottom:20px !important;
}

/*.menulist ul>li:last-child*/.menulist ul  li.last a {border-bottom:none !important;}
.menulist ul li.first a {border-top:none !important;}
.menulist ul li a {background-image:none;}
/* Links inside the menu */
.menulist ul a {
 height:auto;
 padding: 8px !important;
 margin:0  !important;
 color: #FFF;
 text-decoration:  none;
 font-weight:bold !important;
 width:auto;
 border-bottom:solid 1px #744A38;
 border-top:solid 1px #4A3024;
 font-size:1.1em;
 cursor:pointer;

 display:block;

text-align:left;
	width:250px;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus 
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #A64;
}
.menulist  a.highlighted {
 color: #FFF;
 background-color: #C86;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/



/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac *
.menulist a {
 float: left;
}

/*
.menulist a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */

#head {
	position:relative;
}

.login {
	position:relative;
	right:0;
	top:0px;
	float:right;
}

.login strong {
	font-style:italic;
	font-size:1.4em;
	color:#551735;
	font-weight:normal;
	margin-bottom:3px;
	display:block;
}

.login input {
	border:solid 2px #C5C19D;
	width:80px;
	margin:0 8px 3px  0  ;
	color:#c5c19d;
}

.login a {
		color:#551735;
}

.login input.none {
border:none;
width:auto;
vertical-align:top;
}

.header01 {
color:#8B812F;

font-size:20px;
font-style:italic;
font-weight:bold;
}

.header02 {
color:#4F1D4E;

font-size:15px;
font-weight:bold;
}

#contr blockquote {
margin:1em 3em;}


#contr h2 {
	margin:1em !important;
}


/*
#contl object, #contl embed {
width:405px;
}

#contl embed {
margin-left:95px;}

#contl p embed {
margin-left:0;}*/
