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

body{
background-color:#FFFFFF;
margin:0 auto;
}
#container {
	margin:0 auto;
	margin-top: 30px;
	width:900px;
	min-height:800px;
	}

#topfield {
	width:900px;
	height:173px;
	background-image:url(img/topbar_bg.gif);
	background-repeat:repeat-x;
	}
#logoholder {
	width:172px;
	height:173px;
	float:left;
	margin-left:20px;
	}
#menuholder {
	float:right;
	margin-right:20px;
	margin-top:45px;
	}
#clear {
	clear:both;
	}

#maincontent {
	width:900px;
	margin-top:10px;
	}
#contentholder {
	width:900px;
	padding-bottom:50px;
	}
#leftcontent {
	float:left;
	width:590px;
	}
#leftcontent2 {
	float:right;
	width:400px;
	padding-right:10px;
	}
#rightcontent {
	float:right;
	width:290px;
	margin-right:10px;
	margin-top:20px;
	}
	
#personalholder {
	width:450px;
	padding-bottom:20px;
	}
#personalholder1 {
	float:left;
	width:450px;
	padding-bottom:20px;
	}

#personalL1 {
	float:left;
	margin-left:10px;
	margin-right:20px;
	width:205px;
	background-color:#00acec;
	}
#personalL2 {
	float:right;
	width:205px;
	margin-right:10px;
	background-color:#00acec;
	}
#personalL3 {
	float:left;
	margin-left:10px;
	margin-right:20px;
	width:205px;
	background-color:#ca0088;
	}
#personalR {
	float:right;
	width:205px;
	margin-right:10px;
	background-color:#fff22d;
	}
#personaltext {
	width:195px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:10px;}

#formrow {
	width:580px;
	padding-top:10px;
	}

#puffL {
	width:282px;
	height:132px;
	background-image:url(img/puff_bg.gif);
	background-repeat:no-repeat;
	float:left;
	padding-right:19px;
	}
#puffR {
	width:282px;
	height:132px;
	background-image:url(img/puff_bg.gif);
	background-repeat:no-repeat;
	float:right;
	}
#puffholder {
	width:884px;
	margin-left:8px;
	margin-top:40px;
	}
#puffcontent {
	width:272px;
	height:122px;
	margin-left:5px;
	margin-top:5px;
	}
#puffcontentL {
	width:102px;
	float:left;
	}
#puffcontentR {
	width:160px;
	float:right;
	}
#footer {
	width:900px;
	margin-top:20px;
	}

.text {font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #696969;}
.textW {font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #ffffff;}
.textB {font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #000000;}
.menu {font: 14px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:normal; color: #ffffff; text-align:left; letter-spacing:0.1em;}
.menu2 {font: 14px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:normal; color: #00aeef; text-align:left; letter-spacing:0.1em;}
.footer {font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #696969; text-align:center;}
h1 {font: 24px/24px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:bold; color: #333333;}
h2 {font: 18px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:bold; color: #333333;}
h3 {font: 14px/12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:bold; color: #333333;}
.menu a {color: #ffffff; text-decoration:none;}
.menu a:active {color: #fff22d; text-decoration:none;}
.menu a:hover {color: #00aeef; text-decoration:none;}
.menu2 a {color: #00aeef; text-decoration:none;}
.menu2 a:active {color: #00aeef; text-decoration:none;}
.menu2 a:hover {color: #00aeef; text-decoration:none;}
.text a {text-decoration:none;}
.formsingle {width:350px; padding:3px; font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #696969;}
.formmulti {width:350px; height:70px; padding:3px; font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #696969;}
a {text-decoration:none;}