/* 
** Original Author: Paul Hollands
** Date Created: 12th November 2007
** Purpose: Default CSS
** 			Main purpose is to provide generic styling for HTML Tags
**			
**			
**
** Last Modified by: Paul Hollands
** Last Modified date: 12th November 2007
** Reason for Modification: 
**
** Version 1.00
**
*/
/*=============================================================================================*/
/* Enviroment defaults start */


body				{	font-family: Arial,Sans-Serif;
						padding: 0;
						margin: 0 auto;
						font-size: 62.5%; 
						/*The default size for medium text in all browsers is 16px.
						reduce this size for the entire site by setting body size to 62.5%.
						This takes 16px down to 10px
						In terms of ems: 1em is now 10px, 0.8em is now 8px, 1.6em is now 16px, etc.*/
						background: #d2d2d2 url(../images/bgd-fade-d2d2d2.gif) top left repeat-x;
						width: 930px;
						
					}
a:link 				{	color: #0000FF;}
a:visited 			{	color: #3366FF;}
a:hover 			{	text-decoration: none;}
a:active 			{	color: #FF0000;}



/* Global HTML Tags start */
/*=============================================================================================*/

/* Default styles for all HTML tags for all sites.  
Colour and style changes should take place with the local site CSS file. */

p					{	
						line-height: 1.4em;
						margin-top: 0.5em;
						margin-bottom: 0.5em;
					}
h1					{	
						color: #000000;
						font-size: 1.8em;  
						margin-top: 0;
						margin-bottom: 0.4em;
					}
h2					{	
						color: #333333;
						font-size:1.5em; 
						margin-top: 0;
						margin-bottom: 0.4em;
					}
h3					{	
						color: #666666;
						font-size:1.2em;  
						padding: 0;
						margin: 0;
					}
h4					{	
						color: #006699;
						font-size:1em; 
						padding: 0;
						margin: 0;
					}
h5					{	
						color: #006699;
						font-size:1em; 
						padding: 0;
						margin: 0;
					}
h6					{	
						color: #006699;
						font-size:1em; 
						padding: 0;
						margin: 0;
					}
ul					{	
						list-style-type:square;
						padding:0 0 0 20px;
						margin-top: 0.5em;
						margin-bottom: 0.5em;
					}
li,dt,dd			{	
						padding:5px 0 0 0;
					}
ol,dl				{	
						padding:0 0 0 20px;
						margin-top:.4em;
						margin-bottom:.4em;
					}
hr					{	
						color: #CCCCCC;
					}
img					{
						border: none;
					}
					
					
					
/* Form Elements */	
/*=============================================================================================*/			
					
form			 	{
						margin: 0;
						padding: 0;
						width: 100%;
					}
form fieldset 		{
						border-color: #000000;
						border-width: 2px 0 0 0;
						border-style: solid none none none;
						padding: 10px;
						margin-top: 1%;
					}
form fieldset legend {
						color: #333333;
						font-size:1.2em;
						margin:0;
						line-height: 1.2em;
						padding: 0 5px;
						text-transform:uppercase;
						font-weight:bold;
						letter-spacing:-1px;
					}
form fieldset fieldset {
						clear: both;
						border: solid 1px #000000;
						padding: 6px;
						margin: 8px 0;
					}
form fieldset fieldset legend {
						color:#000000;
						font-size: 1em;
						padding: 3px 5px;
						text-transform:capitalize;
						font-weight:bold;
						border: ridge 1px #000000;
						background: #CCCCCC;
					}
label 				{
						display: block;
						margin: 0.8em 0 0.5em 0;
						padding:0;
						text-transform:uppercase;
						font-weight: bold;
					}
textarea 			{	
						font-size:1.4em;  
						background-color: #FFFFFF;
						COLOR: #193B30;
						border: 1px solid #777777;
					}
select				{
						background: #FFFFFF;
						border: 1px solid #777777;
						color: #193B30;
						font-size:0.9em;
					} 
/* Generic Form Input Fields - Use of classes due to IE6 not supporting class attributes */

/* Class textarea for form textfields (when IE6 not supported convert to input[type=text]) */
.textfield 			{	
						font-size:0.9em;  
						background-color: #FFFFFF;
						COLOR: #193B30;
						border: 1px solid #777777;
					} 
/* Class button for form submit buttons (when IE6 not supported convert to input[type=submit]) */
.button 			{	
						font-size:0.9em;
						background: #FFFFFF url(go-btn.png) right no-repeat;
						padding: 0 16px 0 0;
						COLOR: #0000FF;
						text-decoration: underline;
						border: none;
						text-transform:capitalize;
						height: 18px;
					} 
/* Class button for form submit buttons (when IE6 not supported convert to input[type=radio]) */
.radio 				{	
						vertical-align: -30%;
					} 
					

/* Table Elements */		
/*=============================================================================================*/		

				
table				{
						background: #FFFFFF;
						width: 100%;
					}
th					{
						font-weight: bold;
						text-decoration: underline;
						text-align: center;
						padding: 2px;
					}
tbody				{
						
					}
thead				{
						background: #D2D2D2;
						font-size: 1.1em;
					}
tfoot				{
						background: #D2D2D2;
						font-size: 0.8em;
					}
caption				{
						font-size: 0.9em;
						caption-side: bottom;
						text-align: right;
					}


					

/* Generic Alignment and float controls start */
/*=============================================================================================*/

.clear 				{
  						clear: both;
					}
.right 				{
						float: right;
					}
div.left 			{
					  	width: 48%;
					}	
div.right 			{
					  	width: 48%;	
					}	
.align-center		{
						text-align: center;
					}
.align-right		{
						text-align: right;
					}
.align-justify		{
						text-align: justify;
					}