div.row
{
    float:left;
    width: 690px; /* Was 700 */
    clear: both;
    margin: 5px 0px 5px 0px;
}


div.row div.label
{
    float: left;
    width: 25%;
    font-weight:bold;
    text-align:right;
    margin: 0px 8px 0px 0px
}

div.row div.data
{
    float:left;
    width: 70%;
}

div.row input
{
    font-size: 11px;
}

div.row select
{
    font-size: 11px;
}

div.row textarea
{
    font-size: 11px;
}


div.row div.checkboxCol1
{
    float: left;
    width: 40%;
    margin: 0px 0px 0px 30px;
}

div.row div.checkboxCol2
{
    float:left;
    width: 40%;
}

div.row div.checkboxSmallCol1
{
    float: left;
    width: 20%;
    margin: 0px 5px 0px 0px;	
}

div.row div.checkboxSmallCol2
{
	float: left;
	width: 20%;
}	

/* The following two classes are used for the flash image viewer on the contact pages */
div.ICOverflow
{
	width: 690px;
	overflow: hidden;
}

div.ImageContainerContactForm
{
    position: relative;
    display: block;
    /*height: 450px;*/    
    height: auto;
    left: -25px;
    padding: 0;
    margin: 0;
}

div.ImageContainerContactForm div.Text
{
	position: absolute;
	top: 0px;
	left: 25px;
	width: 405px;
}

/* 
	This is also used in the contact form.  Must override main one as position has to be relative, as there are relatively positioned 
	elements within that will act as though they are absolutely positioned if the hierarchy of block elements is not absolutely or
	relatively positioned.
*/
div.ContentBodyScroll
{
	position: relative;
	overflow: auto;
	width: 710px;
	height: 420px;
	padding: 0px 10px 0px 0px;
}