/* CSS Document */
body{
	margin:			0;
	padding:		0;
	text-align:		center;
}

a{
	color:			#f00;
}

a:hover{
	text-decoration:	none;
}

.leftMenu a{
	font-weight:		bold;
}
p{
	margin:			10px;
	font-family:	arial, helvetica, sans-serif;
	font-size:		12px;
}

ul{
	font-family:	arial, helvetica, sans-serif;
	font-size:		12px;

}
img{
	border:			none;
}
#outerBody{
	margin:			0 auto;
	text-align:		left;
	width:			720px;
}

h1, h2, h3{
	padding:		0;
	margin:			0;
}

h4{
	font-family:	arial, helvetica, sans-serif;
	font-size:		14px;
	margin:			10px;
	padding:		0;
}

#leftBody{
	width:			485px;
	float:			left;
}

* html #leftBody{
	width:			480px;
}
#farLeft{
	width:			235px;
	min-height:			326px;
	float:			left;
	background:		#D3E9F4;
	margin-bottom:	5px;
}


#middle{
	width:			240px;
	min-height:			326px;
	margin:			0 0 0 5px;
	float:			left;
	background:		#D3E9F4;
}

#farRight{
	width:			235px;
	min-height:			326px;
	float:			right;
	background:		#D3E9F4;
}

#ticker{
	clear:			both;
	width:			720px;
	margin-top:		5px;
	background:		#D3E9F4;	
}	




.leftMenu{
	width:			160px;
	float:			left;
}

.rightContent{
	width:			560px;
	float:			right;
}

div.sideBox{
	margin:			0 0 5px 0;
	padding:		0 0 5px 0;
}

div.sideBox p{
	margin:			10px;
}

#who div.sideBox, #what div.sideBox{
	background:		#ffe9c0;
}

#links div.sideBox, #downloads div.sideBox, #contact div.sideBox{
	background:		#CDECCD;
}


.textColumn{
	width:			320px;
	float:			left;
}

.imageColumn{
	width:			235px;
	float:			right;
}
.caption {
	font-family:	arial, helvetica, sans-serif;
	font-size:		10px;
}

.full{
	width:			720px;
	float:			left;
	padding:		5px 0;
}

.full p{
	margin:			0 10px 10px 10px;
}
ul.inlineList{
	list-style:		none;
	padding:		0;
	margin:			0 10px;
	font-family:	arial, helvetica, sans-serif;
	font-size:		12px;
}
ul.inlineList li{
	padding:		2px 0;
}
ul.inlineList a{
	font-weight:	normal;
}

img.board{
	float:			right;
	margin-left:	10px;
}

p.download{
	border-bottom:	1px solid #339933;
	padding:		10px 3px;
}
.projectLine{
	padding:		10px 0px;
	float:			left;
	margin-left:	10px;
	border-top:		1px solid #FFE9C0;
}

.projectLineBorder{
	padding:		10px 0;
	float:			left;
	border-top:		1px solid #FFE9C0;
	margin-left:	10px;
}

* html .projectLine, * html .projectLineBorder{
	width:			550px;
	margin-left:	5px;
}
.projectTitle{
	float:			left;
	width:			220px;
	font-family:	arial, helvetica, sans-serif;
	font-size:		12px;
	font-weight:	bold;
}

.projectDesc{
	float:			left;
	width:			245px;
	font-family:	arial, helvetica, sans-serif;
	font-size:		12px;
}

.projectLink{
	width:			70px;
	float:			right;
	font-family:	arial, helvetica, sans-serif;
	font-size:		12px;
}

div.boardImage{
	width:			130px;
	float:			right;
	padding-top:	10px;
	text-align:		right;
	margin-bottom:	10px;
}

div.boardText{
	float:			left;
	width:			430px;
	margin-bottom:	10px;
}

#footer{
	width:			720px;
	float:			left;
	margin:			5px 0;
	padding:		5px 0;
	font-family:	arial, helvetica, sans-serif;
	font-size:		10px;
	color:			#666;
	border-top:		1px solid #1878AD;
}

div.projectDetail{
	width:			290px;
	float:			left;
	clear:			both;
	margin-left:	10px;
	margin-bottom:	10px;
}

.projectDetailLine{
	background:		#ffe9c0;
	width:			290px;
	float:			left;
}

* html div.projectDetail{
	width:			300px;
	margin-left:	5px;
}

div.label{
	width:			80px;
	font-weight:	bold;
	font-size:		12px;
	font-family:	arial, helvetica, sans-serif;
	color:			#FF9900;
	margin:			0 0 5px 0;
	padding:		3px;
	float:			left;
}

div.detail{
	width:			180px;
	font-size:		12px;
	font-family:	arial, helvetica, sans-serif;
	margin:			0 0 5px 0;
	padding:		3px;
	float:			left;
}

div.detail p {
	padding-left: 0;
	margin-left: 0;
	padding-top: 0;
	margin-top: 0;
}


img.pdf{
	float:			right;
}

label{
	font-size:		12px;
	font-family:	arial, helvetica, sans-serif;
	width:			100px;
	margin-left:	10px;
	font-weight:	bold;
	vertical-align:	top;
	float:			left;
}

form#contact{
	padding-top:	5px;
}
form#contact div{
	margin:			3px 0;
}

div.rightAlign{
	padding-left:	100px;
}

form#contact input.text, form#contact textarea{
	width:			190px;
	font-size:		12px;
	font-family:	arial, helvetica, sans-serif;
	border:			1px solid #1878AD;
}

.downloadLine{
	float:			left;
	border-top:		1px solid #339933;
	margin-left:	5px;
	width:			540px;
}

.downloadImage{
	width:			80px;
	float:			left;
	text-align:		left;
	margin-top:		10px;
	margin-bottom:	10px;
}

.downloadDetail{
	width:			455px;
	float:			right;
}

.downloadLine p.date{
	font-weight:	bold;
	color:			#339933;
	margin:			10px 0 5px 0;
}

.downloadDetail h4{
	font-size:		12px;
	margin:			0;
}

.downloadDetail p{
	margin:			5px 0;
}

.downloadDetail a{
	font-weight:	bold;
}

body#newsroom p.date{
	color:			#1878AD;
	font-weight:	bold;
	margin:			0 0 0 10px;
}

body#newsroom h4{
	font-size:		12px;
	margin:			0 10px;
}

p.caption{
	margin:			0;
	font-size:		10px;
}


#menuHolder {
	height:			35px;
}
a.menu-item {
	display:		block;
	float:			left;
	margin-left:	-31px;
}
a#menuItem0 {	width: 84px;	margin-left: 0px; }
a#menuItem1 {	width: 150px; }
a#menuItem2 {	width: 150px; }
a#menuItem3 {	width: 141px; }
a#menuItem4 {	width: 146px; }
a#menuItem5 {	width: 106px; }
a#menuItem6 {	width: 129px; }


h3.titlebar {
	float:			right;
	width:			560px;
	height:			24px;
	background:		transparent url(images/titlebar-member.gif) no-repeat top left;
}
h3#titlebar1 {
	background:		transparent url(images/titlebar-member-first.gif) no-repeat top left;
}
h3.titlebar a {
	display:		block;
	width:			560px;
	height:			24px;
	padding:		0 0 0 15px;
	font-family:	arial, helvetica, sans-serif;
	font-size:		14px;
	line-height:	24px;
	color:			#FF9900;
	text-decoration:none;
	font-weight:	bold;
}

#login {
	width: 400px;
	font-family:	arial, helvetica, sans-serif;
	font-size: 12px;
}
#login fieldset {
	padding: 1em;
}
#login .row {
	margin-bottom: .4em;
}
#login .button {
	text-align: center;
}

.grid-3-columns {
	background:		transparent url(images/bg_3-columns.gif) repeat-y 0 0;
}
.clear {
	clear:both;
	width: 100%; 
	height: 1px; 
	font-size: 1px;
}

.left { float: left; }
.right { float: right; }