/* CSS Document */

/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
}
/********************************  end of INITIAL section */

/*******LAYOUT FORMATTING********/
* html #mainFrame { /*IE specific hacks*/
	height: 100%;
	width:950px;
}
* html #goldFrame {
	width:950px;
}
html {
	min-width:1000px;
	height:100%;
}
body {
	margin:50px 100px 50px 100px;
	height:100%;
	min-height:100%;
	background-color: #644139; /*brown*/
}

#goldFrame {
	min-width:950px;
	border: 3px solid #d7b961; /*gold*/
	padding:8px 8px 15px 8px;
}
#mainFrame {
	width:100%;
	min-width:950px;
	min-height:100%;
	background-color:white;
}
#menuwrapper { /*contains the top menubar*/
	width:100%;
	background-color: #d7b961; /*gold*/
}
#col1 { /*contains the content to the left of the display*/
	float:left;
	background-color:white;
	padding:20px 1% 5px 5%;
	width:39%;
}
#col2 { /*contains the content to the right of the display*/
	float:left;
	background-color:white;
	padding:50px 5% 0px 1%;
	width:48.5%;
	font-size:.8em;
}
.centre {
	text-align:center;
}
#contentTitle {
	position:relative;
	left:20px;
	top:0px;
	z-index:0;
	/*margin-left:20px;
	margin-bottom:-55px;*/
}
#textCol2{
	position:relative;
	margin-top:-55px;
	top:0px;
	z-index:1;
}
#footerWrapper {
	background-color:white;
	width:100%;
	margin:-25px auto auto 0px;
}



/************UTILITIES*************************/
/*Clears the floated menu items.
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
/*class adds an icon after link indicating new window opens*/
a.notifyNew[href]:after {content: url(../img/icon_newWindow.gif);}


/********MAIN MENU FORMATTING & LAYOUT**********/
#p7menubar, #p7menubar ul {
	float:right;
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#p7menubar a { /*Root-Level Links*/
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	font-size: .8em;
	color: #ffffff;
}

#p7menubar a.trigger { /*Class assigned to those Root-Level links that have associated Sub-Menus*/
	cursor: default;
	padding: 5px 10px 5px 10px;
}

#p7menubar li { /*The Root-Level list items.*/
	float: left;
	width: 7em;
	margin-left:0;
}
/*
Sets width for Sub-Menu box and the List Items inside - in proportional em units. 
This allows the sub-menu width to expand if users resize the text in their browsers.
*/
#p7menubar li ul, #p7menubar ul li  {
	width: 8em;
}

#p7menubar ul li a  { /*The sub-menu links. */
	color: #ffffff;
	padding: 3px 10px 3px 10px;
	border-right: 1px solid white;
	border-bottom: 1px solid #white;
	border-top: 1px solid white;
	border-left: 1px solid white;
}

#p7menubar li ul { /* Sub-Menu Unordered Lists describes each dropdown sub-menu grouping.*/
	position: absolute;
	display: none;
	background-color: #d7b961;
}
/*Changes the Text color and background color when the Root-Level
menu items are moused over. */
#p7menubar li:hover a, #p7menubar a:focus, 
 #p7menubar a:active, #p7menubar li.p7hvr a {
	color: #ffffff;
	background-color: #b4975a;
}
/*Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over*/
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
/*Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over*/
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #ffffff;
	background-color: transparent;
}

#p7menubar ul a:hover { /*The normal hover class for Sub-Level links.*/
	background-color: #b4975a!important;
	color: #ffffff!important;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#p7menubar li {width: auto;}

/*****END OF MAIN MENU FORMATTING******/

/************FOOTER MENU FORMATTING****************/
#clearFooter {
	clear:both;
	height:32px;
}
#bottomMenu {
	padding: 0;
	margin: 0px 0px 0px 30px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#bottomMenu li {
	float: left;
	width: 7em;
	margin-left:0;
}
#bottomMenu a {
	display: block;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	font-size: .7em;
	color: #5f5f5f;
}
#bottomMenu a:hover, #bottomMenu a:focus, 
 #bottomMenu a:active, #bottomMenu li.p7hvr a {
	color: #ffffff;
	background-color: #d7b961;
}
/*#bottomMenu li:hover a, #bottomMenu a:focus, 
 #bottomMenu a:active, #bottomMenu li.p7hvr a {
	color: #ffffff;
	background-color: #d7b961;
}*/
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#bottomMenu li {width: auto;}
/*********END OF FOOTER MENU**********/


/******************MAIN CONTENT FORMATTING**************************/
#logo2 { /*standard logo placed middle top of col1*/
	display:block;
	margin:0px auto 0px auto;
	width: 250px;
}
#sideBar { /*sidebar formatting for text content on content pages*/
	background-color:#d7b961;/*gold*/
	width:180px;
	height:320px;
	border:1px solid #644139; /*brown*/
	padding:0px 7px 0px 7px;
	margin:20px auto 0px auto;
	font-size:.7em;
	
}
img.bigPic { /*single larger image on content pages*/
	display:block;
	margin:20px auto 0px auto;
	border:1px solid #d7b961;/*gold*/
	width:330px;
	padding:5px;
}
#scriptBox { /*container for slideshow script*/
	display:block;
	margin:20px auto 0px auto;
	border:1px solid #d7b961;/*gold*/
	width:330px;
	padding:5px;
}
#fourPics { /* container for 4 rollover pics on content pages */
	display:block;
	width:364px;
	margin:20px auto 0px auto;
	}

.littlePic { /*each of four rollover pics on content pages*/
	display:block;
	float:left;
	width:160px;
	margin:0px 10px 9px 0px;
	border:1px solid #d7b961;/*gold*/
	padding:5px;
}

#sideBar h3 {
	font-weight:bold;
	color:#b4975a; /*red-brown*/
}
#sideBar ul {
	list-style:none;
}
#sideBar a {
	text-decoration:none;
	color: #644139;
}
#sideBar a:hover {
	text-decoration:underline;
}

#col2 a {
	text-decoration:none;
	color:#993333;
}
#col2 a:hover {
	text-decoration:underline;
}
.h3 {
	font-weight: bold;
	color: #D7B961;
}
.emphasis {
	font-weight:bold;
	color:#b4975a; /*red-brown*/
	text-align:right;
}
	
/*all browsers but IE will ignore @import...use IEbasic.css to create IE specific styles*/

@import url(basic_ie6.css) screen;