/************************************************************************
	Title: FACCTS ONLINE - beta
	File: global.css
	
	GLOBAL CSS 
	==========
	
	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique
	
	Author:		Elroy Blackwood		[elroy@indelible-design.co.uk]

	Listing Order:
	==============

	Universal
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Forms
	Gallery

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

html, body { 
	margin: 0px;
	padding: 0px;
	height: 100%
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th, span {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	list-style-position: inside;
	list-style-type: disc;
}

body {
	background-image: none;
}

body.LTR {
	background-image: url(../images/background.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

h1, h2, h3{
	margin-bottom: 10px;
	font-weight: bold;
}

h4 {
	margin-bottom: 5px;
}

h1, h2 {
	font-family: Interstate-Regular, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
	/*font-weight: normal;*/
}

h4 {
	font-size: 0.8em;
	/*font-weight: normal;*/
}

p {
	font-size: 0.7em;
	line-height: 1.6em;
}

p a {
	color: #005139;
	text-decoration: none;
	border-bottom: 2px dotted #DCDCDC;
}

p a:hover {
	border-bottom: 2px solid #DCDCDC;
}

/***********************************************************************
	COLOURS
************************************************************************/

.orange {color: #F99C31;}
.bluegrey {color: #59849E;}
.yellow {color: #FEF000;}
.green {color: #004F37;}
.pink {color: #840A6F;}
.red {color: #8B1E01;}
.lightblue {color: #00BFF3;}
.blue {color: #00335E;}
.peach {color: #FCB670;}
.white {color: #FFFFFF;
	text-decoration: underline;
}

span {
	font-size: 1em;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/

#container {
	text-align: justify;
	width: 775px;
	background-color: #FFFFFF;
	margin: 10px auto 0px auto;
}
#top_left {
	background-image: url(../images/top_left.jpg);
	height: 14px;
	width: 14px;
	float: left;
	clear: both;
}
#border_container_top {
	height: 14px;
	width: 775px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 10px;
}
#border_container_bottom {
	height: 14px;
	width: 775px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 0px;
}
#top_right {
	background-image: url(../images/top_right.jpg);
	float: right;
	height: 14px;
	width: 14px;
}
#bottom_left {
	background-image: url(../images/bottom_left.gif);
	height: 14px;
	width: 14px;
	float: left;
}
#bottom_right {
	background-image: url(../images/bottom_right.gif);
	float: right;
	height: 14px;
	width: 14px;
}
.border_center {
	background-color: #FFFFFF;
	float: left;
	width: 747px;
	height: 14px;
}

#container {
	text-align: justify;
	width: 747px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 14px;
	padding-left: 14px;
}
#container2 {
	text-align: justify;
	width: 747px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 14px;
	padding-left: 14px;
	padding-top: 10px;
	height: auto;
}
#logo {
	width: 163px;
	height: 100px;
	float: left;
	font-size: 10px;
	color: #666666;
	text-align: center;
}
#header {
	background-color: #FFFFFF;
	height: 110px;
	width: 747px;
	background-image: url(../images/menu_top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#menu_top {
	width: 747px;
}
#menu {
	width: 775px;
	margin-right: auto;
	margin-left: auto;
}
#menu img{
	display: inline;
}

#menu a {
	text-decoration: none;
}

#main_content {
	float: left;
	width: 515px;
	clear: both;
	background-image: url(../images/left_edge.jpg);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #9DD929;
	padding-left: 20px;
}
#main_content_cover_img{
	width: 500px;
}
.main_content td{
	background-color: #009966;
}
#right_content {
	float: right;
	width: 170px;
	padding-left: 15px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #79DB00;
	clear: right;
}
#top_left_grn {
	height: 19px;
	width: 31px;
	background-image: url(../images/top_left_grn.jpg);
	float: left;
}
#top_grn_container {
	width: 551px;
	float: left;
	background-color: #9DD929;
}
#top_right_grn {
	background-image: url(../images/top_right_grn.jpg);
	float: right;
	height: 19px;
	width: 31px;
}

#bottom_left_grn {
	height: 37px;
	width: 31px;
	background-image: url(../images/bottom_left_grn.gif);
	float: left;
}
#bottom_grn_container {
	width: 551px;
	float: left;
}
#bottom_right_grn {
	background-image: url(../images/bottom_right_grn.gif);
	float: right;
	height: 37px;
	width: 31px;
}
#bottom_grn_center {
	background-image: url(../images/bottom_edge.jpg);
	height: 37px;
	width: 489px;
	float: left;
}
.cast_container {
	background-color: #FFFFFF;
	width: 235px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #9DD929;
	font-size: 14px;
	height: 140px;
	margin-bottom: 10px;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
	padding-left: 5px;
}
.cast_container img {
	float: right;
	height: 70px;
	width: 93px;
	padding-left: 10px;
}
.castdetails li.none { 
	visibility: hidden; 
}
.cast_container h3 {
	color: #79DB00;
}
.cast_description {
	font-size: 1em;
}
.events_desc{
	height: 90px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	/*text-align: right;*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D3D3D3;
}
.events_desc img{
	height: 90px;
	float: right;
	width: 120px;
}
#mission_statement {
	font-size: 11px;
	color: #666666;
	float: right;
	font-style: italic;
	width: 530px;
}
#news_container {
}
.newsitem_img {
	float: right;
	height: 105px;
	width: 140px;
	padding-left: 5px;
}
.newsitem {
	border-top: 1px dotted #D3D3D3;
	height: 110px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	/*text-align: right;*/
}

.newsitem2 {
	border-top: 1px dotted #D3D3D3;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	/*text-align: right;*/
}

.newsitem h3 {
	font-size: 0.7em;
	margin: 0px;
}

.newsitem h3 a {
	color: #508C00;
}

.newsitem p {
	font-size: 10px;
}
.subheading {
	border-top: 1px dotted #D3D3D3;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	/*text-align: right;*/
	margin-bottom: 10px;
}
.subheading h3 {
	font-size: 0.7em;
	margin: 0px;
}
.subheading h3 a {
	color: #FFFFFF;
}

.subheading p {
	font-size: 10px;
}
#main_content form {
	font-size: 0.7em;
}
/***********************************************************************
	NAVIGATION
************************************************************************/

/* Start of Main Nav */
#mainnav {
	float: right;
	margin-bottom: 10px;
}

#mainnav ul {
	margin: 5px 0px 0px 0px;
	font-size: 0.9em;
}

#mainnav ul li {
	margin-bottom: 5px;
	float: left;
	display: block;
	width: 125px;
}

#mainnav ul li ul li {
	margin-bottom: 5px;
	float: none;
}

#mainnav ul li a {
	color: #8B1E01;
	border-bottom: 2px solid #FFFFFF;
	margin-bottom: 8px;
	text-transform: uppercase;
	text-decoration: none;
}

#mainnav ul li ul li a {
	text-decoration: none;
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 2px;
	color: #666666;
	text-transform: none;
}

* html #mainnav ul li a, * html #mainnav ul li ul li a {
	text-decoration: none;
	border-bottom: 1px solid #EEEEEE;
}

#mainnav ul li a:hover, #mainnav ul li ul li a:hover, #mainnav ul li ul li.highlighted a {
	border-bottom: 2px solid #8B1E01;
}

#mainnav ul li a {
	border-bottom: 2px solid #FFFFFF;
}

/* End of main Nav */


/* Right navigation */
ul#CMSListMenu_SubMenu {
	font-size: 0.8em;
	margin-bottom: 20px;
}

ul.nav_right {
	font-size: 0.6em;
	margin-bottom: 20px;
}

ul#CMSListMenu_SubMenu ul, #left3col ul {
	margin: 10px 0px 0px 10px;
	font-size: 0.8em;
}

ul#CMSListMenu_SubMenu li, ul.nav_right li, #left3col li {
	margin-bottom: 10px;
}

ul#CMSListMenu_SubMenu li a, ul.nav_right li a, #left3col li a {
	text-decoration: none;
	border-bottom: 2px dotted #EEEEEE;
	padding-bottom: 2px;
	color: #666666;
	line-height: 1.7em;
}

ul#CMSListMenu_SubMenu li a:hover, ul#CMSListMenu_SubMenu li.highlighted a, #left3col li.highlighted a {
	border-bottom: 2px dotted #8B1E01;
	color: #8B1E01;
}

ul#CMSListMenu_SubMenu li.highlighted ul li a, #left3col li.highlighted ul li a {
	border-bottom: none;
	color: #666666;
}

ul.nav_right li a:hover, ul.nav_right li.highlighted a, #left3col li.highlighted a {
	border-bottom: 2px dotted #59849D;
	color: #59849D;
}
/* End of right navigation */


/***********************************************************************
	BODY ELEMENTS
************************************************************************/
.welcome {
	font-size: 1.2em;
}

/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/

#footer {
	padding: 1em;
	clear: both;
}

.nma {
	float: right;
	margin: 25px 10px 0px 0px;
}

.quality {
	float: right;
	margin: 0px;
}

.fox {
	float: left;
	margin: 5px 5px 0px 0px;
}

#footer p {
	font-size: 0.6em;
	color: #696969;
}

#footer a {
	text-decoration: none;
	color: #353535;
	border-bottom: none;
}

#footer a:hover {
	color: #999999;
}


#middle3col h3 {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
}
#MainTop {
	background-image: url(../images/main_top_back.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 775px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#MainTop_left {
	background-color: #FFFFFF;
	width: 44%;
	margin-left: 1.5%;
	filter:alpha(opacity=80);
	/* CSS3 standard */
  	opacity:0.8;
	padding: 1%;
	float: left;
	height: 155px;
}
#MainTop_right {
	background-color: #F9AD2A;
	width: 48%;
	margin-right: 2%;
	margin-left: 375px;
	padding: 1%;
	height: 155px;
}

.innertube{
	margin: 10px;
}

.left_panel {
	width:47%;
	float:left;
	margin-right: auto;
	margin-left: auto;
	padding: 1%;
	}
	
.right_panel {
	width:48%;
	float:right;
	margin-right: auto;
	margin-left: auto;
	padding: 1%;
	}
#left_panel {
	width: 48%;
	color:#000000;
	background-color: #F9AD2A;
	font-size: 0.8em;
}
.left_panel a{
	text-decoration: none;
	color: #FFFFFF;
}
#left_panel ul {
	padding-left:25px;
	padding-top:13px;
}	
#left_panel li {
	padding-bottom:4px;
	line-height:110%;
}
.youtubebox {
	height: 120px;
	width: 450px;
}
.underline {
	text-decoration: underline;
}
p .monthhead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}
.vacancy-hdr {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 5px;
	padding-top: 10px;
}