html{
	background: black url('/include/image/css/base/bg.jpg') no-repeat fixed center top;
}

#docWrapper{
	background: transparent url('/include/image/css/base/bg.doc.r-y.png') center top repeat-y;
}

#hd{
	width: 800px;
	height: 87px;
	background-image: url('/include/image/css/base/bg.header.jpg');
}

#custom-doc{
	width: 800px;
	background: transparent url('/include/image/css/base/bg.content.r-y.png') center top repeat-y;
	
}

#ft{
	width800px;
	height:45px;
	background-image: url('/include/image/css/base/bg.footer.jpg');
}

#slideshow{
	width:800px;
	height:211px;
	background-image: url('/include/image/slideshow/slideshow1.jpg');
}

#slideshowCLA{
	width:520px;
	height:250px;
	background-image: url('/include/image/slideshow/cla_1.jpg');
}

/****************************
 *
 * INDEX PAGE, TWITTER AREA
 ****************************/
div#indexLeftSide
{
	float: left;
	width: 261px;
}

div#twitter
{
	float:left;
	margin-bottom:22px;
}

#twtr-profile-widget .twtr-doc
{
	margin-left:12px;
	margin-top:9px;
}

/*/////////////////////////////////////////////////////////////////////////////////
// Top Main Menu
/////////////////////////////////////////////////////////////////////////////////*/
#menu a{
	color:#ccc;
	text-decoration: none;
	font-weight: bold;
	font-size: 130%;
	line-height:84px;
	padding:0 20px;
}

#menu a:hover{
	color:white;
}

#menu{
	width:560px;
	text-align:center;
	float:left;

}

#logo{
	display:block;
	float:left;
	width:240px;
	height:87px;
}


/*/////////////////////////////////////////////////////////////////////////////////
// Left Menu
/////////////////////////////////////////////////////////////////////////////////*/
.yuimenuitemlabel {			/*Main Buttons*/
	line-height:49px;
	background-image: url('/include/image/css/base/sprite.bg.nav.jpg');
	color:white;
	text-decoration:none;
	padding:0 15px;
	cursor: pointer;
}

.yuimenuitemlabel:hover{	/*Main Buttons Hover*/
	 background-position: 0 49px;
	 cursor: pointer;
}

ul.subMenuItems .yuimenuitem .yuimenuitemlabel{  /*SubMenu Item*/
	background-image:none;
	background-color:transparent;
	color:#333;
	cursor: pointer;
}

ul.subMenuItems .yuimenuitem .yuimenuitemlabel:hover{  /*SubMenu Hover*/
	background-color:#3875d7;
	color:white;
	cursor: pointer;

}

ul.subMenuItems{	/*SubMenu Container*/
	border: 2px solid #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:white;
	padding-top:10px;
	padding-bottom:10px;
}

#sidebar{		/*SubMenu Width*/
	width:228px;
}

#content{
	background: transparent url('/include/image/css/base/bg.content.top.png') no-repeat scroll;
	width:511px;
	padding:20px 30px;
	padding-top:3px;
	min-height:700px;
}

.yui-t3 #yui-main .yui-b {
	margin-left:228px;

}

#footerCap{
	width:816px;
	height:8px;
	background-image: url('/include/image/css/base/bg.footercap.png');
	background-repeat: no-repeat;
	margin:0 auto;
}











	/****************************
	 *
	 * content / text area
	 ****************************/
	.hr {
		margin-bottom: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #000;
	}
	
	div#content h2 {
		color: #535353;
		text-decoration: none;
		
		font-size: 153%;
		margin: 0px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	div#content h3 {
		color: #1A5CAC;
		font-size: 130%;
		margin: 0px;
		margin-bottom: 5px;
	}
	
	div#content a {
		color: #1A5CAC;
		text-decoration: none;
	}
	
	div#content a:hover {
		color: #535353;
		text-decoration: none;
	}
		
		/****************************
		 *
		 * buttons w/ rollovers
		 ****************************/
		div#content .btn {
			display: block;
			background-image: url('/include/image/css/base/sprite.bg.button.png');
			width: 500px;
			height: 40px;
			line-height: 38px;
			font-size: 120%;
			color: #FFF;
			text-align: center;
		}
		
		div#content .btn:hover {
			background-position: 0px -40px;
			color: #FFF;
		}
		
		div#content .blue {
			background-position: 0px -40px;
			color: #FFF;
		}
		
		div#content .blue:hover {
			background-position: 0px 0px;
			color: #FFF;
		}
		
		div#content .small {
			width: 140px;
			height: 32px;
			line-height: 30px;
			background-position: 0px -80px;
		}
		
		div#content .small:hover {
			background-position: 0px -112px;
		}
		
		div#content .small.blue {
			background-position: 0px -111px;
		}
		
		div#content .small.blue:hover {
			background-position: 0px -80px;
		}
		
	ul.horzList {
	}
	
		ul.horzList li {
			float: left;
			list-style: none;
			margin-right: 10px;
			margin-bottom: 10px;
		}
		
	hr {
		clear: both;
		border: none;
	}
	
	p {
		color: #111;
	}

	span.filter
	{
		font-size: 85%;
		color: #333;
	}



div.clearer
{
	clear:both;
	line-height: 0px;
}

/****************************
 *
 * floats
 ****************************/
.left
{
	float: left;
}

.right
{
	float: right;
}

/****************************
 *
 * image floats
 ****************************/
img.left
{
	margin-right: 10px;
	border: 1px solid #cccccc;
}

img.right
{
	margin-left: 10px;
	border: 1px solid #cccccc;
}

/****************************
 *
 * captioned images
 ****************************/
div.imageAndCaption
{
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	width: 202px;
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: #e2e2e2;
	text-align: center;
}

div.imageAndCaption img
{
	border: 1px solid #cccccc;
	padding: 3px;
	background-color: #f0f0f0;
}

div.imageAndCaption p
{
	font-weight: bold;
	font-style: italic;
	font-size: 85%;
}

/****************************
 *
 * table
 ****************************/
table tr th, table tr td
{
	border: none;
}

/****************************
 *
 * blockquote
 ****************************/
blockquote
{
	margin: 1em 0 1em 10px;
	padding: 10px 20px 20px 50px;
	width: 403px;
	background-image: url('/include/image/css/base/quote.png');
	background-repeat: no-repeat;
	font-weight: bold;
	font-style: italic;
	font-size: 125%;
	background-position: 10px 10px;
	border: 1px dashed #cccccc;
	color: #525252;
}

blockquote p
{
	margin: 0px;
	padding: 0px;
	color: #525252;
	padding-right: 14px;
}

blockquote p.citation
{
	font-size: 85%;
	text-align: right;
}

/****************************
 *
 * form
 ****************************/
table.form
{
	width: 100%;
}
	
	table.form tr td, table.form tr th
	{
		border-top: 1px solid #959595;
	}

	table.form tr td.label
	{
		background-color: #ced1d4;
		width: 185px;
		font-weight: bold;
		vertical-align: top;
	}
	
	table.form tr td.formHeading
	{
		color:#4E4E4E;
		font-size:120%;
	}
	
	table.form tr td.formHeading p,
	table.form tr td.formHeading ul,
	table.form tr td.formHeading ol
	{
		color:#333;
		font-size: 90%;
	}
	
	table.form tr td.field
	{
		background-color: #eef0f2;
	}
	
	table.form tr td.small
	{
		font-size: 85%;
	}
	
	table.form tr td.required
	{
		color: #DF0020;
	}
	
		table.form tr td.field input.textField
		{
			color:#333333;
			font-family:verdana;
			font-size:110%;
			padding:3px;
			width:285px;
		}
		
		table.form tr td.field textarea
		{
			width: 287px;
			height: 200px;
			color:#333333;
			font-family:verdana;
			font-size:110%;
			padding:3px;
			width:285px;
		}

/****************************
 *
 * form
 ***************************/
div.form div
{
}

div.form div.label
{
	border: 1px solid #959595;
	padding: 0.5em;
	background-color: #ced1d4;
	font-weight: bold;
	vertical-align: top;
}

textarea.error,
input.error,
select.error
{
	background-color: #F95F50;
}

div.form div.field
{
	border: 1px solid #959595;
	border-top: 0px solid #000000;
	padding: 0.5em;
	background-color: #eef0f2;
}

div.form img
{
	float: left;
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 2px;
	background-color: #f0f0f0;
}

textarea#CLA_ApplicationEssay
{
	width: 495px;
}

#successMessage
{
	display: none;
}

/****************************
 *
 * blog
 ****************************/
div#blog_content div.box
{
	background-color:#E8ECF2;
	border:1px solid #B6CEE3;
	color:#3F3F3F;
	padding:10px;
}

/****************************
 *
 * information box
 ****************************/
div.infoBox
{
	border: 1px solid #e2e2e2;
	background-color: #f2f2f2;
	padding: 10px;
	font-size: 90%;
}