﻿
/* reset all defaults with wildcard selector */
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}
	
/* HTML tags */

body, html { font-size: 100%; /*line-height: 1em; PROBLEMS WITH LARGE TEXT IN CMS*/ font-family: arial, verdana, helvetica, sans-serif; 
margin: 0; padding: 0; border: 0; background-color: #ffffff; background-image: url('../../images/stone_bg.jpg'); background-attachment: fixed; }

p { margin: 5px 0 0 0; padding: 0; }
	
/* display block for firefox or dissapear */	
hr { color: #534027; background-color: #534027; height: 1px; border:0; margin: 5px 0 5px 0; display: block; clear: both;}	

/* keep superscript and subscript text from breaking the line-spacing */
sub { position: relative; font-size: 0.8em; vertical-align: baseline; bottom: 0.00em; }
sup { position: relative; font-size: 0.8em; vertical-align: baseline; bottom: 0.25em; }

/* iframe for the google search results */
iframe { width: 500px; border: 0; min-height: 300px; }
iframe.facebook { width: 160px !important; border: 0; min-height: 62px !important; }

iframe html, iframe body { border: 0; margin: 0 !important;}
iframe div { font-size: smaller !important; margin: 0;}

/* flash */
object { margin: 0; padding: 0; border: 0; }

input:hover, input:focus { background-color: #FFDFDF;}
textarea:hover, textarea:focus { background-color: #FFDFDF;}

/* lists */
ul.bc-list { margin: 0; padding: 0; clear: both;}
ul.bc-list li { font-size: 1em; color: #000; margin: 0; padding: 2px 0 2px 20px; 
margin: 0; list-style-type: none; background-repeat: no-repeat; background-image: url('../../images/icons/bullet.gif'); 
background-position: 5px 6px; }

fieldset { padding: 15px; border: 1px solid #534027;  }
legend { color: #534027; padding:5px 3px 10px 3px; font-weight: bold;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	DEFAULT LINKS STYLE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a, a:link {color: #FF0000; text-decoration:none; font-weight: bold;}
a:visited {color: #FF0000; text-decoration: none;}
a:hover {color: #C6150D; text-decoration: underline; }
a:active {color: #C6150D; text-decoration: underline;}
a:focus {color: #C6150D; text-decoration: underline; }
a.no-bg:hover { background-color: Transparent;}
a.no-bg:focus { background-color: Transparent;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img { border: 0; }
img.border { border: 1px solid #534027 !important; }
img.no-border { border: 0 !important; }

img.float-left-margin { border: 1px solid #534027 !important; float: left; margin-right: 5px }
img.float-left-margin-noborder { border: 0; float: left; margin-right: 5px }
img.float-right-margin { border: 1px solid #534027 !important; float: right; margin-left: 5px }
img.float-right-margin-noborder { border: 0; float: right; margin-left: 5px }
img.float-right-margin-border { border: 2px solid #534027 !important; float: right; margin-left: 5px;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS  - CHECK FONT SIZE FOR RESIZING TEXT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	 
h1 { font-size:1.4em; margin: 0; font-family: Courier New; font-weight: bold;}
h2 { font-size:1.3em; margin: 5px; font-family: Courier New; font-weight: bold;}
h3 { font-size:1em; margin: 0; font-family: Courier New; font-weight: bold;}
h4 { font-size:1em; margin: 0; font-family: Courier New; font-weight: bold;}


/* ##################### CONTAINERS START HERE #############*/

/* outside wrapper for drop shadow effect */
div#shadow-wrapper { width: 808px; border: 0; margin: 5px auto 0 auto;  padding: 0; background-image: url('/Images/shadow_right.png');
	background-position: right 6px;	background-repeat: no-repeat; background-color: Transparent; }
	
/* master div that holds everything in place  */
div#wrapper { border: 1px solid #000000; background-color: #fff; margin: 5px auto 0 auto; 
    padding: 2px 0 2px 0; width: 800px; position: relative; /* for ajax bookmarks fade */}

/* make 10px longer than wrapper so shadow can jut out to the right and link to right shadow */
div#bottom-shadow { clear: both; display: block; width: 808px; height: 7px; overflow: hidden; 
background-image: url('/Images/shadow_bottom.png');	background-position: right top;	background-repeat: no-repeat; 
background-color: Transparent; /* centre as with wrapper */ margin: 0 auto 5px auto; }

/* header */

div#header-top-shadow { border: 0; background-color: Transparent; margin: 0; width: 800px; height: 12px; padding: 0;
     background-image: url('/Images/header-top-shadow.png'); background-position: bottom left; background-repeat: no-repeat; }
div#header { height: 70px; border: 0; background-color: #000000; margin: 0; width: 800px; padding: 0; }
div#header img { border: 0; margin: 12px 0 0 10px; width: 270px; height: 44px; float: left;}
div#header-bottom-shadow { border: 0; background-color: Transparent; margin: 0; width: 800px; height: 12px; padding: 0;
     background-image: url('/Images/header-bottom-shadow.png'); background-position: top left; background-repeat: no-repeat; }

div#header-icons { width: 21%; float: right; border: 0; margin: 8px 5px 0 0; padding: 0; color: #fff; font-size: 0.65em;  }
div#header-icons img.bc-icon { float: right; border: 0; margin: 0; padding: 0; height: 52px; width: 52px;}
div#header-icons span.rss { color: #ff8d06; }
div#header-icons span.twitter { color: #7abaca; }

div#header-icons a.twitter { float: left; color: #fff; display: block; padding: 2px 0px 2px 20px; margin: 0 0 2px 0;
    background: transparent url('/Images/Icons/follow-twitter.png') scroll no-repeat left center;}
div#header-icons a.rss { float: left; color: #fff; display: block; padding: 2px 0px 2px 20px; margin: 0;
    background: transparent url('/Images/Icons/rss-small.png') scroll no-repeat left center;}
div#header-icons a:hover, div#header-icons a:focus { color: #FF0000; text-decoration: none; }

/* search box */
div#header-icons input.search-box { float: left; border: 1px solid #534027; margin: 2px 2px 0 0; padding: 1px; 
                                    width: 75px; height: 10px; text-transform: lowercase; direction: ltr; 
                                    display: inline;}
div#header-icons input.search-box:hover, div#search input.search-box:focus { background-color: #FFDFDF; }
div#header-icons input.search-button { float: left; display: inline; border: 0; padding: 0 0 3px 0; margin: 2px 0 0 0; 
    width: 25px; height: 14px; background-color: #534027;  color: #fff; vertical-align: top;}
div#header-icons input.search-button:focus, div#search input.search-button:hover { color: #FF0000 !important; cursor: pointer; }


/* top nav */
div#top-navigation { clear: both; border: 0; margin: 0; padding: 0 5px 0 5px; font-weight: bold; color: #534027 !important;
    font-size: 1.0em; font-family: Courier New; background-color: Transparent;}
div#top-navigation ul {  margin: 0 5px 0 5px; padding: 0; list-style: none; }
div#top-navigation ul li { margin: 0; padding: 0; display: inline;}
div#top-navigation a, div#top-navigation a:link { color: #534027 !important; }
div#top-navigation a:hover, div#top-navigation a:focus { color: #FF0000 !important;  }
div#top-navigation a.selected { color:#FF0000 !important; text-decoration: underline !important; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN CONTENT & LEFT AND RIGHT CONTAINERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#main-content { border: 0; margin: 0; width: 800px;  /*height: 100%; min-height: 100%; */ padding: 0;
    font-size: 0.70em; background-color: Transparent;}

/* width of left and right add up to 800x minus the borders */

div#left-content { float: left; border: 0; margin: 0; width: 594px; padding: 0; background-color: #fff;}
div#left-content img.banner { width: 594px; height: 175px; border: 0; margin: 0;}

/*	breadcrumbs - WATCH PADDING DOESNT INCREASE WIDTH! BREAKS CONTAINERS */
	
div#bread-crumbs { width: 90%; margin: 0; padding: 5px 0 3px 5px; border: 0; 
color: #000; font-size: 0.9em; font-weight: bold;}

/* lines under h3s */	
div.hr { border-bottom: 1px solid #000; margin: 2px 0 0 0; }	

/* #######	HOME PAGE  - x3 UCS width should be same width as banner 594px including padding/margin/borders */
/*  LEFT SIDE USER CONTROLS */

/* news list */
div#left-content div#news { position: relative; width: 187px; height: 50%; min-height: 200px; float: left; border-top: 1px solid #000; 
    border-right: 1px solid #000; border-bottom: 1px solid #000; margin: 6px 0 0 0; padding: 5px;}
div#left-content div#news h3 { margin: 1px 0 0 0; padding: 5px; background-color: #534027; color: #fff;}
div#left-content div#news ul#news-list { margin: 0 !important; padding: 0; border: 0;}
div#left-content div#news ul#news-list li { clear: both; display: block !important; margin: 10px 0 10px 0 !important; 
padding: 0 0 0 15px; border: 0; background: url('../../Images/Icons/bullet.gif') 0 12px no-repeat; height: 45px; list-style-type: none;}
div#left-content div#news ul#news-list li img.thumb { float: left; clear: both; height: 40px; width: 40px; 
border: 2px solid #534027 !important; margin: 3px;}
div#left-content div#news ul#news-list li a { margin: 0; padding: 0;}

/* RSS graphic */
/* dont specify top to keep flush on bottom line */
/* An element with position: absolute is positioned at the specified coordinates relative to its containing block which must 
be set as position: relative. The element's position is specified with the "left", "top", "right", and "bottom" properties */
div#rss { z-index: 5; position: absolute; bottom: -3px; left: 5px; border: 0; margin: 0; padding: 0; }
div#rss img { border: 0; margin: 0; }
div#rss a.icon { border: 0; margin: 0; padding: 0; vertical-align: baseline ;}
div#rss a.text{ border: 0; margin: 0; padding: 0; vertical-align: super;}


/* flash video */
div#left-content div#videos { width: 187px; height: 50%; min-height: 200px; float: left; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;
    margin: 6px 0 0 0; padding: 5px;}
div#left-content div#videos h3 { margin: 1px 0 0 0; padding: 5px; background-color: #534027; color: #fff;}
div.video-border { z-index: 1; width: 185px; height: 130px; border: 1px solid #534027 !important;  margin: 5px 0 0 0; padding: 0 !important; }
object.you-tube { width: 185px; height: 130px; margin: 0; border: 0; z-index: -1 !important; }
img.video-image { margin: 30px 0 0 30px; border: 0; }

/* twitter */
div#left-content div#twitter { width: 187px; height: 50%; min-height: 200px; float: left; border-top: 1px solid #000; border-right: 0; 
    border-bottom: 1px solid #000000;  margin: 6px 0 0 0; padding: 5px 6px 5px 5px; }
div#left-content div#twitter h3 { margin: 1px 0 0 0; padding: 5px; background-color: #534027; color: #fff;}

/*  ############## RIGHT SIDE USER CONTROLS #################### */

/* right side  - width to add up to 800px - banner 594 + 206 */
div#right-content { float: right; border: 0; margin: 0; width: 206px; padding: 0; background-color: Transparent;
background-image: url('/Images/rose-370.png'); background-position: 105% bottom; background-repeat: no-repeat; }

/* min-height to align with left hand blocks */
div#right-content div#who-are-we { width: 196px; height: 60%; min-height: 152px; border-top: 1px solid #000; 
    border-left: 1px solid #000; margin: 6px 0 0 0; padding: 5px; background-color: Transparent;}
div#right-content div#who-are-we h3 { margin: 1px 0 0 0; padding: 5px; background-color: #534027; color: #fff;}

div#right-content div#social-networks { width: 196px; height: 30%; min-height: 233px; border-left: 1px solid #000;
     border-bottom: 1px solid #000; margin: 0; padding: 5px; background-color: Transparent;}
div#right-content div#social-networks h3 { margin: 1px 0 0 0; padding: 5px; background-color: #534027; color: #fff;}
/* flash carousel */
div#right-content div#social-networks div#flash-zindex { z-index: 0 !important; width: 160px; height: 80px; border: 0; }
div#right-content div#social-networks object.carousel { width: 160px; height: 80px; margin: 0; border: 0; z-index: 0 !important; }
div#right-content div#social-networks img.flash-image { margin: 21px 0 25px 0; border: 0; }
div#right-content div#social-networks img.networks { border: 1px solid #534027 !important; margin: 0; }


/* news pager */
div#right-content div#news-pager { width: 196px; height: 90%; min-height: 300px; border-top: 1px solid #000;  border-left: 1px solid #000;
     border-bottom: 1px solid #000; margin: 25px 0 0 0; padding: 5px; background-color: Transparent;}
div#right-content div#news-pager h3 { margin: 1px 0 0 0; padding: 5px; background-color: #534027; color: #fff;}
div#right-content div#news-pager ul#news-list { margin: 0 !important; padding: 0; border: 0;}
div#right-content div#news-pager ul#news-list li { clear: both; display: block !important; margin: 10px 0 10px 0 !important; 
padding: 0 0 0 15px; border: 0; background: url('../../Images/Icons/bullet.gif') 0 12px no-repeat; height: 45px; list-style-type: none;}
div#right-content div#news-pager ul#news-list li img.thumb { float: left; clear: both; height: 40px; width: 40px; 
border: 2px solid #534027 !important; margin: 3px;}
div#right-content div#news-pager ul#news-list li a { margin: 0; padding: 0;}

/* news pager */
div#right-content div#news-pager span.pager-link {color: #534027; background-color: #C6BF95 !important; padding: 3px; }
div#right-content div#news-pager span a.pager-link { color: #FF0000; text-decoration: none; padding: 2px; border: 1px dashed #C6BF95;}
div#right-content div#news-pager span a.pager-link:hover, div#right-content div#news-pager span a.pager-link:hover
{ text-decoration: underline; border: 1px solid #C6BF95 !important;}

div#right-content div#news-pager span.pager-text { display: block;  margin: 5px 0 0 0; color: #534027; background-color: #C6BF95;
 padding: 3px; }




/* ## GENERIC MASTER PAGE  #########*/
/* ####### CMS GENERATED CONTENT ###########*/

div#left-content div#text-area { width: 98%; border: 0; margin: 0 0 5px 0; padding: 5px; font-size: 1em; color: #000; min-height: 200px;}
/* brown headers */
div#left-content div#text-area h2 { clear: both; font-size: 1.3em; padding: 5px; background-color: #534027; color: #fff; 
margin: 5px 0 5px 0;}

div#left-content div#text-area h3 { clear: both; font-size: 1.3em; padding: 5px; color: #534027; margin: 5px 0 5px 0;}
div#left-content div#text-area strong { font-weight: bold; }

/* lists */
div#left-content div#text-area ul { margin: 0; padding: 0; clear: both;}
div#left-content div#text-area ul li { font-size: 1em; color: #000; margin: 0; padding: 2px 0 2px 20px; 
margin: 0; list-style-type: none; background-repeat: no-repeat; background-image: url('../../images/icons/bullet.gif'); 
background-position: 5px 6px; }


/* deprecated tags */
div#left-content div#text-area b { font-weight: bold; }
div#left-content div#text-area i { font-style: italic; }

/* images from CMS to have border and float left*/
div#left-content div#text-area img { float: left;  border: 1px solid #534027 !important; margin: 0 5px 5px 0; }
div#left-content div#text-area img.float-left-margin { border: 1px solid #534027 !important; float: left; margin-right: 5px }
div#left-content div#text-area img.float-right-margin { border: 1px solid #534027 !important; float: right; margin-left: 5px }
/* override borders */
div#left-content div#text-area img.shoppingcart { display: inline !important; border: 0 !important; float: none !important; margin: 0; }

/* site map - remove border on resource.axd */
/* override borders */
div#left-content div#text-area div.sitemap img { border: 0 !important;  }


/* twitter now in right side DIV*/
div#right-content div#twitter { width: 196px; height: 60%; min-height: 152px; border-top: 1px solid #000; 
    border-left: 1px solid #000; margin: 25px 0 0 0; padding: 5px; background-color: Transparent;}
div#right-content div#twitter h3 { margin: 1px 0 0 0; padding: 5px; background-color: #534027; color: #fff;}
div#right-content div#twitter div#twitter_div { margin: 0; background-color: Transparent;}


/* contact page table */
table.contact { border: 0; margin: 0; padding: 0; width: 95%;}
table.contact th { padding: 5px;  font-weight: bold; background-color: #C6BF95; border: 1px solid #C6BF95; color: #fff;}
table.contact td { padding: 5px; border: 1px solid #fff; vertical-align: top;  }

table.contact td select { border: 1px solid #C6BF95; width: 347px; padding: 2px; color: #534027 !important; }
table.contact td input { border: 1px solid #C6BF95; width: 340px; padding: 2px; color: #534027 !important; }
table.contact td textarea { border: 1px solid #C6BF95; width: 340px; padding: 2px; color: #534027 !important;}
table.contact td input.button { display: inline; border: 0; padding: 3px; margin-right: 5px; 
width: 60px; background-color: #C6BF95; font-weight: bold; }
table.contact td input.button:hover, table.contact td input.button:focus { color: #FFDFDF !important; background-color: #534027; cursor: pointer;}

/* accessibility */
table.access { border: 0; margin: 10px 0 10px 0; padding: 0; width: 70%;}
table.access th { padding: 5px;  font-weight: bold; 
background-color: #C6BF95; border: 1px solid #C6BF95; color: #fff !important;}
table.access td { padding: 5px; border: 1px solid #C6BF95;  }
table.access td.key { width: 15%;  }

/* gap under main content */

div#bottom-content { margin: 0; border: 0; padding: 0; clear: both; height: 10px;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CMS CONTAINERS & LAYOUT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#cms-content { float: left; border: 0; margin: 0; width: 95%; padding: 10px; background-color: #fff; 
min-height: 350px;}

/* all buttons */
div#cms-content input.button { display: inline; border: 0; padding: 3px; margin: 0; 
width: 60px; background-color: #C6BF95; font-weight: bold; color: #534027; }
div#cms-content  input.button:hover,div#cms-content div#text-area input.button:focus 
{ border: 0; cursor: pointer; color: #FFDFDF !important; background-color: #534027;}


div#cms-content div#text-area { width: 98%; border: 0; margin: 0 0 5px 0; padding: 5px; /*font-size: 0.9em;*/
 color: #000;}
div#cms-content div#text-area h2 { font-size: 1.3em; padding: 5px; background-color: #534027; color: #fff;
 margin: 0 0 5px 0;}



div#cms-content div#editor{ width: 98%; border: 0; margin: 0 0 5px 0; padding: 5px; /*font-size: 0.9em;*/
 color: #000;}
div#cms-content div#editor h2 { font-size: 1.3em; padding: 5px; background-color: #534027; color: #fff;
 margin: 0 0 5px 0;}

/* login page */
div#editor table.login { border: 0; margin: 40px auto 10px auto; padding: 0; 
width: 50% !important; border-collapse: collapse; border-spacing: 0;}
div#editor table.login th { padding: 5px; font-weight: bold; 
background-color: #534027; border: 1px solid #534027; color: #fff !important;}
div#editor table.login td { padding: 5px; border: 1px solid #534027;  }
div#editor table.login td.centre { text-align: center;}
div#editor table.login td input { border: 0; }
div#editor table.login td input.text { border: 1px solid #534027; width: 200px;}


img.user-icon { margin: 0 1px 0 0; border: 0; vertical-align: middle;  }
img.intruder-icon { margin: 0 1px 0 0; border: 0; float: left;  }

/* editor container */


div#cms-content div#editor table { width: auto; }
div#cms-content div#editor table td { vertical-align: middle; }
div#cms-content div#editor table td input { margin: 0 !important;   }
/* html view */
div#cms-content div#editor table td textarea { width: 98% !important; margin: 0 !important; background-color: #fff !important;  }
/* design view */
div#cms-content div#editor table iframe { width: 98% !important; }



/* editor save area */
div#editor table.save { border: 0; margin: 20px 0 10px 0; padding: 0; width: 70% !important; 
border-collapse: collapse; border-spacing: 0;}
div#editor table.save tr td { padding: 5px; border: 0; vertical-align: middle;  }
div#editor table.save tr td.save { width: 15% !important;  }

div#editor table.save tr td a.web { margin: 0; border: 0; padding: 4px; 
 background-color: #C6BF95 !important; font-weight: bold; color: #534027; width: 100% !important;  }
div#editor table.save tr td a.web:hover, div.editor table.save tr td a.web:focus { color: #FFDFDF !important; background-color: #534027 !important; 
text-decoration: none !important;}


/* NEWS ITEMS */

/* add news */
div#editor fieldset#add-news table.add-news { width: 100%; border: 0; margin: 0; border-collapse: collapse; border-spacing: 0; }
div#editor fieldset#add-news table.add-news td { padding: 3px; border: 0; vertical-align: top !important; }
div#editor fieldset#add-news table.add-news td.text-cell { width: 35%; }
div#editor fieldset#add-news table.add-news td.control-cell { width: 65%;  }
div#editor fieldset#add-news table.add-news tr.padding-top td { padding-top: 10px !important;  }


div#editor fieldset#add-news table.add-news input { color: #000; width: 250px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #C6BF95;  }
div#editor fieldset#add-news table.add-news input.TextBox { color: #000; width: 250px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #C6BF95;  }
div#editor fieldset#add-news table.add-news textarea.TextArea { font-family: MS Shell Dlg !important; font-size: 1.0em !important; color: #000; 
width: 250px !important; height: 150px !important; margin: 0 2px 0 0; padding: 1px; border: 1px solid #C6BF95;  }
div#editor fieldset#add-news table.add-news textarea.TextArea:hover, div#editor fieldset#add-news table.add-news textarea.TextArea:hover
 { background-color: #FFDFDF !important;  }

div#editor fieldset#add-news table.add-news input.FileUpload { color: #000; width: 255px !important; margin: 0 5px 0 0; padding: 1px; border: 1px solid #C6BF95;  }
/* checkbox*/
div#editor fieldset#add-news table.add-news span.checkbox input { width: auto !important; margin: 0 !important;  border: 0 !important;  }

div#editor fieldset#add-news input.Button { width: 20% !important; border: 0 !important; background-color: #C6BF95;
padding: 3px; font-size: 0.8em; margin: 0; font-weight: bold; color: #534027; }
div#editor fieldset#add-news input.Button:hover, 
div#editor fieldset#add-news input.Button:focus { cursor: pointer; color: #FFDFDF !important; background-color: #534027; }


/* edit news grid and detailsview */
table.NewsSkin { margin: 5px; padding: 0; width: 95%; border: 1px solid #C6BF95; 
                                border-collapse: collapse; border-spacing: 0; font-size: 1em !important; }
table.NewsSkin th { background-color: #C6BF95; font-weight: bold; color: #534027; padding: 3px; border: 1px solid #C6BF95; }
table.NewsSkin th.text-left { text-align: left !important; }
table.NewsSkin td { vertical-align: top !important;  font-weight: normal; color: #000; padding: 3px; border: 1px solid #C6BF95; }
table.NewsSkin td.centre-all { width: 50%; text-align: center;}

table.NewsSkin tr.header td { background-color: #C6BF95 !important; font-weight: bold !important; color: #534027 !important; }
table.NewsSkin td.text-cell { width: 25% !important; }
table.NewsSkin td.control-cell { width: 75% !important;  }
/* images */
table.NewsSkin td img.thumbnail { width: 75px; height: 75px; border: 2px solid #C6BF95 !important;  }
table.NewsSkin td img.news-image { /*width: 75px; height: 75px;*/ border: 2px solid #C6BF95 !important; float: left !important;  }

/* forms */
table.NewsSkin input.TextBox { font-size: 1.0em !important;  color: #000; width: 325px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #C6BF95;  }
table.NewsSkin textarea.TextArea { font-family: MS Shell Dlg !important; font-size: 1.0em !important; color: #000; 
width: 325px !important; height: 150px !important; margin: 0 2px 0 0; padding: 1px; border: 1px solid #C6BF95;  }
table.NewsSkin input.FileUpload { color: #000; width: 225px; margin: 0 5px 0 0; padding: 1px; border: 1px solid #C6BF95;  }





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER CONTAINERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#footer-top-shadow { clear: both; border-top: 1px solid #000; background-color: Transparent; margin: 0; width: 800px; height: 12px; padding: 0;
     background-image: url('/Images/header-top-shadow.png'); background-position: bottom left; background-repeat: no-repeat; }
div#footer { height: 35px; border: 0; background-color: #000000; margin: 0; width: 800px; padding: 0; color: #fff; font-size: 0.65em;}
div#footer-bottom-shadow { border: 0; background-color: Transparent; margin: 0; width: 800px; height: 12px; padding: 0;
     background-image: url('/Images/header-bottom-shadow.png'); background-position: top left; background-repeat: no-repeat; }

div#footer-links { width: 40%; float: left; border: 0; margin: 10px 5px 10px 5px; padding: 0; color: #fff;   }
div#footer-links ul { border: 0; margin: 0; padding: 0; list-style: none; }
div#footer-links ul li { border: 0; margin: 0; padding: 0; display: inline;   }
div#footer-links ul li a { color: #fff;  }

/* social bookmarks */
div#footer-icons { width: 55%; float: right; border: 0; margin: 10px 0 10px 0; padding: 0; color: #fff;  }
div#footer-icons ul { border: 0; margin: 0; padding: 0; list-style: none; }
div#footer-icons ul li { border: 0; margin: 0; padding: 0; display: inline; }
div#footer-icons ul li a.delicious { color: #fff; display: inline; padding: 2px 0px 2px 20px; margin: 5px 3px 5px 0;
    background: transparent url('/Images/Icons/delicious.gif') scroll no-repeat left center;}
div#footer-icons ul li a.digg { color: #fff; display: inline; padding: 2px 0px 2px 20px; margin: 5px 3px 5px 0;
    background: transparent url('/Images/Icons/digg.png') scroll no-repeat left center;}
div#footer-icons ul li a.reddit { color: #fff; display: inline; padding: 2px 0px 2px 20px; margin: 5px 3px 5px 0;
    background: transparent url('/Images/Icons/reddit.gif') scroll no-repeat left center;}
div#footer-icons ul li a.facebook { color: #fff; display: inline; padding: 2px 0px 2px 20px; margin: 5px 3px 5px 0;
    background: transparent url('/Images/Icons/facebook.gif') scroll no-repeat left center;}
div#footer-icons ul li a.stumbleupon { color: #fff; display: inline; padding: 2px 0px 2px 20px; margin: 5px 3px 5px 0;
    background: transparent url('/Images/Icons/stumbleupon.gif') scroll no-repeat left center;}

div#footer-icons a:hover, div#footer-icons a:focus { color: #FF0000; text-decoration: none; }

/*AJAX animation extender - DIV positioned absolute from wrapper */
.flyOutDiv {  overflow: visible !important; display: none; position: absolute; /*top: 310px;*/ bottom: 35px; left: 530px; width: 250px !important; z-index: 100 !important;
 /* CSS 3 opacity: 0; filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0)); */font-size: 0.65em !important; border: solid 1px #CCCCCC;
             background-color: #FFFFFF; padding: 5px; }
.flyOutDiv h3 { color: #534027; font-size: larger;  }

.flyOutDivCloseX { background-color: #C6BF95; color: #FFFFFF; text-align: center; font-weight: bold; text-decoration: none;
                    border: outset thin #FFFFFF; padding: 5px; } 

/* bottom footer */

div#sub-footer { clear: both; height: 18px; border: 0; margin: 0; width: 796px; padding: 0 2px 0 2px; color: #000; font-size: 0.55em;}
div#sub-footer div#client { float: left;  border: 0; margin: 0; padding: 0; color: #000; }
div#sub-footer div#phuture { float: right;  border: 0; margin: 0; padding: 0; color: #000; text-align: right; }
div#sub-footer div#phuture a.phuture { color: #000; display: inline; padding: 3px 20px 3px 0; margin: 5px 0 5px 0;
    background: transparent url('/Images/Icons/pd.gif') scroll no-repeat right 0; }
div#sub-footer div#phuture a.phuture:hover, div#sub-footer div#phuture a.phuture:focus { color: #6699CC !important; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* BC colour scheme */
.pink {color: #FFDFDF; }
.red {color: #FF0000; }
.dark-red { color: #C6150D;}
.darker-red { color: #8C2B1A; }
.brown { color: #534027;}
.light-brown { color: #A9A07A;}
.lighter-brown { color: #C6BF95; }
.brown-bold { color: #534027; font-weight: bold;}

.none { display:none; }
.block { display: block;}
.inline { display: inline;}

.bold { font-weight: bold; }
.bold-large { font-weight: bold; font-size: 1.1em; }
.bold-larger { font-weight: bold; font-size: larger; }
.bold-italic { font-weight: bold !important; font-style: italic; }
.bold-orange { color: #e66d3b; font-weight: bold; font-size: 1.1em; }
.italic { font-style: italic; }

.float-left { float: left;}
.float-right { float: right;}
.float-right-inline { float: right; display: inline !important;}

.backgroundRed { background-color : Red !important;}
.small-italic { font-style: italic; font-size: smaller;}
.red { color:Red;}
.red-bold { color: Red; font-weight: bold;}
.red-bold-centre { color: Red; font-weight: bold; text-align: center;}

.pager-text { font-size: 0.9em;}
.smaller-text { font-size: smaller;}
.xx-smaller-text { font-size: xx-small;}
.footer-text { font-size: 0.9em !important;}

.no-bg { background-color: Transparent;}
.white-space { white-space: normal;}

.clear { clear: both;}
.arrow { vertical-align: middle;}
.top { vertical-align: top;}
.middle { vertical-align: middle;}
.bottom { vertical-align: bottom;}
