/* CSS Document */

body {margin: 0px; padding: 0px; background-color: #000000;}

.brheight {line-height:7px;}


/*welcome message*/

.welcome_headline {font: bold 16px georgia, serif; color: #F2E1C0; margin-top: 35px; margin-bottom: 10px;}

.welcome_text {font: normal 11px/17px verdana, sans-serif; color: #D8C8A7;}



/*navcolmn*/

.navcolumn {background: url('images/navcolumn_bg.gif');}

/*



Here's a demo stylesheet used to format a menu and its content.

Feel free to alter the menu layout however you want. All you have to do is ensure the script

has the correct CSS property name (like 'visibility' or 'display') that you want it to change.



One good resource for UL/LI formatting: http://www.alistapart.com/articles/taminglists/

Consult your favourite CSS reference for editing fonts/borders/etc.



Otherwise, even if you're not very experienced at CSS, you can just go through and change

the #RGB border/background colours where suitable to customise for your site!



*/





/* All <ul> tags in the menu including the first level */

.menulist, .menulist ul {

	list-style-type: none;

    background-color: #433D1B;

	border-left: solid 4px #DC910F;

	margin: 0px;

	padding: 0px;

    voice-family: "\"}\"";

    voice-family: inherit;

    width: 162px;

}



/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */

.menulist ul {

	background-color: #5C532A;

	border-right:solid 1px #2A280C;

	border-left: solid 1px #2A280C;

	border-top:solid 1px #2A280C;

	visibility: hidden;

	position: absolute;

	top: 4px;

	left: 164px;

}



/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */

.menulist li {

    position: relative;

	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;

    margin-left: 0px;

    padding: 0;

}



/* Links inside the menu */

.menulist a {

	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;

    color:#E6E6B8;

	text-decoration: none;

    background-color: transparent;

	padding: 3px 0px 4px 10px;

	border-bottom: solid 1px #2A280C;

    display: block;

    voice-family: "\"}\"";

    voice-family: inherit;

}

/* IE fix because it doesn't support transparent borders 

* html .menulist a {

 border: none;

 margin: 1px;

}*/



/*

 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.

*/

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {

 color: #FFF;

 padding: 3px 0px 4px 10px;

 margin: 0;

 background-color: #5C532A;

}

.menulist a.highlighted {

 color: #FFF;

 background-color: #5C532A;

 margin: 0;

}



/*

 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);

    }

*/





/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */

.menulist a .subind {

float:right;

padding-right: 3px;

}



/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/

* html .menulist li {

 float: left;

 height: 1%;

}

* html .menulist a {

 height: 1%;

}

/* End Hack */





/*maincolumn */

#maincolumn {

	background-color: #FFFFE1; 

	background: url('images/maincolumn_bg.jpg'); 

	font: normal 12px/18px georgia, serif; color:#2A280C;	

	}	

#maincolumn a {font: normal 12px georgia, serif; color:#2A280C;}	

#maincolumn a:hover {color:	#753105;}

h1, .maincolumn_headline {font: bold 18px/18px georgia, serif; color: #000066;}

h2, .maincolumn_subhead	 {font: bold 16px/40px georgia, serif; color: #000066;}	

#maincolumn p {padding:0; margin:0; margin-top: 4px; padding-bottom: 5px;}

h3 {padding:0; margin:0; padding-top: 15px;}

h3, .maincolumn_subhead2 {font: bold 14px/18px georgia, serif; color:#2A280C;  margin-bottom: 8px;}

.maincolumn_updated {font: normal 11px/13px verdana, sans-serif; color: #5C532A;}	

.maincolumn_caption {font: normal 9px/12px verdana, sans-serif; color: #5C532A;}	

.maincolumn_padding {padding: 15px 15px 0px 25px;}

/* rightcolumn */

#rightcolumn {background: url('images/rightcolumn_bg.jpg') no-repeat #D5C390; border-left: solid 2px #827758; font: normal 12px/18px georgia, serif; color:#2A280C;}

#rightcolumn a {font: normal 12px/18px georgia, serif; color:#2A280C;}

#rightcolumn a:hover {color: #753105;}

.titlebar {background: url('images/titlebar.jpg'); padding:4px 0px 4px 5px; font: bold 14px/18px georgia, serif; color: #E6E6B8;}

.widgetpadding {padding: 10px;}



/*detail pages maincolumn */

#detail_maincolumn {

	background-color: #FFFFE1; 

	background: url('images/detail_maincolumn_bg.jpg'); 

	font: normal 12px/18px georgia, serif; color:#2A280C;	

	}	

#detail_maincolumn a {color:#2A280C;}	

#detail_maincolumn a:hover {color:	#753105;}

.detail_maincolumn_headline {font: bold 18px/18px georgia, serif; color: #000066;}

.detail_maincolumn_subhead	 {font: bold 16px/30px georgia, serif; color: #000066;}	

.detail_maincolumn_updated {font: normal 11px/13px verdana, sans-serif; color: #5C532A;}	

.detail_maincolumn_padding {padding: 20px 25px 0px 25px;}



.greatlent, .greatlent a {text-align: center; font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #C1A66F; text-decoration:none;}

.greatlent a:hover, .greatlent a.highlighted:hover, .greatlent a:focus {color: #C1A66F; text-decoration:underline;}



.photos_blurb {font: normal 12px/18px georgia, serif; color:#2A280C;}

.photos_blurb a {font: normal 12px georgia, serif; color:#2A280C;}	

.photos_blurb a:hover {color:#753105;}