body
{
	margin: 0px;
	padding: 0px;
	
	width: 100%;

	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13pt;
	
	color: #000000;
	background: #FFFFFF;
	
				text-align: left !important;
				text-align: center; /* Takes care of horizontal alignment in Internet Explorer */
}

#bodyPhe
{
	color: inherit;
	background: #FFFFFF url(i/bg_phe.jpg) no-repeat top left;
}

#bodyRoe
{
	color: inherit;
	background: #FFFFFF url(i/bg_roe.jpg) no-repeat top left;
}

#bodyFawn
{
	color: inherit;
	background: #FFFFFF url(i/bg_fawn.jpg) no-repeat top left;
}

img
{
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	
	border: 0px;
}




/* structuring */


.mainTable
{
	height: 100%;
	width: 100%;
	
	border: 0px;
	border-collapse: collapse;
}

.mainTable td
{

}

.navCell
{
	padding: 50px 0px 0px 0px;
	width: 230px;
}

.navTable
{
	width: 100%;
	text-align: center;
	
	border: 0px;
	border-collapse: collapse;
}

.navTable td
{
	text-align: center;
	padding: 0px 0px 10px 0px;
}

div.header
{
	height: 150px;
	text-align: right;
	padding: 0px 60px 80px 0px;
}

span.headerText
{
	font-style: italic;
	color: #853816;
	background: inherit;
}

div.errorTop
{
	margin: 0px 40px 0px 40px;

	text-align: center;
	background: #FF1111 url(i/tiger.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	font-weight: bold;

	border-width: 2px 2px 1px 2px;
	border-color: #FF0000 #FF0000 #FF0000 #FF0000;
	border-style: solid solid solid solid;
}

div.errorBottom
{
	margin: 0px 40px 0px 40px;
	text-align: center;
	color: inherit;
	background: #FFFFFF;

	border-width: 1px 2px 2px 2px;
	border-color: #FF0000 #FF0000 #FF0000 #FF0000;
	border-style: solid solid solid solid;
}

div.successTop
{
	margin: 0px 40px 0px 40px;

	text-align: center;
	background: #11FF11 url(i/tiger.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	font-weight: bold;

	border-width: 2px 2px 1px 2px;
	border-color: #00FF00 #00FF00 #00FF00 #00FF00;
	border-style: solid solid solid solid;
}

div.successBottom
{
	margin: 0px 40px 0px 40px;
	text-align: center;
	color: inherit;
	background: #FFFFFF;

	border-width: 1px 2px 2px 2px;
	border-color: #00FF00 #00FF00 #00FF00 #00FF00;
	border-style: solid solid solid solid;
}

#mouseFloat
{
	position:absolute;
	visibility: hidden;
	z-index:999;
	color: inherit;
	background-color:#FFFFCC;
	border: 1px solid #FFBB00;
}




/* content */


.cardDiv
{
	text-align: center;
	float: left;
	margin: 0px 20px 20px 00px;
}

.cardTable
{
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #000000 #000000 #000000 #000000;
	border-collapse: collapse;
	
	color: #000000;
	background: #FFFFFF url(i/watermark.png) repeat bottom right;
}

.cardImage
{
	cursor: pointer;
}


.cardDivTopRow
{
	height: 20px;
}

.cardDivMiddleRow
{
	height: 210px;
}

.original
{
	font-weight: bold;
	color: #FF0000;
	background: inherit;
}

.brown
{
	color: #853816;
}



/* links */


a.nav
{
	color: #000000;
	background: #DDDDDD;
}




/* images */


img.profile
{
	float: right;
	padding: 0px 0px 0px 0px;
}

img.card
{
	
	padding: 20px 20px 20px 20px;
	margin: 0px 20px 2px 20px;
	
	border-width: 2px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #BFBFBF #BFBFBF #BFBFBF #BFBFBF;
	border-collapse: collapse;
	
	color: #000000;
	background: #FFF4DE;
}

img.titleImage
{
	padding: 0px 0px 10px 0px;
}




.button
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #BBBBBC;
	border-style: solid;
	border-width: 2px;
	
	width: 50px;
	
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
}

.buttonOver
{
	font-weight: bold;
	color: #BBBBBB;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 2px;
	
	width: 50px;

	border-top-color: #333333;
	border-left-color: #555555;
	border-right-color: #BBBBBB;
	border-bottom-color: #DDDDDD;
}




/* ASHA */


.ASHA
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;
	
	color: #000000;
	background: #FFFFFF;
	padding: 0px;
}

.ASHAlarge
{
	width: auto;
}

.ASHAlarge td
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

.trWhite
{
	background: #FFFFFF;
}

.trGrey
{
	background: #DDDDDD;
}

.ASHA th
{
	color: #FFFFFF;
	background: #000000 url(i/tiger.jpg) no-repeat 0px 0px;
}

.ASHA td
{
	padding: 2px 1px 2px 1px;
}

.blanktd
{
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background: #000000;
}

input
{
	border-width: 1px;
	border-color: #000000;
}

span.smallItalic
{
	font-size: 0.8em;
	font-style: italic;
}

span.small
{
	font-size: 0.7em;
}

.evenOption
{
	color: #000000;
	background: #DDDDDD;
}

span.radioClicker
{
	cursor: default;
}

.help
{
	margin: 0px 0px 0px 5px;
	cursor: help;
}

img.delete
{
	cursor: pointer;
}



#pageStyle
{
	padding: 20px 20px 20px 20px;
	margin: 0px 40px 2px 20px;
	
	border-width: 2px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #BFBFBF #BFBFBF #BFBFBF #BFBFBF;
	border-collapse: collapse;
	
		/* for IE, stops "fuzzy" text */
	zoom: 1;
	background-color: #FFFFFF;
}


#content {
	position: relative; /* Needed for Safari */
	margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
	text-align: center;

	width: 100%;

	/*width: 200px;*/
	/*height: 200px;*/
	/*background-color: #fc0;*/
	z-index: 999;
}

#dimmer {
	position: absolute;
	visibility:hidden;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 500;
	background-color: #000000;
	color: inherit;
}

span.close {
	background-color: #FFFFFF;
	cursor: pointer;
}

#largeImage {
	cursor: pointer;
}