/*------------------------------------------------------------------------------
	***FORM.CSS***
		Elements
		Title
		Right and Left Sides
		Columns
		Divs
		Others
--------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
		***Elements***
--------------------------------------------------------------------------------*/

form
{
	border:solid;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:30px;
	border-color:#ffffff;				/*Form Border Colour*/
	clear:both;
	margin-left:90px;

}



/*------------------------------------------------------------------------------
		***Title***
--------------------------------------------------------------------------------*/

.title 
{
	width:331px;						/*entire Width = 770*/
	height:26px;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-bottom:5px;				/*horazontal gap below CONTACT FORM*/
	letter-spacing:2px;
	text-align:center;
	margin-left:auto;
    margin-right:auto;
	background:transparent url("../../all/pic/bgTitle.gif") no-repeat;
}



/*------------------------------------------------------------------------------
		***Right and Left Sides***
--------------------------------------------------------------------------------*/

.left 
{
	width:350px;
	float:left;
	margin-left:35px;					/*Off sets the Form (bar the comments)*/
	position:relative;
}


#left 
{
	background-color:#C3D5EF;
	padding-top:20px;
}

#right
{
	background-color:#C3D5EF;
	padding-top:20px;
}
.right 
{
	width:350px;
	float:left;
	position:relative;
}



/*------------------------------------------------------------------------------
		***Columns***
--------------------------------------------------------------------------------*/

.col1 
{
	text-align:center;
	width:135px;
	height:31px;
	float:left;
	margin-right:0px;
	line-height:175%;						/*Centers the Tab words verticly*/
	text-align:right;

}


.col2 
{
	width:195px;
	height:31px;
	display:block;
	float:left;
}


.col2Comment 
{
	width:350px;
	height:100px;
	display:block;
	float:left;
	background-color:#C3D5EF;
		padding-top:20px;
}


.col1Comment 
{
	width:350px;
	height:100px;
	float:left;
	display:block;
	margin-left:35px;							/*Off sets the Form (only Comments)*/
	line-height:250%;							/*Centers the Tab words verticly*/
	text-align:center;							/*Centers the Tab words Horazontaily*/
	background-color:#C3D5EF;
	padding-top:20px;
}



/*------------------------------------------------------------------------------
		***Divs***
--------------------------------------------------------------------------------*/

div.row 
{
	clear:both;
	width:335px;
}


div.comment
{
	clear:both;
}



/*------------------------------------------------------------------------------
		***Others***
--------------------------------------------------------------------------------*/

.input 
{
	background-color:#ffffff;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#5A698B;
	margin:4px 0px 5px 8px;
	padding:0px;
	border:1px solid #8595B2;
}


.textarea 
{
	border:1px solid #8595B2;
	background-color:#fff;
	font:11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5A698B;
	margin:4px 0px 5px 8px;
}


.submit
{
	text-align:center;
	padding-top:5px;
	padding-right:135px;
	clear:both;
	margin-left:auto;
    margin-right:auto;
	float:right;
}


.submit input
{
	height:38px;
	width:162px;
	background:url("../../all/pic/submit.gif") no-repeat;
}