/**
These styles are used throughout the site. Any page specific css will be found in the corrisponding page css.

**/
/******************** BODY ************************/
BODY, HTML
{
	font-family: Verdana;
	/*font-weight:bold;*/
	font-size:12pt;
	color: black;
	background-color:#DFDACD;
	margin-left:auto;
	margin-right:auto;
	height: 100%;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}

BODY.TYPE_ONE
{
	font-size:20pt;
	color:White;
	background-color:#A9A396;
}

BODY.TYPE_TWO
{
	background-color:#D1CBB8;
}

/*************** Sites anchors ***********************/
A, A:Active, A:Visited
{
	color:Black;
	text-decoration:none;
	border-style: none;	
}

A:Hover
{
	text-decoration:underline;
}

/******************* TABLES **************************/
TABLE
{
	border:0;
}

TABLE.AAG
{	
	/** no borders **/
	border:0;
	
	/** center horizontally **/
	margin-left:auto;
	margin-right:auto;
	
	/** center Vertically **/
	vertical-align:middle;
	
	width:90%;
	background-color:#F3E6C9;
}

TD.CELL1, TD.CELL2
{
	text-align:center;
	vertical-align:middle;
	font-family:Arial;
	color:Black;
	height: 20pt;
}

TD.COLUMN_HEADER
{
	color: #F3E6C9;
	background-color:#A9A396;
	font-weight:600;
}

TD.CELL1
{
	background-color:#DFDACD;
}

TD.CELL2
{
	background-color:#D1CBB8;
}

/******************** DIV ****************************/
DIV.AAG
{
	vertical-align:middle;
	text-align:center;
}

/********************* IMG *************************/
IMG /** don't want any borders around our images for the sute unless it is img specific. **/
{
	border-style: none;	
}

IMG.AAG
{
	border-style:solid;
	border-width:1.5pt;
	border-color:White;
}

/** Works with the VIDEO_FRAME class that should be built around the
video frame to give a 2 border look **/
IMG.VIDEO_FRAME
{
	border-style:solid;
	border-width:1pt;
	border-color:White;
}

.VIDEO_FRAME_DARK
{
	border-style:solid;
	border-width:1.5pt;
	border-color:#A9A396;
}

/******************** FORM ************************/
FORM.FORM_CENTER
{
	margin-left:auto;
	margin-right:auto;
}


/******************** Custom Classes ************************/
.MAIN_HEADER
{
	color:White;
	font-family:Verdana;
	font-weight:bold;
	font-size: 12pt;
	background-color: #A9A396;
}

.TITLE_HEADER_1
{
	color:black;
	font-family:Verdana;
	font-weight:bold;
	font-size: 12pt;
}

.TITLE_HEADER_2
{
	color:black;
	font-family:Verdana;
	font-weight:bold;
	font-size: 11px;
	background-color: #DFDACD; 
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-bottom-color: white;
}

/************************************************ Our custom buttons **/
.BUTTON
{
	/** give it a "raised" feeling */
	border-style:outset;
	border-width:2pt;
	border-color:#D1CBB8;
	
	background-color:Transparent;
	
	/** keep it a good size 
	**/
	width:120px;
		
	/** Ensure that the text is readable and
	in the middle **/
	text-align:center;
	font-size:10pt;
	margin:1px;
	
	/** Don't want any wierd cursors **/
	cursor:pointer;
}

.NBUTTON
{
	background-color: rgb(190,180,154);
	border: solid 1px #726459;	
	font-family: Verdana;
	font-size: 10pt;	
	width: 120px;
	height: 20px;
	cursor: pointer;
}

.NBUTTON:hover
{
	background-color: #EFE6C7;
}

.BUTTON:hover
{
	/** lets the user know what they're clicking on **/
	text-decoration:underline;
	border-style:inherit;
	border-color: #DFDACD; /* dark gray */
}
/************************************************ End our custom buttons **/

/************************************************ Our custom Text boxes**/
INPUT.AAG
{
	background-color: rgb(239,230,199); /* dirty white*/
	border-style: ridge;
	border-width: 1pt;
	border-color: Black;
	margin: 2px;
}

INPUT.AAG_RADIO
{
	/*color: rgb(239,230,199);*/
}
/************************************************ End our custom Text boxes **/