/* 
** Original Author: Paul Hollands
** Date Created: 12th November 2007
** Purpose: Framework CSS
** 			Main purpose is to provide generic framework for pages
**			
**		
**
** Last Modified by: Ian Bratley
** Last Modified date: 3rd Jan 2008
** Reason for Modification: main nav padding
**
** Version 1.00
/*
/*=============================================================================================*/


/* Global frame control start */
/*=============================================================================================*/



/* Site Utilities */
/*=============================================================================================*/

#site_utilities		{
						margin: 8px 0 3px 0;
						width: 100%;
						text-align: right;
						color: #999999;
					}
#site_utilities a	{
						text-decoration: none;
					}
#site_utilities a:hover		{
						color: #666666;
					}
#site_utilities a:active	{
						color: #666666;
					}
.bullet				{
						margin: 0 5px;
					}
.login_status		{
						font-style: italic;
						margin: 0 5px 0 0;
					}
.login_status a		{
						color: #E2002A !important;
						font-style: normal;
					}
					
					
/* Header */
/*=============================================================================================*/


#header				{
						width: 100%;
						margin: 0;	
						background: url(../images/head-bgd.gif) top left no-repeat;
						height: 70px;
						margin: 0 0 0 20px;
					}
#site_logo			{
						margin: 0 0 0 0;
						padding: 20px 0 0 0;
						float:left;
						width: 150px;
						height: 70px;	
					}
* html #site_logo	{
						margin: 0 0 0 0;
						padding: 20px 0 0 0;
						float:left;
						width: 150px;
						height: 70px;	
					}
#welcome			{
						margin: 0;
						padding: 0;
						color: #FFFFFF;
						font-size: 3.0em;
						font-weight: bold;
					}
#welcome_text		{
						margin: 17px 0 0 0;
						padding: 0;
						float: right;
						width: 740px;
					}
					
					
/* Search Area */
/*===============================================================================================*/



#search_track		{
						width: 100%;
						height: 25px;
						text-align: right;
						margin: 15px 0 0 0;
						padding: 0;
					}
* html #search_track		{
						width: 100%;
						height: 25px;
						text-align: right;
						margin: 0 0 0 0;
						padding: 0;
					}
					
/* Main Content/Home Content - Everything within content excluding the Right Column */
/*===============================================================================================*/


#TL					{
						background: url(../images/top_left_corner.gif) no-repeat;
						width: 11px;
						height: 11px;
						float: left;
						margin: 0;
						padding: 0;
					}
#TR					{
						background: url(../images/top_right_corner.gif) top right no-repeat;
						width: 11px;
						height: 11px;
						float: left;
						margin: 0;
						padding: 0;
					}
#border_top			{
						background: #FFFFFF url(../images/top_border.gif) top repeat-x;
						width: 755px !important;
						height: 11px;
						float: left;
					}
#main_content		{	/* Includes Left Nav */
						width: 755px !important;
						margin: 0;
						padding: 0 20px 30px 0;
						border: 1px solid #DBDBDB;
						border-top: none;
						float: left;
						min-height: 514px;
						background: #FFFFFF;
						clear: both;
					}
* html #main_content{	
						position: relative;
						top: -2px;
					}
#home_content		{	/* Without Left Nav */
						margin: 0 10px 0 30px;
					}

					
					
/* Right Column */
/*===============================================================================================*/


#right_column		{
						width: 160px !important;
						margin: 0;
						padding: 0;
						float: right;
					}
#quick_links		{
						margin: 0;
						padding: 10px 0 0 20px;
					}
#quick_links_options	{
						margin: 0 0 0 10px;
						padding: 0;
					}
#quick_links_options li	{
						margin: 0;
						padding: 0;
						list-style-image: url(../images/arrow-right.gif);
					}
#quick_links_options li a		{
						font-size: 1.1em;
						color: #666666;
						text-decoration: none;
					}
#quick_links_options li a:link		{
						color: #666666;
					}
#quick_links_options li a:visited		{
						color: #666666;
					}
#quick_links_options li a:hover		{
						color: #E3002A;
					}
#quick_links_options li a:active		{
						color: #E3002A; 
					}
					
/* Breadcrumbs */
/*===============================================================================================*/



#breadcrumb			{
						margin: 4px 0 15px 30px;
						color: #999999;
					}
#breadcrumb	a		{
						color: #999999;
						text-decoration: none;
					}
#breadcrumb	a:visited		{
						color: #999999;
					}
#breadcrumb	a:hover		{
						color: #666666;
					}
#breadcrumb	a:active		{
						color: #666666;
					}
					
					
/* Left Navigation */
/*===============================================================================================*/


#left_navigation	{
						width: 135px;
						margin: 0 20px 0 0;
						float: left;
						border-top: 1px solid #DBDBDB;
					}
					






/* Page Content - Main content area */
/*===============================================================================================*/


#page_content		{
						float: right;
						width: 595px;
					}
					
								
/* Footer */
/*===============================================================================================*/


#footer				{
						width: 98%;
						margin: 0 0 0 30px;
						padding: 10px 0 10px 0;
						color: #999999;
					}
#footer a			{
						text-decoration: none;
					}
#footer a:hover		{
						color: #666666;
					}
#footer a:active	{
						color: #666666;
					}
#footer_text		{
						width: 700px;
						margin: 4px 0 0 0;
					}
					
			

/* Main navigation start */
/*===============================================================================================*/
/* 
**
**	Runs in conjunction with javascript src="rollover.js"
**
*/
#nav				{	
						font-size: 1.1em;
						color: #666666;
						list-style-type: none;
						margin: 0 0 0 15px;
						padding: 0;
						position: relative;
						top: 1px;
						z-index: 100;
					}
#nav li				{	
						list-style-type: none;
						display: inline;
						float:left;
						margin: 0 0 0 2px;
						padding: 0 0 0 10px ;
						background: url(../images/tab-light-blue.gif) #FFFFFF top left no-repeat;
						border-bottom: 1px solid #DBDBDB;
					}
#nav li a			{	
						color: #666666;
						background: url(../images/tab-light-blue.gif) #FFFFFF top right no-repeat;
						display: block;
						padding: 6px 10px 4px 0;
					}
#nav li a:link,
#nav li a:visited	{	
						color: #666666;
						text-decoration: none;
					}
#nav li a:hover,
#nav li a:active	{	
						color: #666666;
						text-decoration: none;
					}
#nav li.cur,
#nav li.cur:hover	{	
						background: url(../images/tab-white.gif) #FFFFFF top left no-repeat;
						border-bottom: 1px solid #FFFFFF;
						position: relative;
						top: 1px;
					}
#nav li.over		{	
						background: url(../images/tab-white.gif) #FFFFFF top left no-repeat;
						border-bottom: 1px solid #FFFFFF;
					}
#nav li:hover		{	
						background: url(../images/tab-white.gif) #FFFFFF top left no-repeat;
						border-bottom: 1px solid #DBDBDB;
					}
#nav li strong,
ul#nav li.cur a,
ul#nav li.over a,
ul#nav li:hover a	{	
						display: block;
						color: #666666;
						padding: 6px 10px 4px 0;
						text-decoration: none;
						background: url(../images/tab-white.gif) #FFFFFF top right no-repeat;
					}

