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

*						{	margin: 0px;padding: 0px;font-family: Helvetica, Arial, sans-serif;}
body 					{	text-align: center;background:url(images/main_bg.jpg) repeat-x center top;padding: 0 !important;padding-right: 1px;}
a:focus 				{	outline: none;}
a 						{	text-decoration: none;}
a img					{	border-style: none;}
a:hover 				{	text-decoration:underline}
image 					{	border: none;}
.clear					{	clear:both;}

/* Main Layout Items */
#wrapper 				{	margin: 0 auto;width: 736px;text-align: left; position:relative;}
#masthead 				{	height: 155px; background:url(images/headerline.gif) bottom no-repeat; position:relative;}
#masthead a.homelink	{	width:359px; height:90px; background:url(images/logo.gif) no-repeat; text-indent: -2000px; position:absolute; top:40px; left: 5px; }
#masthead .nav			{	width:563px; height:72px; background:url(images/logo2.gif) no-repeat; float:right;color:#000; }
#masthead .contactus	{	width:280px;height:85px;position:absolute; top: 30px;right:0px;}
#masthead .contactus input{	padding: 1px 1px; font-size:11px;}
#masthead .contactus td	{	padding:3px 0 3px 5px;}

/* Navigation Items */
#main_navigation		{   height: 24px; position:absolute; bottom:4px; right: 0px;z-index:5000}
ul#nav					{	list-style: none;margin: 0;padding: 0;width: 490px;height: 24px;display: inline;bottom: 0 !important;bottom: -1px;overflow: hidden;position: relative; }
ul#nav li				{	margin: 0;padding: 0;float:left; position:relative; display:inline;}
ul#nav a 				{	float: left;height: 24px;overflow: hidden;text-indent: -1000em;color:#000; }
ul#nav a:hover 			{	background-position: 0 0;color:#900;}
li#home a				{	background:url(images/nav_home.gif) no-repeat bottom;width:52px;}
li#about a 				{	background:url(images/nav_about.gif) no-repeat bottom;width:66px;}
li#projects a 			{	background:url(images/nav_projects.gif) no-repeat bottom;width:82px;}
li#involved a 			{	background:url(images/nav_involved.gif) no-repeat bottom;width:111px;}
li#news a 				{	background:url(images/nav_news.gif) no-repeat bottom;width:97px;}
li#contact a 			{	background:url(images/nav_contact.gif) no-repeat bottom;width:82px;}


/* Navigation Items - On state */
#homepage #home a, #aboutpage #about a, #projectspage #projects a, #involvedpage #involved a, #newspage #news a, #contactpage #contact a {background-position: 0 0;}

/*** Menu Drop down ***/
/* LEVEL ONE */
ul.dropdown				{	position: relative;color:#000; }
ul.dropdown li			{	list-style:none; padding: 0 15px 5px 0; color:#000; font-weight:bold; text-align:center;  height:20px;}
ul.dropdown a:hover	{ color:#900;}
ul.dropdown a:active	{	}
ul#nav li ul.dropdown li a		{	font-size:12px; color:#000; font-weight:bold; }
ul#nav li ul.dropdown li a:hover{	color:#900;}
ul.dropdown li:last-child a{ border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {	position: relative; }
ul.dropdown li.hover a	{	color:#900;}

/*  Level TWO */
ul#nav ul 						{ visibility: hidden; position: absolute; top: 24px!important; top: 18px; left: 0; background:#FFF; border:1px solid #999; padding:3px 0;}
ul#nav ul li 					{ float: none; display:block; padding:2px 7px; margin: 0 10px;color:#333; }
/* IE 6 & 7 Needs Inline Block */
ul#nav ul li a					{ border-right: none; width: 100%; display: inline-block;  font-size:11px;color:#333;background-image:none; text-indent:0;} 

/* LEVEL THREE */
ul.nav ul ul 					{ left: 100%; top: 0; }
ul.nav li:hover > ul 			{ visibility: visible; }


#content				{	width: 420px; float:left; margin-top: 10px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content h1				{	font-weight:normal; font-size:22px; color:#900; padding-bottom:10px; padding-top:10px;}
#content p				{	font-size: 12px; ccolor:#333; font-family:Arial, Helvetica, sans-serif; padding: 8px 0;}
#content strong			{	font-size: 12px; ccolor:#333; font-family:Arial, Helvetica, sans-serif; padding: 8px 0;}
#content ul				{	margin:0; padding:0;}
#content ol				{	margin:0; padding:0;}
#content li				{	font-size: 12px; color:#333; font-family:Arial, Helvetica, sans-serif; margin: 0 0 0 30px !important; margin: 0 0 0 15px;padding: 5px 0;}
#content h3				{	font-family:Arial, Helvetica, sans-serif;font-size:18px; color: #728EB0; padding: 15px 0 5px 0;}
#content a				{	color: #728EB0; }
.links					{	padding-right:17px; background:url(images/arrow.gif) no-repeat right center; font-weight:bold;}
a.pdf					{	padding-right: 20px; padding-bottom:5px; background:url(images/pdf.gif) no-repeat right top;}
a.link					{	padding-right: 15px; padding-bottom:5px; background:url(images/link.gif) no-repeat right top;}
.spacer					{	height: 380px;}

.directors span			{	width: 140px; float:left;}
.directors p			{	padding: 1px 0; margin:0;}

#content .clickme		{	padding: 0 0 0 15px; background:url(images/arrow-off.gif) no-repeat left center; cursor:pointer; font-size:12px;  font-weight:bold;margin: 10px 0 5px 0;}
#content .arrow-off		{	padding: 0 0 0 15px; background:url(images/arrow-off.gif) no-repeat left center;cursor:pointer; margin: 10px 0 5px 0;}
#content .active		{	padding: 0 0 0 15px; background:url(images/arrow-on.gif) no-repeat left center;cursor:pointer; margin: 10px 0 5px 0;}
.open_content			{	display:none;}

#rt_content				{	width: 240px; float:right; margin: 30px 0 0 0; border-left: 1px solid #CCC; padding: 0 0 0 20px;}
#rt_content	.rt_mainimage{	width:235px; margin: 0 0 20px 0; text-align:right;  border-bottom: 1px solid #CCC; padding: 0 0 20px 0;float:right;}
#rt_content	.rt_thimages{	width:235px; float:right;}
#rt_content	.rt_thimages a {float:left; padding:0 0 0 6px;margin:0;}


#subfooter_home			{	clear:both;background:url(images/home_ft.gif) no-repeat; height:90px;}
#subfooter_home p		{	font-size:12px; font-family:Arial, Helvetica, sans-serif; padding: 22px 10px 0 350px; margin:0;}
#subfooter_home p strong{	color:#900;}
#subfooter				{	background:url(images/main_footer.gif) no-repeat; height:13px;clear:both;}
#footer_home			{	text-align:center; font-size:10px; color:#333; padding-top:10px;}
#footer_home a			{	color:#333;}
#footer 				{	clear:both; text-align:center; padding-top: 10px; border-top: 1px solid #999; margin-top:30px; display:block;}
#footer p				{	font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999;}
#footer a				{	color:#333; }

/******* Error items *******/
#content .error			{	border: 1px solid #F00; background-color: #FFFFCC;color:#F00;padding: 10px 20px;margin: 10px 0;}
#content .error li		{	margin: 0 0 0 10px;padding: 0; color:#F00}
#content .error ul 		{	padding: 0; margin: 0 0 15px 20px; color:#F00}
#content .error strong 	{	color:#F00}

/* Scrolling */
#container{	position: absolute; top:155px;}
#slideshow{	width:735px; overflow:hidden; position:relative;}
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-container-horizontal { padding:40px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  940px; height: 294px; position:absolute; left:-40px; padding:0;}
.jcarousel-skin-tango .jcarousel-item { width: 320px; height: 294px; border-left: solid #999 1px; padding: 0 25px; }
.jcarousel-skin-tango .jcarousel-item-horizontal {}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/* Horizontal Buttons */
.mycarousel-next { position: absolute; top: 313px; right: -25px; width: 50px; height: 50px; cursor: pointer; background: transparent url(images/next-horizontal.gif) no-repeat 0 0; }
.mycarousel-next:hover { background-position: -50px 0; }
.mycarousel-next:active { background-position: -100px 0; }

.mycarousel-prev { position: absolute; top: 313px; left: -25px; width: 50px; height: 50px; cursor: pointer; background: transparent url(images/prev-horizontal.gif) no-repeat 0 0; }
.mycarousel-prev:hover { background-position: -50px 0; }
.mycarousel-prev:active { background-position: -100px 0; }

/* Login */
#loginform				{	width:460px; height:160px;}
#loginform	p			{	font-size:12; font-family:Arial, Helvetica, sans-serif; padding: 5px 0; margin:0; text-align:left;}
#loginform .formdiv		{	font-size: 12px; font-weight:bold;padding: 10px 20px; text-align:left;}
#loginform form			{	padding: 0 20px; float: left; margin:0; padding:0 20px}
#loginform label		{	font-size:12px; text-align:left; display:block;}