@charset "utf-8";
/* CSS Document */

body {

	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	background:#FFFFFF;
	
	}
	
.boardLink {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	font-style:italic;
}

.boardFont {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	}
	
.whiteLink {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color:white;
	}
	
A:link {color:#0066FF; text-decoration: underline;}
A:visited {color:#000000; text-decoration: underline;}
A:active {color:#000000; text-decoration: underline;}
A:hover {color:#0033CC;	text-decoration: underline;
}

.whiteLink A:link {color:#FFFFFF;}
.whiteLink A:visited {color:#FFFFFF}
.whiteLink A:active {color:#FFFFFF}
.whiteLink A:hover {color:#FFFFFF}


.boardLink A:link {color:#000000;}
.boardLink A:visited {color:#000000;}
.boardLink A:active {color:#000000;}
.boardLink A:hover {color:#000000;}

.menubar A:link { color: #666565; }
.menubar A:visited { color: #666565; }
.menubar A:active { color: #666565; }
.menubar A:hover { color: #FFFFFF;  }

.menubar {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#000000;
	background-image: "";
}
.menubarover {
	
	color:#FFFFFF;
	background-image: url('../Resources/menuOn.jpg');
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
}

.menubaron {
	color:#FFFFFF;
	font-weight:bold;
	background-image: url('../Resources/menuOver.jpg');
}

.subHeader {
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	background-image: url('../Resources/menuOver.jpg');
}

.subHeader A:link {color:#FFFFFF;}
.subHeader A:visited {color:#FFFFFF}
.subHeader A:active {color:#FFFFFF}
.subHeader A:hover {color:#FFFFFF}

.inputText {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color: #FFFFFF;
}

.inputText A:link {color:#FFFFFF; text-decoration:underline;}
.inputText A:visited {color:#FFFFFF; text-decoration:underline;}
.inputText A:active {color:#FFFFFF; text-decoration:underline;}
.inputText A:hover {color:#FFFFFF; text-decoration:underline;}

p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */

.inputtext { width: 100%; height: 100%; }

.myform{
	margin:0 auto;
	width:90%;
	padding:14px;
}
	/* ----------- basic ----------- */
	#basic{
		border:solid 2px #e9e9e9;
	}
	#basic h1 {
		font-size:12px;
		font-weight:bold;
		margin-bottom:8px;
		color: #434242;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	/*#basic button{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#666666;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}


	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #e9e9e9;
		background:#f1f1f1;
		/*background-image:url(../resources/formbg.jpg)*/
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #e9e9e9;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #d4d4d4;
		width:200px;
		margin:2px 0 20px 10px;
	}