/*==========================================================================

	Screen Elements Stylesheet
	____________________________________________________________

	Client:	Contact Carpentry
	Date:		8th June 2007
	Author:	Edge Marketing Solutions
	Website:	www.contactcarpentry.com
	Version:	1.0

===========================================================================*/

	/* [Import Stylesheets] */
	
	@import url(structure.css);
	@import url(formelements.css);
	@import url(templates.css);

/*=========================================================================*/

	/* [HTML Body Styles] */
	
	body
	{
		margin: 0;
		padding: 0;
		
		background-color: #19355a;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: #fff;
	}

/*=========================================================================*/

	/* [Heading Styles] */
	
	h1
	{
		margin: 0;
		padding: 0;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 170%;
		font-weight: bold;
		color: #fff;
	}
	
	h2
	{
		margin: 0;
		padding: 0;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 150%;
		font-weight: bold;
		color: #fff;
	}
	
	h3
	{
		margin: 0;
		padding: 0;
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 120%;
		font-weight: bold;
		color: #fff;
	}

/*=========================================================================*/

	/* [Paragraph Styles] */
	
	p
	{
		margin: 10px 0;
		position: relative;
		
		line-height: 130%;
	}

/*=========================================================================*/

	/* [List Styles] */
	
	ul
	{
		float: right;
		margin-right: 25px;
		
		text-align: right;
	}
	
	li
	{
		list-style-type: none;
		margin: 8px 0 8px 0;
	}

/*=========================================================================*/

	/* [Acronym Styles] */
	
	acronym
	{
		border-bottom: 1px dashed #aaa;
		cursor: help;
	}

/*=========================================================================*/

	/* [Link Styles] */
	
	a
	{
		position: relative;
	}

	a:link
	{
		color: #dddddc;
	}
	
	a:visited
	{
		color: #dddddc;
	}
	
	a:hover
	{
		color: #dddddc;
		text-decoration: none;
	}
	
	a img
	{
		border: 0px none;
	}

/*=========================================================================*/

	/* [Float Styles] */
	
	.fleft
	{
		float: left;
	}
	
	.fright
	{
		float: right;
	}

/*=========================================================================*/

	/* [Clear Styles] */
	
	.cleft
	{
		clear: left;
	}
	
	.cright
	{
		clear: right;
	}
	
	.cboth
	{
		clear: both;
	}

/*=========================================================================*/

	/* [Alignment Styles] */
	
	.aleft
	{
		text-align: left;
	}
	
	.aright
	{
		text-align: right;
	}
	
	.acenter
	{
		text-align: center;
	}

/*=========================================================================*/

	/* [Border Styles] */
	
	.bright
	{
		border-right: 1px solid #fff;
	}

/*=========================================================================*/

	/* [Image Styles] */

	img.fleft
	{
		margin-right: 10px;
		margin-bottom: 2px;
	}
	
	img.fright
	{
		margin-left: 10px;
		margin-bottom: 2px;
	}

/*=========================================================================*/

	/* [Sub Columns Styles] */
	
	.colsub-left
	{
		float: left;
		width: 48%;
	}

	.colsub-right
	{
		float: right;
		width: 48%;
	}

/*=========================================================================*/

	/* [Definition Lists Styles] */
	
	dl.half
	{
		clear: both;
		height: 1%;
		margin: 10px auto;
		padding: 0;
	}
		dl.half dt
		{
			float: left;
			clear: both;
			width: 25%;
			margin: 0 0 3px 0;
			padding: 0 0 3px 0;
			
			font-weight: bold;
		}
		
		dl.half dd
		{
			width: 73%;
			margin: 0 0 3px 25%;
			padding: 0 0 3px 0;
		}
					
		dl.half dl
		{
			clear: none;
			margin: 0;
		}
		
		dl.half dl dt,
		dl.half dl dd
		{
			clear: none;
			margin-bottom: 0;				
			padding-bottom: 0;				
		}
	
	dl.full dt,
	dl dt.full
	{
		float: none;
		width: auto;
		margin-bottom: 0;
	}
	
	dl.full dd,
	dl dd.full
	{
		width: auto;
		margin-left: 0;
	}

/*=========================================================================*/

	/* [Grey Box Styles] */
	
	.box
	{
		padding: 8px;
		background-color: #f8f8f8;
		border: 1px solid #ddd;
	}
	
/*=========================================================================*/

	/* [Hide Element Styles] */

	.offleft
	{
		position: absolute;
		left: -5000px;
		width: 4000px;
	}

/*=========================================================================*/

	/* [Container Styles] */
	
	.container
	{
		margin: 15px;
	}

/*=========================================================================*/

	/* [Table Styles] */
	
	table.table
	{
		margin: 0 0 20px 0;
		
		border: 1px solid #0474b0;
		
		font-size: 90%;
	}
		table.table th
		{
			padding: 5px 4px 4px 5px;
			
			background-color: #0474b0;
			
			color: #fff;
			text-align: left;
		}
		table.table td	
		{
			padding: 4px 4px 4px 4px;
			
			background-color: #e9f9ff;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #eee;
			border-right: 1px solid #fff;
			border-left: 1px solid #fff;
		}