@charset "utf-8";
/* CSS Document
Created by The Zyme, April 2012*/

	/* Sample from fontdeck.com:
	div { font-family:"Centro Serif Pro Regular", Georgia, serif;  font-weight:normal; font-style:normal;}
	div { font-family:"Centro Serif Pro Bold", Georgia, serif;  font-weight:bold; font-style:normal;}
	*/
	
	/* Basic colors:
	Murky Green: 		#4d4a42		default (like black) 
	Murky Green 50%:	#949488			
	Murky Green 10%:	#cbcbc4			
	Murky Green 5%:		#f2f2ef		(page bg)
	Orange:				#f60		(mouseOver, Active-Selected, Titles)
	Blue:				#69c		(small buttons like: ...more, ...view, ...read etc)
	*/


	
	/* layout */
	body {margin:0; padding:0; text-align:center; background-color:#f2f2ef; font-size:14px; color:#4d4a42; 
		font-family:"Centro Serif Pro Regular", Georgia, "Times New Roman", Times, serif;  font-weight:normal; font-style:normal;}
	html{display:block; position:relative; margin:0; height:100%; text-align:center;}
	#container {width:1000px; margin:0 auto; text-align:left; background:url(../img/headerBg.png) no-repeat; background-color:#fff;}
	#header {height:166px; padding:16px 25px 0 0;}
	#header #divL {width:757px; height:166px; float:left;} 
	#header #divR {width:188px; height:166px; float:left; position:relative; padding-left:30px;}
	#main {min-height:500px; padding:25px 25px 35px 25px;}
	#footer{height:165px; padding:0 25px; color:#4d4a42; position:relative;}
	#footer a {color:#4d4a42; text-decoration:none; outline:none;}
	#footer a:hover {color:#ff6600; text-decoration:none; outline:none;}
	.bottomSpacer {width:1000px; height:25px; margin:0 auto;}
	
	/* general */
	.regular {font-family:"Centro Serif Pro Regular", Georgia, "Times New Roman", Times, serif;  font-weight:normal; font-style:normal;}
	.bold, strong {   font-family:"Centro Serif Pro Bold", Georgia, "Times New Roman", Times, serif;  font-weight:bold; font-style:normal;}
	
	b {font-family:"Centro Serif Pro Bold", Georgia, "Times New Roman", Times, serif;  font-weight:bold; font-style:normal;}
	em { font-family:Georgia, "Times New Roman", Times, serif;}
	h1 {font-size:44px; margin:0; padding:0; font-family:"Centro Serif Pro Bold", Georgia, "Times New Roman", Times, serif;  font-weight:bold; font-style:normal;}
	h2 {font-size:32px; margin:0; padding:0; font-family:"Centro Serif Pro Bold", Georgia, "Times New Roman", Times, serif;  font-weight:bold; font-style:normal;}
	h3 {font-size:22px; margin:0; padding:8px 0; line-height:24px; font-family:"Centro Serif Pro Bold", Georgia, "Times New Roman", Times, serif;  font-weight:bold; font-style:normal;}
	h4 {font-size:18px; margin:0; padding:0; line-height:21px; font-family:"Centro Serif Pro Bold", Georgia, "Times New Roman", Times, serif;  font-weight:bold; font-style:normal;}
	h5 {font-size:22px; margin:8px 0; padding-bottom:5px; line-height:24px; color:#f60; font-family:"Centro Serif Pro Bold", Georgia, "Times New Roman", Times, serif;  font-weight:bold; font-style:normal;}
	.h5Q {font-size:28px; line-height:28px;}
	h6 {font-size:16px; margin:0px 0; padding:0; line-height:18px; font-family:"Centro Serif Pro Bold", Georgia, "Times New Roman", Times, serif;  font-weight:bold; font-style:normal;}
	
	.hrFooter {height:11px; border:none; display:block; background-image:url(../img/footerLine.png); background-repeat:repeat-x; margin:0; padding:0;}
	.hr2 {height:2px; border:none; display:block; background-color:#4d4a42; margin:8px 0 0px 0; padding:0;}
	.hr6 {height:6px; border:none; display:block; background-color:#4d4a42; margin:10px 0 29px 0; padding:0;}
	.hrSub {height:1px; border:none; display:block; background-color:#4d4a42; margin:3px 0; padding:0;}
	.hrItem {height:1px; border:none; display:block; background-image:url(../img/dassedLine.png); background-repeat:repeat-x; margin-bottom:15px; padding:0;}
	.hrDassed {height:1px; border:none; display:block; background-image: url(../img/line1.png); background-repeat:repeat-x; margin:15px 0; padding:0;}
	.hrAct {margin:8px 0 5px 0;}
	
	* a > img, * a > div > img,  img {border:0; outline:none;}
	* a {color:#69c; text-decoration:none; outline:none;}
	* a:hover, * a.selected {color:#f60; text-decoration:none; outline:none;}
	* a.grey {color:#949488; text-decoration:none; outline:none; cursor:default;}
	.clear {clear:both;}
	.userPhoto {float:left; display:block; width:50px; height:50px; -moz-border-radius:7px; border-radius:7px;}
	a .userPhoto {opacity:1; filter:alpha(opacity=100);}
	a:hover .userPhoto {opacity:0.5; filter:alpha(opacity=50);}
	.userText  {float:left; padding-left:10px; white-space:normal; !important}
	.login { width:188px; padding:0 0 36px 0; position:absolute; bottom:0; z-index:100;}
	
	* form, form *, input, select {font-family:"Centro Serif Pro Regular", Georgia, "Times New Roman", Times, serif;  font-weight:normal; font-style:normal;}
	.field {width:143px; border:none; background-color:#f60; font-size:12px; height:20px; margin:2px 0; outline:none; -moz-border-radius:5px; border-radius:5px;}
	.field2 {width:20px; border:1px solid #ccc; font-size:11px; height:15px; margin:0; outline:none;}
	.field3 {width:222px; background-color:#edece8; border:none; font-size:15px; height:25px; margin-top:5px; padding:0 8px; outline:none; color:#4d4a42; -moz-border-radius:5px; border-radius:5px;}
	.field3a {width:300px;}
	.field3b {width:185px;}
	.field3c {width:143px; background-color:#4d4a42; color:#cbcbc4; }
	.field4 {width:382px;}
	.field5 {width:143px; border:2px #4d4a42 solid; color:#4d4a42; background-color:#fff; font-size:14px; height:25px; margin:0; outline:none; -moz-border-radius:5px; border-radius:5px;}
	.field5a {width:200px;}
	.field6 {width:45px; height:20px; font-size:13px;}
	.field7 {width:168px; background-color:#edece8; border:none; font-size:13px; height:22px; margin-top:5px; padding:0 8px; outline:none; color:#4d4a42; -moz-border-radius:5px; border-radius:5px;}
	.sels a {color:#4d4a42; !important}
	.sels a:hover, .sels a.selected {color:#f60;}
	.field8 {height:22px; padding:0 6px;}
	.field10 {width:182px; background-color:#edece8; border:none; font-size:15px; height:25px; margin-top:5px; padding:0 8px; outline:none; color:#4d4a42; -moz-border-radius:5px; border-radius:5px;}
	.fieldL {padding:0px 6px;}
	.multiField {width:382px; height:120px; background-color:#edece8; border:none; font-size:15px; margin-top:5px; padding:8px; outline:none; -moz-border-radius:5px; border-radius:5px;}
	.multifield11 {width:423px; height:120px; padding:8px;}
	.multifield12 {height:120px; padding:8px;}
	
	/* Browse file, field and Btn */
	.BrowserVisible {position:absolute; width:295px; top:0px; left:0px; z-index:1; height:22px; margin-top:5px; border:none; background:url(../img/browseBtn.png) top left no-repeat;  background-color:#cbcbc4; 
				-moz-border-radius:5px; border-radius:5px; text-align:right;}
	.FileField {width:185px; background-color:#e1e1dd; border:none; font-size:13px; height:22px; margin:0px; padding:0 8px; outline:none; color:#4d4a42; text-align:right;
				-moz-border-radius:5px; border-radius:5px; margin-right:200px;}  
	.BrowserHidden {position:relative; width:295px; height:22px; text-align:right; -moz-opacity:0; filter:alpha(opacity:0); opacity:0; z-index:2;} 


	#subm0 {background-color:#e8eff4; padding:10px 10px;}
	#subm1 {float:right; width:90px; text-align:right; color:#00afd3; font-size:13px;}
	#submContactButton {float:right; text-align:right; font-size:22px;}
	#submContactButton a {color:#4d4a42;}
	#submContactButton a:hover {color:#f60;}
	.alerts {width:105px; float:left; font-size:10px; color:#b13a74;}
	.path {font-size:13px; color:#b13a74;}
	.alerts2 {width:300px; float:left; font-size:12px; color:#4d4a42;}
	
	.rf {width:240px; float:left; margin-bottom:10px;}
	.lf {width:400px; float:right; margin-bottom:10px;}
	.rf > div, .lf > div {height:55px;}
	.rf2 > div, .lf2 > div {min-height:55px; margin-bottom:8px;}

	#preview {margin:0; padding:0; color:#7a7771; font-size:13px;}
	#preview b {color:#4d4a42; font-size:15px; font-weight:bold;}
	
	/* Contact Page */
	.login span { display:block; margin-top:8px;}
	.login span a {font-size:12px; color:#4d4a42;}
	.login span a:hover {color:#f60;}
	.pageIcon {float:left; margin-right:15px;}
	.pageTitle {float:left; margin-top:18px; width:855px;}
	.mainText {float:right; width:680px;}
	.mainText p {margin:0; padding:0 0 8px 0;}
	.mainTitle {padding:0 0 30px 0; float:left; font-family:"Centro Serif Pro Bold", Georgia, "Times New Roman", Times, serif;  font-weight:bold; font-style:normal;}
	
	/* menu */
	#menuSpace {height:43px; width:1000px; display:block;}
	#menuContainer {height:43px; padding-top:0px; margin-top:0; width:1000px; position:absolute; top:182px; background:url(../img/menuBg.png) no-repeat; z-index:1200;}
	#menuContainer.fixed {position:fixed; top:0;}
	#menu {height:53px; width:628px; margin-bottom:3px; padding:25px 15px 15px 15px; color:#00afd3; position:absolute; left:0px; top:0px; z-index:902;}
	#nav {margin:0 0 0 25px; padding:0; list-style:none;}	
	#nav li {float:left; display:block; position:relative; z-index:1000; font-size:22px;}
	
	/* this is the parent menu */
	#nav li a {padding-right:17px; text-decoration:none; outline:none; color:#4d4a42;}
	#nav li a:hover, #nav a.selected {color: #f60;}
	/* submenu, it's hidden by default */
	#nav ul {position:absolute; left:-76px; display:none; margin:0; padding:0; list-style:none; text-align:left; z-index:1250;}
	#nav ul li {float:left; display:block;}
	.Mout {width:223px; background-image:url(../img/subMenuBg.png); background-repeat:no-repeat; padding:35px 10px 0 17px; font-size:16px;}
	.div1 {width:60px; margin-bottom:20px; float:left;}
	.div1 img {padding-top:4px;}
	.div2 {width:163px; margin-bottom:20px; float:right;}
	.div2 a {display:block; height:22px;}
	.divBottom {width:250px; height:6px; background-image:url(../img/subMenuBg_bottom.png); background-repeat:no-repeat;}
	
	/* page left subMenus */
	#subMenu {float:left; width:233px; font-size:22px; color:#4d4a42;}
	#subMenu a {color:#4d4a42; text-decoration:none; outline:none;}
	#subMenu a:hover, #subMenu a.selected {color:#f60; text-decoration:none; outline:none;}
	#subMenu a.grey {color:#949488; text-decoration:none; outline:none; cursor:default;}
	.menuRow .d1 {float:left; width:160px;}, .menuRow .simple {} 
	.menuRow .d2 {float:left;}	
	.menuRow .d3 {float:right; font-size:12px; margin-top:8px;}
		
	/* News and Events Pages */
	.itemRow {display:block; padding-top:15px;}
	.itemRow2 {background-color:#f9f9f7; border-top:dashed #cbcbc4 1px; border-bottom:dashed #cbcbc4 1px;}
	.itemRow3 {border-bottom:dashed #cbcbc4 1px;}
	.itemRow .d1 {float:left; width:36px; text-align:center;}	
	.itemRow .d2 {float:left; width:254px; margin-bottom:15px; font-size:14px;}	
	.itemRow .d2 span {color:#949488;}	
	.itemRow .d3 {float:right; width:382px; margin-bottom:15px; line-height:18px;}
	.itemRow .d4 {float:right; margin-bottom:15px; font-size:14px; width:644px;}	
	.itemRow .d4  h4 {padding-bottom:10px;}
	.itemRow a {color:#4d4a42;}
	.itemRow a:hover {color:#f60;}
	.media {margin:30px 0 0 0;}
	.media img.icon16 {margin-right:10px;}
	.media p.firstP {margin-bottom:10px; display:block;}
	.searchCont {float:right; text-align:right;}	
	
	/* Work Packages */
	.itemRow .wp1 {float:left; width:92px; text-align:center;}	
	.itemRow .wp2 {float:left; width:215px; margin-left:5px; margin-bottom:15px; font-size:22px; line-height:24px;}	
	.itemRow .wp3 {float:right; width:355px; margin-bottom:15px; line-height:18px;}

	.itemRowAct {display:block; padding:3px 0 0px 0;}
	.itemRowAct .addR {width:580px; float:left;}
	.itemRowAct .addR2 {width:20pxpx; float:left;}
	.itemRowAct .addR .t1 {width:100%; padding-top:8px; font-size:12px; color:#949488; float:left; line-height:normal;} 
	.itemRowAct .addR .t1 > a {color:#69c;}
	.itemRowAct .addR .t1 > a:hover {color:#f60;}
	.date {float:left; width:70px; display:block;}
	.act {width:580px; float:left;}

	#UpFiles {margin-top:90px;}
	.lTop {width:150px; padding:7px 10px; border:1px #4d4a42 solid; background-color:#f2f2ef; border-bottom:none;
			-moz-border-radius-topleft:10px; border-top-left-radius:10px; -moz-border-radius-topright:10px;	border-top-right-radius:10px; }
	.lBottom {height:70px; padding:15px 10px; border:1px #4d4a42 solid; -moz-border-radius-topright:10px; border-top-right-radius:10px; 
		-moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px;  	border-bottom-right-radius:10px; }
	.lBottom div {height:43px; float:left; padding-top:25px;}
	.lib1 {width:75px; margin-right:10px; background:url(../img/docs_iconOr.png) top left no-repeat;}
	.lib2 {width:65px; margin-right:10px; background:url(../img/photos_iconOr.png) top left no-repeat;}
	.lib3 {width:50px; margin-right:0px; background:url(../img/videos_iconOr.png) top left no-repeat;}
	.lib4 {font-size:14px; margin-top:10px;}
	.lBottom font {font-size:13px;}

	/* Tasks */
	.t1 {padding-top:10px; font-size:12px; color:#949488; float:left; width:380px; line-height:normal;} 
	.t1 > a {color:#69c;}
	.t1 > a:hover {color:#f60;}
	.t2 {padding-top:5px; font-size:18px; float:right; width:100px;} 
	.t3 {padding-top:5px; font-size:18px; float:right; width:240px;}
	.pro {font-size:16px;} 
	.addPost {width:680px; font-size:14px; margin:40px 0;}
	.addR {width:610px; float:left;}
	.t4 {padding-top:8px;}
	.multiFieldPost {width:592px; height:100px; border:1px #949488 solid; font-size:15px; padding:8px; margin-bottom:0px; color:#4d4a42; outline:none; 
		-moz-border-radius-topleft:10px; border-top-left-radius:10px; -moz-border-radius-topright:10px;	border-top-right-radius:10px;}
	.multiSent {height:200px;}
	
	.post {width:680px; font-size:14px; margin-bottom:20px;}
	.post .addR {moz-border-radius:10px; border-radius:10px; background-color:#f2f2ef; width:590px; padding:10px; position:relative;}
	.post .addR .t1 {width:590px;}
	.number {position:absolute; top:6px; right:10px; color:#949488; text-align:right;}
	#loading {height:40px; background:url(../img/loading.gif) center center no-repeat;}
	#uploadFilesForm {height:0px; width:592px; }
	.field7a {width:280px; background-color:#e1e1dd; border:none; font-size:13px; height:22px; margin-top:5px; padding:0 8px; outline:none; color:#4d4a42; -moz-border-radius:5px; border-radius:5px;}
	.field9 {height:50px;}
	.addStyle {border-left:1px #949488 solid; border-right:1px #949488 solid; background-color:#f2f2ef; padding:15px; color:#4d4a42; outline:none;}
	.postBottom {background-color:#f2f2ef; border:1px #949488 solid; padding:0 15px; height:35px; 
		-moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; border-bottom-right-radius:10px;}
	.r1 {float:left;}
	.r1 > div {min-height:25px;}
	.saidArrow {float:left; width:20px; height:50px; display:block; background:url(../img/commentL_arrow.png) no-repeat;}
	
	/* Messages */
	.mailC {width:680px; font-size:14px; margin-bottom:20px;}
	.mail2 {width:145px; padding-left:15px; float:left;}
	.mail3 {width:450px; float:right;}
	.mail4 {width:445px; padding-left:15px; float:left;}
	
	/* Members */
	.memberDiv {float:left; width:330px; font-size:14px; margin:15px 0;}
	.memberDiv a {color:#4d4a42;}
	.memberDiv a:hover {color:#f60;}
	.memberDiv .wp2 {float:left; width:250px; margin-left:10px; padding-right:10px;}
	.memberDiv .wp2 a.bold {font-size:16px;}	
	.m1 {font-size:12px; padding-top:5px; display:block; color:#949488;} 
	.m1 > a {color:#69c;}	
	
	/* progress bar */
	.b1 {height:29px; float:right;}
	.b2 {width:250px; height:24px; float:left; padding:5px 10px 0 0; text-align:right;}
	.b3 {width:200px; height:29px; float:left; background-color:#4d4a42;}
	.b4 {height:29px; float:left; background-color:#93ba29; font-size:18px; color:#fff; text-align:center;}

	/* paging */
	#paging {margin-top:20px; padding-top:5px; border-top:dotted #cbcbc4 2px;}
	#paging a {float:left; display:block; padding-left:8px; font-size:16px;}

	/* Image gallery */
	#galleryContainer * {margin:0; padding:0; border:0 none; outline:0;}
	#galleryContainer {width:680px; height:300px; margin:0; padding:0; position:relative; background-color:#f2f2ef;}
	#galleryContainer img {display:block;}
	#gallery, #thumbs {float:left;}
	#gallery {width:580px; height:300px; overflow:hidden;}
	#gallery img {position:absolute; z-index:170;}
	#thumbs {width:100px; height:300px; overflow:hidden;}
	#next { position:absolute; top:257px; left:635px; display:block; width:47px; height:43px; background:url(../img/arrowG.png); z-index: 200;}
	#next:hover {background: url(../img/arrowGmo.png); cursor:pointer;}
	.caption {margin:10px 0; font-size:14px; color:#949488; min-height:20px;}
	
	/* UL and LI at Text-based Pages */
	.mainText ul {margin:0; padding:10px; list-style-type:none;}
	.mainText ul li {display:block; min-height:20px; margin:6px 0; padding-left:25px;  padding-top:1px; background:url(../img/bullet.png) no-repeat;}

	/* Home Page */
	#eventsHome a {color:#4d4a42;}
	#eventsHome a.more {color:#69c;}
	#eventsHome a:hover {color:#f60;}
	
	#tabsM a {display:block; float:left; width:119px; height:23px; font-size:14px; color:#4d4a42; background:url(../img/tabBg.png) top left no-repeat; padding:10px 7px 0px 16px;}
	#tabsM a:hover {color:#9f5a21; background:url(../img/tabBg_hover.png) top left no-repeat;} 
	#tabsM a.selected {color:#f60; background:url(../img/tabBg_selected.png) top left no-repeat;}

	#socialMedia a {float:left; display:block; width:21px; height:21px; margin-right:5px;}
	#socialMedia a.facebook 		{background:url(../img/facebook.png) top left no-repeat;} 
	#socialMedia a.facebook:hover 	{background:url(../img/facebookH.png) top left no-repeat;}
	#socialMedia a.twitter 			{background:url(../img/twitter.png) no-repeat;} 
	#socialMedia a.twitter:hover 	{background:url(../img/twitterH.png) no-repeat;}
	#socialMedia a.vimeo 			{background:url(../img/vimeo.png) no-repeat;} 
	#socialMedia a.vimeo:hover 		{background:url(../img/vimeoH.png) no-repeat;}
	#socialMedia a.youTube 			{background:url(../img/YouTube.png) no-repeat; margin-right:0;} 
	#socialMedia a.youTube:hover 	{background:url(../img/YouTubeH.png) no-repeat; margin-right:0;}