body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url(images/main_bg.gif); background-repeat: repeat-x;
	color: #333;
	text-align: center;
}

img { border: 0px; }

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h1.title { font-size: 16px; color: #0C3D75; text-transform: uppercase; margin: 0px; padding: 7px 0px 0px 4px; }
h1.alter { font-size: 16px; color: #D90F0F; text-transform: uppercase; margin: 0px; padding: 7px 0px 0px 4px; }
h2.subtitle { font-size: 10px; color: #D90F0F; text-transform: uppercase; margin: 0px; padding: 0px; letter-spacing: -0.1em;  }
h3.tag { font-size: 16px; color: #D90F0F; text-transform: uppercase; margin: 0px; padding: 2px 0px 0px 0px; letter-spacing: -0.05em; } 
p.subtitle { font-size: 12px; color: #000; text-transform: uppercase; margin: 0px; padding: 0px; font-weight: bold;  }

p { line-height: 16px; }
.resmain { line-height: 16px; margin: 10px 0px 10px 0px; }
.news { line-height: 16px; margin-top: 8px; }
.whitehead { font-weight: bold; color: #FFF; text-align: right; margin: 0px; padding-top: 7px; padding-right: 40px; }
.small { font-size: 11px; }
.coltext { margin: 0px; padding: 15px 70px 0px 0px; line-height: 16px; }
.foottext { font-size: 12px; line-height: 18px; text-align: center; padding: 30px 0 0 0; }

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

a.light{ color: #81CCFC; text-decoration: none; }
a.light:link{ color: #81CCFC; text-decoration: none; }
a.light:visited{ color: #81CCFC; text-decoration: none; }
a.light:hover{ color: #81CCFC; text-decoration: none; }

a.not{ color: #0C3D75; text-decoration: none; }
a.not:link{ color: #0C3D75; text-decoration: none; }
a.not:visited{ color: #0C3D75; text-decoration: none; }
a.not:hover{ color: #0C3D75; text-decoration: none; }

a.notred{ color: #D90F0F; text-decoration: none; }
a.notred:link{ color: #D90F0F; text-decoration: none; }
a.notred:visited{ color: #D90F0F; text-decoration: none; }
a.notred:hover{ color: #D90F0F; text-decoration: none; }

hr { height:1px; color: #C5C5C5; background: #C5C5C5; border: none;}

#head h1{ margin:0; float:left; }
#head h1.logo a{
	display:block;
	width:666px;
	height:50px;
	margin: 65px 0 0 0;
	text-decoration:none;
	text-indent:-9999px;
	background: url(images/logo.gif);
}



/***********************************************/
/* Nav                                		   */
/***********************************************/

#navcontainer
{
margin: 0;
padding: 0;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0 0 0 2px;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #FFF;
display: block;
display: inline-block;
height: 16px;
width: auto;
font-size: 14px;
text-decoration: none;
margin: 0;
padding: 14px 24px 10px 24px;
background-image: url(images/menu_border.gif); background-repeat: no-repeat; background-position: right;
}

#navcontainer A:hover, #navcontainer A:active { background: #0C3D75; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #0C3D75;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrap { 
width: 960px;
	margin: 0 auto;
	text-align:left;
	position: relative;
 }
 
#head {
width:960px;
height:140px;
margin: 0px;
padding: 0px;
background-image: url(images/head_back.gif); background-repeat: no-repeat;
 }
 
#menu {
width:960px;
height:45px;
margin: 0px;
padding: 0px;
 }
 
#left {
float: left;
clear: none;
width: 600px;
margin: 35px 0px 0px 0px;
text-align: left;
 }
 
#right {
float: right;
clear: right;
width: 340px;
margin: 35px 0px 0px 0px;
text-align: left;
}

#leftsecond {
float: left;
clear: none;
width: 600px;
margin: 0px;
text-align: left;
 }
 
#rightsecond {
float: right;
clear: right;
width: 340px;
margin: 0px;
text-align: left;
}

#lefthalf {
float: left;
clear: none;
width: 450px;
margin: 35px 0px 0px 0px;
text-align: left;
 }
 
#righthalf {
float: left;
clear: right;
width: 450px;
margin: 35px 0px 0px 30px;
text-align: left;
}

#full {
float: left;
clear: none;
width: 960px;
margin: 35px 0 0 0;
padding: 0px;
text-align: left;
 }

#footer {
width: 960px;
height: 85px;
clear: both;
margin: 0px;
background-image: url(images/footer_back.gif); background-repeat: no-repeat;
}

/***********************************************/
/* Container Divs                                 */
/***********************************************/

#firstcol {
width: 340px;
float: left;
clear: right;
margin: 0px 10px 0px 0px;
}

#secondcol {
width: 340px;
float: left;
clear: right;
margin: 0 10px 0 0;
}

#thirdcol {
width: 250px;
float: left;
clear: right;
margin: 0px;
}

.colhead {
height: 40px;
margin: 0px;
background-color: #E2E2E2;
}

.colfull {
margin: 0px;
padding: 0px 0px 0px 0px;
display: table;
table-layout: auto;
}

.colbody {
margin: 0px;
padding: 0px 4px 0px 4px;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #E2E2E2;
}

.colbodynobord {
margin: 0px;
padding: 0px 4px 0px 4px;
}

.colbodyaccount {
margin: 0px;
padding: 0px 4px 0px 4px;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #E2E2E2;
border-bottom: 2px dotted #E2E2E2;
height: 125px;
background-image: url(images/create_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colbodyboard {
margin: 0px;
padding: 0px 4px 0px 4px;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #E2E2E2;
border-bottom: 2px dotted #E2E2E2;
height: 105px;
background-image: url(images/viewboard_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colbodyworkshop {
margin: 0px;
padding: 0px 4px 0px 4px;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #E2E2E2;
border-bottom: 2px dotted #E2E2E2;
height: 105px;
background-image: url(images/workshops_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colbodyoutreach {
margin: 0px;
padding: 0px 4px 0px 4px;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #E2E2E2;
height: 105px;
background-image: url(images/outreach_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colbodyjobs {
margin: 0px;
padding: 0px 4px 0px 4px;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #E2E2E2;
border-bottom: 2px dotted #E2E2E2;
height: 125px;
background-image: url(images/jobs_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colbodysearch {
margin: 0px;
padding: 0px 4px 0px 4px;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #E2E2E2;
height: 105px;
background-image: url(images/search_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colbodyaccounttwo {
margin: 0px;
height: 110px;
padding: 0px 4px 0px 4px;
border-bottom: 2px dotted #E2E2E2;
background-image: url(images/create_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colbodyboardtwo {
margin: 0px;
height: 110px;
padding: 0px 4px 0px 4px;
border-bottom: 2px dotted #E2E2E2;
background-image: url(images/viewboard_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colbodyworkshoptwo {
margin: 0px;
height: 110px;
padding: 0px 4px 0px 4px;
border-bottom: 2px dotted #E2E2E2;
background-image: url(images/workshops_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colbodyoutreachtwo {
margin: 0px;
height: 110px;
padding: 0px 4px 0px 4px;
background-image: url(images/outreach_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colbodyjobstwo {
margin: 0px;
padding: 0px 4px 0px 4px;
border-bottom: 2px dotted #E2E2E2;
height: 110px;
background-image: url(images/jobs_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colbodysearchtwo {
margin: 0px;
padding: 0px 4px 0px 4px;
height: 110px;
background-image: url(images/search_bg.gif); background-repeat: no-repeat;  background-position: right;
}

.colfoot {
height: 30px;
width: 340px;
margin: 0px 0px 10px 0px;
background-image: url(images/340foot.gif); background-repeat: no-repeat;
}

.colfoottwo {
height: 30px;
width: 450px;
margin: 0px 0px 10px 0px;
background-image: url(images/450foot.gif); background-repeat: no-repeat;
}

.bodycontent {
padding: 0px 4px 0px 4px; line-height: 16px;
}

.yerclogo {
	display:block;
	width:90px;
	height:90px;
	float: left;
	margin: 20px 0px 0px 0px;
	text-decoration:none;
	background: url(images/yerc.gif);
}

.citylogo {
	display:block;
	width:160px;
	height:65px;
	float: right;
	margin: 25px 0px 0px 0px;
	text-decoration:none;
	background: url(images/city.gif);
	background-repeat: no-repeat;
}


/***********************************************/
/* Registration                                */
/***********************************************/

#register_container {
	margin: 0px;
	padding: 0px;
	height: auto;
}

#register_head {
	clear:right;
	width: 100%;
	height: 50px;
}

#register_content {
	clear: both;
	width: 958px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #C0C0C0;
	background-color: #F6F6F6;
}

#register_body {
	clear: both;
	width: 960px;
	margin: 0px;
}

#register_footer {
	clear:right;
	width: 100%;
	height: 72px;
	margin-top: 0px;
}

input.textfield {
	height: 18px;
	border: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-left: 3px;
	font-size: 14px;
	background-color: white;
}

textarea.textfield {
	border: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-left: 3px;
	font-size: 14px;
	background-color: white;
}

dt {
	width: 100px;
	height: 20px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 2px;
	display: block;
	/* clear: both; */
}

dd {
	width: 100px;
	display: inline;
	clear: right;
	position: absolute;
	left: 100px;
}

dl {
	position:relative;
	left: 10px;
	margin-top: 0px;
	padding-bottom: 15px;
	width: 400px;
	border-bottom: 1px solid #DDD;
}

.not_required {
	padding-left: 25px;
}

.required {
	padding-left: 25px;
	background-image:url(images/asterisk.gif);
	background-repeat:no-repeat;
}

.submit_button {
	position: relative;
	display: inline;
	top: 13px;
	left: 350px;
}

.error_text {
	position: absolute;
	left: 25px;
	margin-top: 10px;
}

h1.error {
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
	margin: 0px;
}


.form_head {
	font-weight: bold;
	width: 420px;
	position:relative;
	left: 15px;
}

h2.form_head {
	font-size: 18px;
	color: #B4B4B4;
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}

h3.form_head {
	font-size: 16px;
	margin-top: 13px;
	margin-bottom: 7px;
}

.form_caption {
	text-align: justify;
	width: 420px;
	font-size: 11px;
	margin-top: 15px;
	margin-left: 15px;
}

table.register_options {
	position: relative;
	left: 15px;
}

.form_option {
	font-size: 11px;
	padding-bottom: 5px;
}

.news_title {
	font-size: 16px;
	font-weight: bold;
}

#portfolio_slides_container {
	display: table;
	
	text-align: left;
	width: 960px;
	height:auto;
	margin: 0px;
}

#portfolio_slides {
	display: table-cell;
	width: 480px;	
	height: inherit;
	clear: none;
	height: auto;
	vertical-align: top;	
	margin-top: 0px;
}

#slide_row {
	display: table-row;
	margin: 0px;
}

.slide_content_l {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 1px;
	display:table-cell;
	width: 470px;
	height: auto;
	float: left;
	vertical-align: top;	
	/* border: 1px solid #AAA; */
}
.slide_content_r {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1px;
	display:table-cell;
	float: right;
	width: 470px;
	height: auto;
	vertical-align: top;	
	/* border: 1px solid #AAA; */
}

.slide_head {
	width: 465px;
	background-color: #EEEEEE;
	height: 20px;
	margin-top: 0px;
	display: block;
}