*
{
padding: 0em;
margin: 0em;
}

body
{
background: #bbb;
padding: 10px 0px 35px 0px;
}

body,input
{
font-size: small;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*font-family: "georgia", "times new roman", serif;*/
color: #333333;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
}

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;

}

h4
{
font-size: 1.2em;
padding-right: 28px;
}

.contentarea
{
padding: 1.3em 2.0em 0em 2.0em;
background:url(images/mcarthur2.jpg) no-repeat top right;
_background:url(images/mcarthur2.jpg) no-repeat top right;
}

.contentarea_gal
{
padding-top: 10px;
height:450px;
}

.contentarea_mac
{
padding: 1.3em 2.0em .3em 2.0em;
background:url(images/mcarthur.jpg) no-repeat top right;
height:auto;
}

.contentarea_mac1
{
padding: 1.3em 2.0em .3em 2.0em;
background:url(images/mcarthur.jpg) no-repeat top right;
height:330px;
}
.contentarea_mac_none
{
	padding: 1.3em 2.0em .3em 2.0em;
	background: url(images/mc_none_blue.jpg) no-repeat top right;
   _background: url(images/mc_none_blue.jpg) no-repeat top right;
    height:auto;
}

.contentarea_logo
{
padding: 1.3em 2.0em .3em 2.0em;
height:auto;
}

img
{
border: solid 1px #6F5230;
}

.noborder
{border:none;}

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: square;
}

ul.linklist li
{
line-height: 2.0em;
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 275px;
background: #bbb;
z-index: 1;
}

#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: 780px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}

#header
{
position: relative;
width: 100%;
height: 55px;
background: #2B2B2B url('images/topbg.gif') repeat-x;
margin-bottom: 2px;
}

#headercontent
{
	position: absolute;
	bottom: 2px;
	padding: 0em 2.0em 0em 2.0em;
	left: 1px;
}

#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: 140px;
background: #fff url('images/header.jpg') no-repeat top left;
margin-bottom: 2px;
}

#menu
{
position: relative;
background: #2B2B2B url('images/menubg.jpg') repeat-x top left;
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em .75em 0.9em .75em;
color: #fff;
font-weight:bold;
text-decoration: none;
}

#menu ul li a:hover
{
color:yellow;
text-decoration: underline;
}

#menu ul li a.active
{
background: #2B2B2B 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: 20px;
}

#content_home
{
padding: 0px;
}

#primarycontainer
{
float: left;

width: 100%;
}

#primarycontent
{
margin: 1.5em 22.0em 0em 0em;
_margin: 1.5em 22.0em 0em 20px;
}

#secondarycontent
{
margin-top: 1.5em;
float: right;
width: 18.0em;
}

#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 13px;
background: #fff url('images/border1.gif') repeat-x top left;
font-size: 0.8em;
border-top:2px solid white;
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000099;border-bottom: 1px solid #ccc;padding-bottom: 0.1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* image with caption */

 .floatleft
{
float: left;
width: auto;
margin: 10px 20px 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div.floatleft img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

.floatright
{
float: right;
width: auto;
margin: 0 20px 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div.floatright img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}
/* table CSS ,design */

table {
		border-collapse:collapse;
		background:#EFF4FB url('images/teaser.gif') repeat-x;
		border-left:1px solid #686868;
		border-right:1px solid #686868;
		font:0.8em/145% 'Verdana',helvetica,arial,trebuchet;
		color: #333;
}

td, th {
		padding:5px;
}

caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

/* =links
----------------------------------------------- */

table a {
		color:#950000;
		text-decoration:none;
}

table a:link {}

table a:visited {
		font-weight:normal;
		color:#666;
		text-decoration: line-through;
}

table a:hover {
		border-bottom: 1px dashed #bbb;
}

/* =head =foot
----------------------------------------------- */

thead th, tfoot th, tfoot td {
		background:#333 url('images/llsh.gif') repeat-x;
		color:#fff
}

tfoot td {
		text-align:right
}

/* =body
----------------------------------------------- */

tbody th, tbody td {
		border-bottom: dotted 1px #333;
}

tbody th {
		white-space: nowrap;
}

tbody th a {
		color:#333;
}

.odd {}

tbody tr:hover {
		background:#fafafa
}
/* tables style */
.style1 {color: #FF0000}
.style2 {color: #0000FF}
/* end tables style */