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

@import url('reset.css');
@import url('text.css');

	body { background-image: url('../images/mainBg.png'); background-repeat: repeat-x; background-position: 0 0; background-color: #c5c7c8; color: #666; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7); }
	
	/* layout structure */
	#mainWrap { width: 100%;  clear: both;  }
	
		.centerWrap { width: 940px; clear: both; margin: 0; margin-left: auto; margin-right: auto; padding:  0; padding-left: 10px; padding-right: 10px; }
		.contentBox { text-align:  justify; }
		.floatLeft { float: left; }
		.floatRight { float: right; }
		.clearBoth { clear: both; }
		
		/* borderRadius */
		.borderRadius { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
		.borderRadiusTop { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
		.borderRadiusBottom { -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
	
		/* icons */
		span.icon16 { display:  block; width: 24px; height: 24px; margin-right: 5px; overflow: hidden; background-position: center center; background-repeat: no-repeat; }
			/* icon images */
			.img-support16 { background-image: url('../images/Mail.png'); }
			.img-rss16 { background-image: url('../images/RSS.png'); }
	
	/* mainFooter */
	#mainHeader { width:  940px; height: 44px; clear: both; position:  relative; }
		/* mainHeader branding */
		#mainHeader #branding { width: 165px; height:  44px; position: absolute; top: 0; left:  0;}
		#mainHeader #branding h1 a { display: block; margin: 0; padding: 0; width: 165px; height: 0; padding-top: 44px; overflow: hidden; background-image: url(../images/hdr.png); }
		/* mainHeader navigation */
		#mainNav { width: 520px; height: 44px; position: absolute; top: 0; right: 0; z-index: 1000; }
	  		/* mainNav */
	  		#mainNav ul#nav { display: block; width: 510px; height: 37px; list-style: none; margin: 0; padding: 0; padding-top: 6px; position: absolute; left: 0px; top: 0px; background-image: url(images/border.png); background-repeat: repeat-x; background-position: left bottom; }
	  		#mainNav ul#nav li { display: block; float: left; height: 37px; margin: 0; padding: 0; position: relative; }
	  		#mainNav ul#nav li a { display: block; height: 31px; margin-right: 5px; padding-left: 10px; padding-right: 10px; padding-top: 6px; /* begin styles */font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #666; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } 
				#mainNav ul#nav li a:hover { color: #fff; text-shadow: none; background-color: rgba(0, 0, 0, 0.6); }
				#mainNav ul#nav li.activeLink a { color: #666; background-color: #e6e6e5 ; padding-bottom: 12px; }
				/* mainNav level 2 navigation */
				#mainNav ul#nav li ul { display: none; width: 260px; padding-bottom: 5px; position: absolute; top: 37px; left: 0px; background-color: rgba(0, 0, 0, 0.6);  }
				#mainNav ul#nav li ul li { display: block; clear: both; width: 100%; position: relative; padding-top: 2px; padding-bottom: 3px; height: 25px; }
				#mainNav ul#nav li ul li a { font-size: 11px; font-weight: normal; color: #fff; }
				#mainNav ul#nav li ul li a:hover { background-color: rgba(0, 0, 0, 0.8); color: #fff; }
				/* mainNav level 3 navigation */
				#mainNav ul#nav li ul li ul { display: none; position: absolute; top: 0px; left: 200px; background-color: rgba(0, 0, 0, 0.5); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;  } 
				#mainNav ul#nav li ul li ul li a { font-size: 11px; font-weight: normal; color: #408edb; }
				#mainNav ul#nav li ul li ul li a:hover { background-color: #000; color: #fff; }
				/* mainNav active state */
				#mainNav ul#nav .dropActive { background-color: rgba(0, 0, 0, 0.6); -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
				#mainNav ul#nav .dropActive a { color: #fff; text-shadow:  none; }
				#mainNav ul#nav .dropActive a:hover { background-color: transparent; color: #fff; text-shadow:  none; }

				/* user options */
				#userOptions { width: 200px; height: 37px; padding-top: 6px; position: absolute; top: 0; right: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
					/* user not logged in */
					#userOptions ul.notLoggedin { display: block; clear: both; margin: 0; padding: 0; list-style: none; width: 100%; height: 37px; }
					#userOptions ul.notLoggedin li { display: inline; padding: 0; margin: 0;  }
					#userOptions ul.notLoggedin li a { display: block; float: right; margin-right: 5px; padding-top: 6px; padding-bottom: 13px; padding-left: 10px; padding-right: 10px; font-weight: bold; color: #337ED3; text-decoration: none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
					#userOptions ul.notLoggedin li a:hover { color: #72B4F9; text-shadow: none; background-color: rgba(0, 0, 0, 0.6); }
					#userOptions ul.notLoggedin li.activeLink a { position: relative; color: #72B4F9; text-shadow: none; background-color: rgba(0, 0, 0, 0.6); }
						/* login box */
						#loginBox { display: none; width: 230px; padding: 3px; position: absolute; right: 5px; top: 43px; background-color: rgba(0, 0, 0, 0.6); font-size: 11px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
						#loginBox a { font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: none; color: #666; }
							/* loginBox form */
							#loginBox form { background-color: #fff; padding: 10px; }
							#loginBox form input[type="text"], #loginBox form input[type="password"] { width: 94%; height: 18px; padding: 4px; border: 1px solid #ccc; color: #999; }
							#loginBox form input[type="text"]:focus, #loginBox form input[type="password"]:focus { color: #333; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; }
					/* user logged in */
					#userOptions ul.Loggedin { display: block; clear: both; margin: 0; padding: 0; padding-top: 8px; list-style: none; width: 100%; height: 37px; font-size: 11px; text-shadow: none; }
					#userOptions ul.Loggedin li { display: inline; padding: 0; margin: 0; padding-right: 5px; padding-left: 5px; border-right: 1px solid #999; text-align: center; }
					#userOptions ul.Loggedin li a { color: #337ED3; text-decoration: none; }
					#userOptions ul.Loggedin li a:hover { text-decoration: underline; }
	
	/* mainFooter */
	#mainFooter { clear: both; font-size: 11px; color: #666; font-weight:  normal; padding-top: 15px; background-image: url('../images/border.png'); background-position: 0 0; background-repeat: repeat-x; }
	#mainFooter a { text-decoration: none; color: #666; }
	#mainFooter a:hover { text-decoration: underline; }
		/* mainFooter nav */
		#mainFooter ul.ftrNav { display: block; clear: both; height: 18px; list-style: none; margin: 0; margin-bottom: 5px; padding: 0; }
		#mainFooter ul.ftrNav li { display: inline; margin: 0; padding: 0; padding-left: 15px; padding-right: 15px; border-left: 1px solid #ccc; }

	/* mainContent */
	#mainContent { clear: both; padding: 0; padding-top: 25px; font-size: 11px; }
		.index h1, .index h2, .index h3, .index h4, .index h5, .index h6 { margin-top: 10px; margin-bottom: 10px; }
		#mainContent a { text-decoration: none; color: #368fe2; }
		#mainContent a:hover { text-decoration: underline; }
		#mainContent span.moreInfo { display: block; clear: both; padding-top: 15px; text-align:  right; }
	
		/* index */
		.index { width: 620px; }
		
		/* sideBar */
		.sideBar { width: 300px; padding: 0; }
		.sideBar .sideBarBox { background-color: rgba(151, 153, 154, 0.1); clear: both; margin-bottom: 20px; }
		.sideBar .sideBarBox h6 { display: block; background-color: rgba(151, 153, 154, 0.2); color: #666; text-shadow: 0 1px 1px #eaeaea; padding: 5px; margin: 0; }
		.sideBar .sideBarBox p { padding: 0; margin: 0; }
		.sideBar .sideBarBox .contentBox { padding: 10px; }
		
		/* send email button */
		.sendEmail a {  display: block; clear: both; margin-top: 8px; width: 117px; height: 0px; padding-top: 22px; overflow: hidden; background-image: url(../images/sendEmail.png); background-position: 0px 0px; }
		/* signUpBeta */
		.signUpBeta a { display: block; width: 373px; height: 0px; padding-top: 49px; overflow: hidden; position: absolute; left: 33px; top: 420px; }


	/* contactForm */
	#contactformL { margin-left: auto; margin-right: auto; width: 370px; padding: 15px; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); background-image: url(../images/contact_hdr.png); background-repeat: no-repeat; background-position: 0px 0px; }
	#contactformL h4 { display: block; width: 100%; height: 0; padding-top: 34px; overflow: hidden; }
	#contactformL form { margin: 0; border: 0; }
		
	/* contactform */
	form#contactform { display: block; padding: 10px; padding-top: 25px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
	form#contactform fieldset { padding: 5px; }
	form#contactform fieldset p label { width: 120px; display: block; float: left; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; }
	form#contactform fieldset p input[type="text"], form#contactform input[type="search"], textarea { width: 40%; display: block; border: 1px solid #c2c2c2; background-color: #f0f0f0; padding: 6px; color: #333; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 11px; }
	form#contactform fieldset p input[type="text"]:focus, form#contactform input[type="search"]:focus, textarea:focus { background-color: #fff; }
	
	/* form widths */
	.small { width: 20%; }
	.medium { width: 40%; }
	.large { width: 70%; }
	
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay,#cboxWrapper { position:absolute; top: 30; left:0; z-index:9999; overflow:hidden;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
 
#cboxOverlay{position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{ overflow:visible; }
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{ background: #000; }

#colorbox{}
    #cboxContent{ margin-top: 30px; margin-bottom: 50px; }
        #cboxLoadedContent{ background-color: transparent; padding:0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;padding: 50px; }
        #cboxTitle{ display: none; position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{display: none;  position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{display: none; position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{display: none; display: none; position:absolute; top:50%; left:5px; margin-top:-32px;  width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{display: none; background-position:bottom left;}
        #cboxNext{display: none; position:absolute; top:50%; right:5px; margin-top:-32px;  width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{display: none; background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{ background:url(../images/loading.gif) center center no-repeat;}
        
		#cboxClose { display: block;background-color: transparent; position:absolute; right: 60px; bottom: 60px; z-index: 9999; display:none;  width: 57px; height: 0; padding-top: 24px; background-image: url(../images/_colorbox/closeBtn.png); background-position: 0 0;  text-indent:-9999px; }
        #cboxClose.hover{ background-position: bottom center; }
				#cboxTopLeft, #cboxCenter, #cboxTopRight { display: none; }
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/_colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/_colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/_colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/_colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/_colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/_colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/_colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/_colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}