body {
color: #666;
	text-align: center;
/*	font: 12px Arial, Helvetica, sans-serif; */
/* font: 80% Arial, Helvetica, sans-serif; */	
font: 90% "Trebuchet MS",Arial, Helvetica, sans-serif;
/*	background-color: #333333; */
	background: url(../layout_images/bg_page.jpg) repeat-x; 
	margin:10px;

}
/* Layout stuff */	   
#wrapper {
	text-align: left;
	width: 760px;
	margin: 0 auto;
	padding: 10px;
	background: #FFFFFF;
	
}
#header{
	height: 140px;
	background: #fff;
	text-align: center;
	border-bottom: 1px solid #ff2b95;
	border-top: 1px solid #ff2b95;

}

#headerXmas{
	height: 140px;
	background: #fff;
	text-align: center;	
	border-top: 1px solid #ff2b95;
	border-bottom: 1px solid #fff;

}
#headertop{
	height: 80px;
	background: #fff;
	text-align: left;
}

#content {
	background: #fff;
	width: 760px;
	text-align: left;
	float: left;
}

#pagetext {
float:left; 
width: 540px;
padding: 10px;
/* border-left: 1px dotted #ff2b95; */
	background: #fff;
}


.col {
	width: 230px;
	padding: 10px;
	margin:10px ;
	float:left;
	background: url(../layout_images/bg_box.jpg) repeat-x;
	height: 260px;
}

.col h1 {
	margin: 0;
	padding: 0;
	font-size: 140%;
}

.iconimg {
	padding: 0 5px 5px 0px;

}

#navigation {
	float:left;
	width: 160px;
	color: #333333;
	padding: 10px;
	background: #fff;

}

#footer{
	clear:both;
	height:100px;
	text-align: center;
	border-top: 1px solid #ff2b95;
	background-color: #ffecf5;
}

#footer p {
margin-top: 4px;
}
	
#pagetext p, td, li{
color: #666;
/* line-height: 14px; */
}

#navigation p, td {
color: #666;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* end of layout stuff */
h1 {
color: #ff2b95;
font-size: 120%; 
font-weight: normal;
/* border-bottom: 2px dotted #ff2b95; */
}
h2 {font-size: 110%; color: #ff2b95;
margin: 12px;
}
h3{
margin: 12px 5px; 
color: #ff2b95;
}

hr {
	height: 1px;
	border-top: 1px dotted #f8f8f8;
}

#myspamtrap {
display: none;
visibility:hidden;

}

.code {
	font-size: 80%;
	border: 1px dashed #CCCCCC;
	padding: 4px;
	width: 250px;
}

a:link {color:#ff2b95; text-decoration:none}
a:visited {color:#ff2b95; text-decoration:none}
a:hover {color:#ff2b95; text-decoration:underline}	
a:active {color:#ff2b95; text-decoration:none}

#headertop a {
font-weight: bold;
text-decoration: none;
color: #333333;
}
#headertop a:hover {color:#ff2b95;
}

.lefttext {
float:left;
display: inline;
}

.formtable {
 background-color: #ffecf5;
color: #666;
}

.formbutton {

border: 1px solid #ff2b95;
background-color: #ffe1f0;
color: #333333;
padding: 4px;
margin-right: 6px;
}

.foottext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #666666;}
.foottext a {
	color: #666666;
	text-decoration: none;
}
.foottext a:hover {
	color: #ff2b95;
	text-decoration: underline;
}
.imgItem {
	border: solid #CCCCCC 1px;
	margin: 0px 4px 8px 0px;
}

.ProjectTitle {
color: #ff2b95;
font-weight: bold;
}

.ProjectText {
font-size: 80%;
}

.ProjectText a {
	text-decoration: none;
	font-style:italic;
color: #666;

}

.ProjectText a:hover {
	text-decoration:underline;
	color: #ff2b95;

}


.ProjectTechHead {
font-size: 80%;
font-weight: bold;
}

.ProjectTech {
font-size: 80%;
}

.commentText {
font-size: 100%;
}

.commentFoot {
font-size: 100%;
font-style: italic;
}

.greentext {
color: #339900;
}

.redtext {
color: #FF0000;
}

.validimg {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}