* { padding: 0em; margin: 0em; }
body { background: #000000/* url('images/bg1.jpg')*/; padding: 35px 0px 35px 0px; }
body, input { font-size: 10pt; font-family: "georgia", "times new roman", serif; color: #333333; }
p { line-height: 1.5em; margin-bottom: 1.0em; text-align: justify; }
a { color: #B96D00; text-decoration: underline; }
a:hover { text-decoration: none; }
h3 span { font-weight: normal; }
h3, h4 { display: inline; font-weight: bold; background-repeat: no-repeat; background-position: right; }
h3 { font-size: 1.7em; padding-right: 34px; background-image: url('images/db1.gif'); }
h4 { font-size: 1.2em; padding-right: 28px; background-image: url('images/db2.gif'); }
.contentarea { padding-top: 1.3em; }
img { border: solid 0px #6F5230; }
img.left { position: relative; float: left; margin: 0em 1.8em 1.4em 0em; }
img.right { position: relative; float: right; margin: 0em 0em 1.8em 1.8em; }
.divider1 { position: relative; background: #fff url('images/border2.gif') repeat-x; height: 14px; margin: 2.0em 0em 1.5em 0em; clear: both; }
.divider2 { position: relative; height: 1px; border-bottom: solid 1px #eaeaea; margin: 2.0em 0em 2.0em 0em; }
.post .details { position: relative; top: -1.5em; font-size: 0.8em; color: #787878; }
.post ul.controls { clear: both; }
.post ul.controls li { display: inline; font-size: 0.8em; }
.post ul.controls li a { background-repeat: no-repeat; background-position: left; padding: 0em 1.0em 0em 20px; }
.post ul.controls li a.printerfriendly { background-image: url('images/icon-printerfriendly.gif'); }
.post ul.controls li a.comments { background-image: url('images/icon-comments.gif'); }
.post ul.controls li a.more { background-image: url('images/icon-more.gif'); }
.box { position: relative; background: #FDFCF6 url('images/boxbg.gif') repeat-x; left: -1.5em; top: -1.5em; padding: 1.5em; border-bottom: solid 1px #E1D2BD; margin-bottom: 1.0em; }
ul.linklist { list-style: none; }
ul.linklist li { line-height: 2.0em; }
#outer { z-index: 2; position: relative; /*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 82%; border: solid 7px #fff; background-color: #fff; margin: 0 auto; }
#gazelles { position: relative; width: 100%; height: 9.0em; background: #420b59 url('images/bg_gazelles.jpg') repeat-y; margin-bottom: 0px; }
#header { position: relative; width: 100%; height: 9.0em; background: #2B2B2B url('images/topbg.gif') repeat-x; margin-bottom: 2px; }
#headercontent { position: absolute; bottom: 0em; padding: 0em 2.0em 1.3em 1.0em; }
#headercontent h1 { font-weight: normal; color: #fff; font-size: 2.5em; }
#headercontent h1 sup { color: #777; }
#headercontent h2 { font-size: 1.0em; font-weight: normal; color: #aaa; }
#search { position: absolute; top: 5.5em; right: 2.0em; padding-right: 0.0em; }
#search input.text { margin-right: 0.5em; vertical-align: middle; border-top: solid 1px #000000; border-right: 0px; border-bottom: solid 1px #777777; border-left: 0px; padding: 0.15em; width: 10.0em; }
#search input.submit { background: #939B00 url('images/buttonbg.gif') repeat-x; border: solid 1px #5F6800; font-weight: bold; padding: 0.25em; font-size: 0.8em; color: #F2F3DE; vertical-align: middle; }
#headerpic { position: relative; height: 109px; background: #fff url('images/hdrpic.jpg') no-repeat top left; margin-bottom: 2px; }

#menu { position: relative; background: #c3332b url('images/menubg.gif') repeat-x top left; height: 3.5em; padding: 0em 1.0em 0em 1.0em; margin-bottom: 2px; background-color: #c3332b; }
#menu ul { position: absolute; top: 1.1em; }
#menu ul li { position: relative; display: inline; }
#menu ul li a { padding: 0.5em 1.0em 0.9em 1.0em; color: #fff; text-decoration: none; }
#menu ul li a:hover { text-decoration: underline; }
#menu ul li a.active { background: #c3332b url('images/menuactive.gif') repeat-x top left; }
#menubottom { background: #fff url('images/border1.gif') repeat-x; height: 14px; margin-bottom: 1.5em; }

#content { padding: 0em 2.0em 0em 2.0em; }

#primarycontainer { float: left; margin-right: -18.0em; width: 100%; }
#primarycontent { margin: 1.5em 22.0em 0em 0em; }
#secondarycontent { margin-top: 1.5em; float: right; width: 18.0em; }

#footer { position: relative; height: 2.0em; clear: both; padding-top: 5.0em; background: #fff url('images/border2.gif') repeat-x 0em 2.5em; font-size: 0.8em; }
#footer .left { position: absolute; left: 2.0em; bottom: 1.2em; }
#footer .right { position: absolute; right: 2.0em; bottom: 1.2em; }

.demoright { color:#FFFFFF; font:normal 11px Tahoma,Arial; padding:3px; border-left:1px solid #FFFFFF;
	background:url(images/demo-rightbg.gif) repeat-x bottom #5e128e; }
.demoright ul { list-style:circle; margin:12px 0px; padding-left:15px; }
.demoright ul li { margin:3px 0px; padding:0px; }
.demoright p { margin:12px 0px; }
.demoright div { padding:4px; }