/* CSS Document */


a img{ 	border: none;}


/* Navigation
--------------------------------------------- */

#navigation { position: relative; width:590px; float:left; margin: 12px 3px 0px 0px; }


#navigation ul {display: inline; float: left; list-style: none; margin: 0; }
	#navigation li {display: inline; float: left; margin: 0 0 0 0px; margin: 0px 0 2px 0;}
	#navigation li a {text-decoration: none; float: left; display:inline; text-indent:-9999px; }
	#navigation li span {display: none;}
	
#nav01a a {background: url(images/buttons/home.gif) bottom right no-repeat; width: 67px; height: 25px;}
#nav01a a:hover {background: url(images/buttons/home.gif) top right no-repeat; }
#nav01aon {background: url(images/buttons/home.gif) top right no-repeat; width: 67px; height: 25px;}
	
#nav01 a {background: url(images/buttons/sub_btn.gif) bottom left no-repeat; width: 103px; height: 25px;}
#nav01 a:hover {background: url(images/buttons/sub_btn.gif) top right no-repeat; }
#nav01on {background: url(images/buttons/sub_btn.gif) top left no-repeat; width: 103px; height: 25px;}

#nav02 a {background: url(images/buttons/products_btn.gif) bottom left no-repeat; width: 85px; height: 25px;}
#nav02 a:hover {background: url(images/buttons/products_btn.gif) top left no-repeat; width: 85px; height: 25px;}
#nav02on {background: url(images/buttons/products_btn.gif) top left no-repeat; width: 85px; height: 25px;}

#nav03 a {background: url(images/buttons/photo_btn.gif) bottom left no-repeat; width: 140px; height: 25px;}
#nav03 a:hover {background: url(images/buttons/photo_btn.gif) top right no-repeat; }
#nav03on {background: url(images/buttons/photo_btn.gif) top left no-repeat; width: 140px; height: 25px;}

#nav04 a {background: url(images/buttons/resources_btn.gif) bottom left  no-repeat; width: 66px; height: 25px;}
#nav04 a:hover {background: url(images/buttons/resources_btn.gif) top right no-repeat; }
#nav04on {background: url(images/buttons/resources_btn.gif) top right no-repeat; width: 66px; height: 25px;}

#nav05 a {background: url(images/buttons/about_btn.gif) bottom left no-repeat; width: 67px; height: 25px;}
#nav05 a:hover {background: url(images/buttons/about_btn.gif) top right no-repeat; }
#nav05on {background: url(images/buttons/about_btn.gif) top right no-repeat; width: 67px; height: 25px;}

#nav06 a {background: url(images/buttons/contact_btn.gif) bottom left no-repeat; width: 68px; height: 25px;}
#nav06 a:hover {background: url(images/buttons/contact_btn.gif) top right no-repeat; }
#nav06on {background: url(images/buttons/contact_btn.gif) top right no-repeat; width: 68px; height: 25px;}

#nav07 a {background: url(images/buttons/signup_btn.gif) bottom left no-repeat; width: 60px; height: 25px;}
#nav07 a:hover {background: url(images/buttons/signup_btn.gif) top right no-repeat; }
#nav07on {background: url(images/buttons/signup_btn.gif) top right no-repeat; width: 60px; height: 25px;}

#nav08 a {background: url(images/buttons/about_btn.gif) top right no-repeat; width: 178px; height: 28px;}
#nav08 a:hover {background: url(images/buttons/about_btn.gif) bottom right no-repeat; }
#nav08on {background: url(images/buttons/about_btn.gif) bottom right no-repeat; width: 178px; height: 28px;}

#nav09blank {background: url(images/buttons/blank.gif) bottom right no-repeat; width: 178px; height: 28px;}

a.moreinfo:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

a.moreinfo:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

a.moreinfo:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}




/* Frame
--------------------------------------------- */

* { padding: 0; margin: 0;} 



		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 680px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }

html { text-align: center;}

body { position: relative; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; margin-top: 0px; background: url(images/bg2.gif) top center repeat-y; background-color: #dee2e7;}

#container {position: relative; text-align: left; margin: 0 auto; width: 900px; padding: 0 0 0 0;}

#header {position: relative; display: block; width: 870px; height: 122px; margin: 0px 0px 5px 15px; background: url(images/header_bg.gif) top center repeat-x;}

#logo { position: relative; text-align: left; margin: -5px 0 0 0px; width: 192px; height:76px; padding: 0 0 0 0; }

#flashmovie { position: relative; float: left; display: block; width: 270px;}

#login_frame {
	position: absolute;
	display: block;
	width:250px;
	height:79px;
	margin: 10px 3px 0px 0px;
	left: 618px;
	top: -16px;
}

/* Main Page
--------------------------------------------- */

#emailalert {
	position: absolute;
	text-align: left;
	width: 170px;
	padding: 0 0 0 0;
	z-index: 0;
	left: 122px;
	top: 239px;
	height: 19px;
	color: #EEEEEE;
}


#middlecontent {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 870px;
	padding: 0 0 0 0;
	z-index: 0;
}

h1.intro {
	color: #336699;
	font-size: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 40px;
}

#middlerow1 {
	position: relative;
	display: block;
	text-align: left;
	margin: 0px 0 0px 0;
	width: 870px;
	padding: 0 0 0 0;
	z-index: 0;
}
#middlecol1 {
	position: relative;
	text-align: left;
	float: left;
	margin: 0 0 0 0;
	width: 438px;
	z-index: 0;
}
#middlecol2 {
	position: relative;
	text-align: left;
	float: left;
	margin: 0 0 0 6px;
	width: 425px;
	height: 229px;
	padding: 0 0 0 0;
	z-index: 0;
}

#middlecol2 p { position: relative; text-align: left; margin: 5px 0 0 40px; line-height: 1.4em; width: 350px;}  

#middlerow2 {
	position: relative;
	display: block;
	text-align: left;
	margin: 20px 0 0 36px;
	width: 815px;
	padding: 0 0 0 0;
	z-index: 0;
}
#colholder { position: relative; display: block; text-align: left; margin: 20px 0 0 0; width: 870px; padding: 0 0 0 0;}

#middlerow_col1 { position: relative; text-align: left; float: left; margin: 0 0 0 0px; width: 200px; height: 120px; border-right:dashed thin #CCCCCC;}
#middlerow_colinner1 { position: relative; text-align: left; float: left; margin: 17px 0 0 3px; width: 120px; height: 75px; }
#middlerow_colinner1 p { position: relative; text-align: left; float: left; margin: 2px 0px 0 0px; line-height: 1.4em; 
font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #787878; width: 100px;}

#middlerow_col2 { position: relative; text-align: left; float: left; margin: 0 0 0 8px; width: 190px; height: 120px; border-right:dashed thin #CCCCCC;}
#middlerow_colinner2 { position: relative; text-align: left; float: left; margin: 17px 0 0 6px; width: 114px; height: 75px; }
#middlerow_colinner2 p { position: relative; text-align: left; float: left; margin: 2px 0px 0 0px; line-height: 1.4em; 
font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #787878; width: 100px;}

#middlerow_col3 { position: relative; text-align: left; float: left; margin: 0 0 0 8px; width: 192px; height: 120px; border-right:dashed thin #CCCCCC;}
#middlerow_colinner3 { position: relative; text-align: left; float: left; margin: 17px 0 0 6px; width: 116px; height: 75px; }
#middlerow_colinner3 p { position: relative; text-align: left; float: left; margin: 2px 0px 0 0px; line-height: 1.4em; 
font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #787878; width: 100px;}

#middlerow_col4 { position: relative; text-align: left; float: left; margin: 0 0 0 8px; width: 200px; height: 120px;}
#middlerow_colinner4 { position: relative; text-align: left; float: left; margin: 17px 0 0 0; width: 116px; height: 75px;}
#middlerow_colinner4 p { position: relative; text-align: left; float: left; margin: 2px 0 0 0px; line-height: 1.4em; 
font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #787878; width: 100px;}

#col1_image { position: relative; text-align: left; float: left; margin: 17px 0 0 0px; width: 62px; height: 75px;}
#col2_image { position: relative; text-align: left; float: left; margin: 17px 0 0 0px; width: 65px; height: 75px;}
#col3_image { position: relative; text-align: left; float: left; margin: 17px 0 0 0px; width: 61px; height: 75px;}
#col4_image { position: relative; text-align: left; float: left; margin: 17px 0 0 0px; width: 80px; height: 75px;}

h2.col { float:left; font-size: 9px; margin-top: 10px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; color: #c72e67;}

h2.contact {
	float:left;
	font-size: 14px;
	margin-top: 5px;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #336699;
}

h1.expanded {
	font-size: 14px;
	margin-top: 15px;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #336699;
}

#lowercontent { position: relative; text-align: left; margin: 20px 0px 0px 16px; width: 880px; padding: 0px 0px 0px 0px;}

#whatsnew {
	position: relative;
	text-align: left;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 255px;
	height: 400px;
	background: url(images/whatsnew2_bg.gif) top left no-repeat;
}

#whatsnewholder {
	position: relative;
	text-align: left;
	margin: 15px 0px 5px 16px;
	width: 230px;
	overflow-X: hidden;
	overflow-Y: auto;
	height: 320px;
}

#whatsnewholder p {
	position: relative;
	text-align: left;
	margin: 0 0 20px 0px;
	width: 220px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #CCC;
}

h2.whatsnew { color: #336699; font-size: 12px; margin-top: 5px; margin-right: 0pt; margin-bottom: 7px; margin-left: 0px; text-decoration:none; }

#events {
	position: relative;
	text-align: left;
	float: left;
	margin: 0px 0px 0px 4px;
	width: 289px;
	/*height: 400px;*/
	/*background: url(images/eventsmailinglist2_bg.gif) top left no-repeat;*/
}

#events img {
	padding: 2px 0px 2px 2px;
}
#events .hr img {
	padding: 0px 0px 0px 0px;
}

#eventsholder {
	position: relative;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding-top:5px;
	padding-left: 16px;
	width: 273px;
	/*overflow-X: hidden;
	overflow-Y: auto;
	height: 170px;*/
	background: url(images/eventsHolderBG.jpg) top left repeat-y;
}

#newletersignup {
	position: relative;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding-top:5px;
	padding-left: 0px;
	width: 289px;
	/*overflow-X: hidden;
	overflow-Y: auto;
	height: 170px;*/
	background: url(images/eventsHolderBG.jpg) top left repeat-y;
}

#eventsHolderFooter {
	position: relative;
	text-align: left;
	width: 289px;
	height: 9px;
	margin-bottom:5px;
	/*overflow-X: hidden;
	overflow-Y: auto;
	height: 170px;*/
	background: url(images/eventsHolderFooter.jpg) top left no-repeat;
}

#eventsholder p {
	position: relative;
	text-align: left;
	margin: 0px 0px 0px 0px;
	width: 255px;
	padding: 0px 0px 10px 0px;
}
#eventsholder .hr {
	position: relative;
	text-align: left;
	margin: 0px 0px 0px 0px;
	width: 255px;
	height:1px;
	background-color:#CCCCCC;
	padding: 0px 0px 0px 0px;
}

#newsletterlogin {
	position: relative;
	width: 280px;
	padding: 0;
	margin: auto;
	height: 50px;
}

#newslettertable {
	position: relative;
	width: 200px;
	padding: 0;
	margin: 5px 0 30px 35px;
}

th.newsletterheader {
	border-top: 0;
	border-left: 0;
	border-right: 0px solid #C1DAD7;
	background: none;
}

td.newslettercontent {
	border-right: 0px solid #C1DAD7;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	text-align: center;
	padding: 16px 6px 16px 12px;
	color: #333333;
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
}

td.altnewsletter {
	border-right: 0px solid #C1DAD7;
	text-align: center;
	padding: 2px 6px 2px 0px;
	color: #336799;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}


td.alt3newsbnutton {
	border-right: 0px solid #C1DAD7;
	text-align: left;
	padding: 2px 2px 0px 4px;
	color: #333333;
	font: 9px  Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

td.alt2newsletter {
	border-right: 0px solid #C1DAD7;
	text-align: left;
	padding: 4px 2px 0px 0px;
	color: #666666;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

td.alt3newsletter {
	border-right: 0px solid #C1DAD7;
	text-align: left;
	padding: 2px 0px 0px 0px;
	color: #333333;
	font: 9px  Verdana, Arial, Helvetica, sans-serif;
}

td.alt4newsletter {
	border-right: 0px solid #C1DAD7;
	text-align: left;
	padding: 3px 4px 0px 0px;
	color: #333333;
	font: 9px Arial, Helvetica, sans-serif;
}

td.alt5newsletter {
	border-right: 0px solid #C1DAD7;
	text-align: right;
	padding: 0px 4px 0px 0px;
	color: #333333;
	font: 9px Arial, Helvetica, sans-serif;
}


#resourceshome {
	position: relative;
	text-align: left;
	float: left;
	margin: 0 0 5px 4px;
	width: 317px;
	height: 400px;
	background: url(images/resources_bg.gif) top left no-repeat;
}

#resourceshomeholder {
	position: relative;
	text-align: left;
	margin: 13px 0 5px 20px;
	width: 288px;
	overflow-X: hidden;
	overflow-Y: auto;
	height: 315px;
}

#resourceshome p {
	position: relative;
	text-align: left;
	margin: 0 0 20px 0px;
	width: 275px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #CCC;
}



.readmore { position: relative; text-align: left; margin: 10px 0 0px 0px; width: 289px;}

h3.whatsnew {
	font-size: 9px;
	margin-top: 7px;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 9px;
	background-image:url(images/whatsnew_title.gif);
	background-repeat:no-repeat;
	height: 32px;
	text-indent:-9999px;
}

h3.events { font-size: 9px; margin-top: 0px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; background-image:url(images/eventsHolderHeader.jpg); background-repeat:no-repeat; height: 40px; text-indent:-9999px;}

h3.newletter {
	font-size: 9px;
	margin-top: 0px;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image:url(images/newsletterHeader.jpg);
	background-repeat:no-repeat;
	height: 37px;
	text-indent:-9999px;
}

h3.homeresources { font-size: 9px; margin-top: 6px; margin-right: 0pt; margin-bottom: 0px; margin-left: 7px; background-image:url(images/resources_title3a.gif); background-repeat:no-repeat; height: 32px; text-indent:-9999px;}

h3.function { color:#0099CC; font-size: 10px; margin-top: 10px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; }

h2.expanded {
	font-size: 12px;
	color:#FFFFFF;
	padding: 7px 0 0 10px;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color:#336699;
	height: 22px;
}

a.more:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c72e67;
	text-decoration: underline;
}

a.more:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c72e67;
	text-decoration: none;
}

a.more:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c72e67;
	text-decoration: none;
}

a.morebigger:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c72e67;
	text-decoration: underline;
}

a.morebigger:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c72e67;
	text-decoration: none;
}

a.morebigger:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c72e67;
	text-decoration: none;
}


/* What's New
--------------------------------------------- */

h1.release { color: #336699; font-size: 18px; margin-top: 60px; margin-right: 0px; margin-bottom: 7px; margin-left: 100px;}

h1.ask { color: #336699; font-size: 18px; margin-top: 60px; margin-right: 0px; margin-bottom: 7px; margin-left: 100px;}

h1.buzz { color: #336699; font-size: 18px; margin-top: 60px; margin-right: 0px; margin-bottom: 7px; margin-left: 100px;}

h2.event { color: #336699; font-size: 18px; margin-top: 60px; margin-right: 0px; margin-bottom: 7px; margin-left: 100px;}



/* Abouts Us
--------------------------------------------- */

h1.abouts {
	color: #336699;
	font-size: 18px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 100px;
}

#middlecontent_about { position: relative; text-align: left; margin: 0 auto; width: 870px; padding: 0 0 0 0; }

#middlecontent_about_content {
	position: relative;
	text-align: left;
	width: 670px;
	padding: 0;
	font-size: 11px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 100px;
}

#middlecontent_about_content p { line-height: 1.4em; text-align:left; margin: 0 0 10px 0;}

#middlecontent_about_image {
	clear:both;
	float:right;
	margin: 0 0px 55px 30px;
	width: 328px;
	padding: 0 0 0 0;
}

#middlecontent_about_image2 {
	clear:both;
	float:right;
	margin: 0 15px 0px 0px;
	width: 230px;
	padding: 0 0 0 0;
}

h2.sectionheaders { color: #336699; font-size: 14px; margin-top: 25px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; text-decoration:none; }

h3.articles { color:#0099CC; font-size: 12px; margin-top: 7px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; }



/* Photography
--------------------------------------------- */

h1.photo {
	color: #336699;
	font-size: 18px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 100px;
}

#middlecontent_photo {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 870px;
	padding: 0 0 0 0;
}

#middlecontent_photo_content {
	position: relative;
	text-align: left;
	margin: 0 0 95px 100px;
	width: 690px;
	padding: 0 0 0 0;
}

#middlecontent_photo_content p { line-height: 1.4em; text-align:left; margin: 0 0 10px 0;}

#middlecontent_photo_image { clear:both; float:right; margin: 0 0 20px 20px; width: 251px; height:234px; padding: 0 0 0 0;}

h2.sectionheaders { color: #336699; font-size: 14px; margin-top: 25px; margin-right: 0pt; margin-bottom: 7px; margin-left: 0px; text-decoration:none; }

h3.articles { color:#0099CC; font-size: 10px; margin-top: 12px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; }


/* Resources
--------------------------------------------- */

h1.resources {
	color: #336699;
	font-size: 18px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 100px;
}

#middlecontent_resources {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 870px;
	padding: 0 0 0 0;
	/*background-image: url(images/resource_mouse2.gif); */
	background-repeat: no-repeat;
	background-position: right top;
}

#middlecontent_resources_content {
	position: relative;
	text-align: left;
	margin: 0 0 150px 100px;
	width: 460px;
	padding: 0 0 0 0;
}

#middlecontent_resources_content p { line-height: 1.4em; text-align:left; margin: 0 0 10px 0;}

#middlecontent_resources_image { clear:both; float:right; margin: 0 0 20px 20px; width: 251px; height:234px; padding: 0 0 0 0;}

h2.resources_sectionheaders { color: #336699; font-size: 14px; margin-top: 25px; margin-right: 0pt; margin-bottom: 7px; margin-left: 0px; text-decoration:none; }

h3.resources { color:#0099CC; font-size: 12px; margin-top: 7px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; }

#middlecontent_thankyou_content {
	position: relative;
	text-align: left;
	
	margin: 0 0 150px 100px;
	width: 560px;
	padding: 0 0 0 0;
}

/* Free Trial
--------------------------------------------- */

h1.freetrial {
	color: #336699;
	font-size: 18px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 100px;
}

h3.freetrial { color: #336699; font-size: 14px; margin-top: 25px; margin-right: 0pt; margin-bottom: 7px; margin-left: 0px; text-decoration:none; }

#middlecontent_trail { position: relative; text-align: left; margin: 0 auto; width: 870px; padding: 0 0 0 0; background: url(images/palm2.gif) top right no-repeat; }

#middlecontent_trail_content ul { list-style:inside; margin: 13px 0px 0px 0px;  padding-left: 1em; text-indent: -1em;}
#middlecontent_trail_content li { margin: 3px 5px 0 10px; padding: 0px 0px 0px 0px; }

#middlecontent_trail_content {
	position: relative;
	text-align: left;
	margin: 0 0 50px 100px;
	width: 650px;
	padding: 0 0 0 0;
}

#middlecontent_trail_content p { line-height: 1.4em; text-align:left; margin: 0 0 10px 0;}


/* Demo
--------------------------------------------- */


#middlecontent_demo { position: relative; text-align: left; margin: 0 auto; width: 870px; padding: 0 0 0 0; background: url(images/palm2.gif) top right no-repeat; }

#middlecontent_demo_content {
	position: relative;
	text-align: left;
	margin: auto;
	width: 640px;
}



/* Practices
--------------------------------------------- */

#newstamp {
	position: absolute;
	text-align: left;
	margin: 0px 10px 20px 0px;
	width: 50px;
	height: 53px;
	left: -45px;
	top: -33px;
}

#newstamp2 {
	position: absolute;
	display:inline;
	margin: 10px 15px 0px 0px;
	width: 50px;
	height: 53px;
	left: 217px;
	top: -7px;

}

#practices_navigation {
	position: relative;
	width:700px;
	margin: 20px 0 10px 90px;
}


#practices_navigation ul {display: block;  list-style: none; margin: 0; }
	#practices_navigation li {display: block; margin: 0 0 0 10px; margin: 0px 0 8px 0;}
	#practices_navigation li a {text-decoration: underline; margin: 0 0 0 10px; display:inline; width:100px; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #787878; font-weight:bold; }
	
	#practices_navigation ul ul {display: block; list-style: none; margin: 10px 0px 10px 10px; }
	#practices_navigation li li {display: block; margin: 0px 0 2px 5px;}
	#practices_navigation li li a {text-decoration: underline; margin: 0 0 10px 10px; display:inline; width:100px; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #787878; font-weight:normal; }
	

	
#practicesnav01 a {background: url(images/buttons/sub_btn.gif) bottom left no-repeat; width: 103px; height: 25px;}
#practicesnav01 a:hover {background: url(images/buttons/sub_btn.gif) top right no-repeat; }
#practicesnav01on {background: url(images/buttons/sub_btn.gif) top left no-repeat; width: 103px; height: 25px;}


h1.practices { color: #336699; font-size: 18px; margin-top: 60px; margin-right: 0px; margin-bottom: 7px; margin-left: 100px;}

#middlecontent_practices { position: relative; text-align: left; margin: 0 auto; width: 870px; padding: 0 0 0 0;}

.middlecontent_practices_contentintro {
	position: relative;
	text-align: left;
	margin: 25px 0px 45px 100px;
	width: 680px;
	padding: 0 0 0 0;
}

.middlecontent_practices_contentintro  p { line-height: 1.4em; text-align:left; margin: 0 0 0px 0;}

.middlecontent_practices_content1 {
	position: relative;
	text-align: left;
	margin: 0 0px 35px 100px;
	width: 680px;
	padding: 0 0 0 0;
}

.middlecontent_practices_content2 {
	position: relative;
	text-align: left;
	margin: 0 0px 35px 185px;
	width: 650px;
	padding: 0 0 0 0;
}

.middlecontent_riologin {
	position: relative;
	text-align: left;
	margin: auto;
	width: 150px;
	padding: 0 0 0 0;
}


middlecontent_practices_content2 p { line-height: 1.4em; text-align:left; margin: 0 0 0px 0;}

ul.table {
	list-style-position: outside;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 20px;
	vertical-align: middle;
}
li.table { margin: 5px 0 0 0; }

.middlecontent_practices_content1 p { line-height: 1.4em; text-align:left; margin: 0 0 0px 0;}

.middlecontent_practices_image { clear:both; float:right; margin: 20px 0px 15px 40px; width: 180px; height:225px; padding: 0 0 0 0;}

.middlecontent_practices_imagelong {
	clear:both;
	float:right;
	margin: 0px 0px 20px 40px;
	width: 300px;
	height:189px;
	padding: 0 0 0 0;
	border-bottom: 3px solid #CCC;
	border-top: 3px solid #CCC;
	border-right: 3px solid #CCC;
	border-left: 3px solid #CCC;
}

.middlecontent_practices_imagelong_short {
	clear:both;
	float:right;
	margin: 0px 0px 20px 40px;
	width: 300px;
	height:152px;
	padding: 0 0 0 0;
	border-bottom: 3px solid #CCC;
	border-top: 3px solid #CCC;
	border-right: 3px solid #CCC;
	border-left: 3px solid #CCC;
}

.middlecontent_practices_imagelong_short2 {
	clear:both;
	float:right;
	margin: 0px 0px 20px 40px;
	width: 300px;
	height:127px;
	padding: 0 0 0 0;
	border-bottom: 3px solid #CCC;
	border-top: 3px solid #CCC;
	border-right: 3px solid #CCC;
	border-left: 3px solid #CCC;
}

.middlecontent_practices_imagewide{ clear:both; float:right; margin: 20px 0px 20px 40px; width: 200px; height:225px; padding: 0 0 0 0;}

h2.practices_sectionheaders { color: #336699; font-size: 14px; margin-top: 0px; margin-right: 0pt; margin-bottom: 7px; margin-left: 0px;  }

h2.practices_sectionheaders { color: #336699; font-size: 14px; margin-top: 0px; margin-right: 0pt; margin-bottom: 7px; margin-left: 0px;  }


a.back:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
}

a.back:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
}

a.back:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
}


/* Subscription / Product
--------------------------------------------- */

h1.product {
	color: #336699;
	font-size: 18px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 100px;
}

h1.subscription { color: #336699; font-size: 18px; margin-top: 60px; margin-right: 0px; margin-bottom: 7px; margin-left: 100px;}

h1.sub { color: #336699; font-size: 18px; margin-top: 60px; margin-right: 0px; margin-bottom: 7px; margin-left: 100px;}

.middlecontent_sub_content1 ul { list-style:inside; margin: 13px 0px 0px 0px;  padding-left: 1em; text-indent: -1em;}
.middlecontent_sub_content1 li { margin: 3px 5px 0 20px; padding: 0px 0px 0px 0px; }

.middlecontent_sub_contentintro ul { list-style:inside; margin: 13px 0px 0 0px; margin-left: 0; padding-left: 1em; text-indent: -1em;}

.middlecontent_sub_contentintro li {
	margin: 3px 5px 0 10px;
	padding: 0px 0px 0px 0px;
}

#middlecontent_sub { position: relative; text-align: left; margin: 0 auto; width: 870px; padding: 0 0 0 0;}

.middlecontent_sub_contentintro { position: relative; text-align: left; margin: 25px 0px 25px 100px; width: 670px;  padding: 0 0 0 0;}

.middlecontent_sub_contentintro  p { line-height: 1.4em; text-align:left; margin: 0 0 0px 0;}

.middlecontent_sub_content1 { position: relative; text-align: left; margin: 0 0px 35px 100px; width: 670px;  padding: 0 0 0 0;}


#featurescontainer {
	position: relative;
	text-align: left;
	margin: auto;
	width: 700px;
	padding: 0 0 0 0;
}

.middlecontent_sub_contentfeatures {
	position: relative;
	text-align: left;
	margin: 0 0px 35px 12px;
	width: 300px;
	padding: 0 0 0 0;
	float: left;
}

.middlecontent_sub_contentfeatures p {
	position: relative;
	text-align: left;
	width: 300px;

	float: left;
}

.middlecontent_sub_contentfeatures2 {
	position: relative;
	text-align: left;
	margin: 0 0px 35px 50px;
	width: 300px;
	padding: 0 0 0 0;
	float: left;
}
.middlecontent_sub_contentfeatures2 p {
	position: relative;
	text-align: left;
	width: 300px;
	float: left;
}

.middlecontent_sub_content1 p { line-height: 1.4em; text-align:left; margin: 0 0 0px 0;}

.middlecontent_sub_image { clear:both; float:right; margin: 20px 0px 15px 40px; width: 180px; height:225px; padding: 0 0 0 0;}

.middlecontent_sub_imagelong {
	clear:both;
	float:right;
	margin: 0px 0px 60px 40px;
	width: 290px;
	padding: 0 0 0 0;
	border-bottom: 3px solid #CCC;
	border-top: 3px solid #CCC;
	border-right: 3px solid #CCC;
	border-left: 3px solid #CCC;
}

.middlecontent_sub_imagelong2 { clear:both; float:right; margin: 20px 0px 60px 40px; width: 400px; padding: 0 0 0 0;}

.middlecontent_sub_imagelong3 {
	clear:both;
	float:right;
	margin: 60px 0px 120px 50px;
	width: 333px;
	padding: 0 0 0 0;
}

.middlecontent_sub_imagewide{ clear:both; float:right; margin: 20px 0px 20px 40px; width: 200px; height:225px; padding: 0 0 0 0;}

.middlecontent_sub_imagewide2{ clear:both; float:right; margin: 20px 0px 10px 40px; width: 250px; height:225px; padding: 0 0 0 0;}

h2.sub_sectionheaders { color: #336699; font-size: 14px; margin-top: 0px; margin-right: 0pt; margin-bottom: 7px; margin-left: 0px;  }

h2.sub_sectionheaders {
	color: #336699;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0pt;
	margin-bottom: 12px;
	margin-left: 0px;
}

h2.sub2_sectionheaders { color: #336699; font-size: 14px; margin-top: 0px; margin-right: 0pt; margin-bottom: 7px; margin-left: 30px;  }

#subscriptioninfoholder { position: relative; text-align: left; margin: 25px 0px 25px 70px; width: 735px;  padding: 0 0 0 0;}
#subscriptioninfoholder  p{ position: relative; text-align: left; margin: 0px 0px 25px 30px; width: 650px;  padding: 0 0 0 0;}

#processbarholder {
	position:relative;
	width:350px;
	left: 0px;
	margin: auto;
	padding-top: 10px;
}



#joinnowlinkholder {
	margin: auto;
	position:relative;
	width:254px;
	height: 60px;
}

#registerlinkholder {
	margin: auto;
	position:relative;
	width:454px;
	height: 60px;
}
#joinnowlink { margin: 10px 0 0 0px; position:relative; float:left; width:104px; }
#backbtnlink { margin: 10px 0 0 0px; position:relative; float:left; width:104px; }
#nextbtnlink { margin: 10px 0 0 0px; position:relative; float:right; width:104px; }

 input.calculate {text-align:right;}

#tagline {
	margin: 18px 0 0 10px;
	position:relative;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	float: left;
}

#tableholder {
	margin: auto;
	width: 685px;
	padding: 0 0 0 0;
}



#tableholder p{
	margin: 20px 0 20px 60px;
	width: 555px;
	padding: 0 0 0 0;
}


#mytable {
	position: relative;
	width: 685px;
	padding: 0;
	margin: 0 0 30px 0;
}



caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px  Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 9px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #C1DAD7;
	border-top: 0px solid #C1DAD7;
	letter-spacing: 1px;
	text-align: center;
	padding: 16px 6px 16px 8px;
	background-color: #336699;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 0px solid #C1DAD7;
	background: none;
}

td.alt3a {
	border-right: 0px solid #C1DAD7;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	color: #333333;
	text-align: center;
	padding: 16px 6px 16px 12px;
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
}


td.alt3 {
	border-right: 0px solid #C1DAD7;
	border-bottom: 1px solid #CCC;
	background: #F5FAFA;
	color: #333333;
	text-align: center;
	padding: 16px 6px 16px 12px;
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	

}

#mytable2 {
	position: relative;
	width: 685px;
	padding: 0;
	margin: 0 0 30px 0;
}

caption2 {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px  Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th2 {
	font: bold 9px Arial, Helvetica, sans-serif;
	color: #333333;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #C1DAD7;
	border-top: 0px solid #C1DAD7;
	letter-spacing: 1px;
	text-align: center;
	padding: 16px 6px 16px 8px;
	background-color: #9FE1FF;
}

th.nobg2 {
	border-top: 0;
	border-left: 0;
	border-right: 0px solid #C1DAD7;
	background: none;
}

td.alt2a {
	border-right: 0px solid #C1DAD7;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	text-align: center;
	padding: 16px 6px 16px 12px;
	color: #333333;
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
}

td.alt2ascript {
	border-right: 0px solid #C1DAD7;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	text-align: left;
	padding: 16px 6px 16px 12px;
	color: #333333;
	font: 9px  Verdana, Arial, Helvetica, sans-serif;
}



td.alt2 {
	border-right: 0px solid #C1DAD7;
	border-bottom: 1px solid #CCC;
	background: #F5FAFA;
	text-align: center;
	padding: 16px 6px 16px 12px;
	color: #333333;
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
}

td.alt2script {
	border-right: 0px solid #C1DAD7;
	border-bottom: 1px solid #CCC;
	background: #F5FAFA;
	text-align: left;
	padding: 16px 6px 16px 12px;
	color: #333333;
	font: 9px  Verdana, Arial, Helvetica, sans-serif;
}

th.spec2 {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

th.specalt2 {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	

}

#mytable2_reg {
	position: relative;
	width: 400;
	padding: 0;
	margin: 0 0 30px 0;
}

#mytable_reg {
	position: relative;
	width: 400px;
	padding: 0;
	margin: 0 0 30px 0;
}

#tableholder_reg {
	margin: 0 0 0 10px;
	width: 400px;
	padding: 0 0 0 0;
	float: left;
}

#tableholder_reg2 {
	margin: auto ;
	width: 549px;
	padding: 0 0 0 0;

}

#extrainfo {
	margin: 0 0 0 15px;
	width: 300px;
	padding: 0 0 0 0;
	float: left;
	position: absolute;
	top: -15px;
	left: 472px;
}

#extrainfo p {
	margin: auto;
	width: 270px;
	padding: 5px 0 0 10px;
	line-height: 1.4;
}


/* Contact
--------------------------------------------- */

h3.contact {
	color: #336699;
	font-size: 16px;
	margin-top: 10px;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0px;
}

h1.contact {
	color: #336699;
	font-size: 18px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 100px;
}

#middlecontent_contact { position: relative; text-align: left; margin: 0 auto; width: 870px; padding: 0 0 0 0;}

.middlecontent_contact_contentintro { position: relative; text-align: left; margin: 25px 0px 25px 100px; width: 650px;  padding: 0 0 0 0;}

.middlecontent_contact_contentintro p { position: relative; text-align: left; margin: 25px 0px 25px 5px; width: 620px;  padding: 0 0 0 0;}



/* Footer
--------------------------------------------- */

#footer {
	width: 900px;
	color: #666666;
	position: relative;
	display: block;
	margin: 0px 0 0 0px;
	padding: 0;
	text-align: center;
}

a.footer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

a.footer:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

a.footer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}	

a.cira:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #999999;
	text-decoration: none;
}

a.cira:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #999999;
	text-decoration: none;
}

a.cira:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #999999;
	text-decoration: none;
}	

a.title:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	text-decoration: underline;
}

a.title:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	text-decoration: none;
}

a.title:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	text-decoration: none;
}

#copyright { float: left; display: block; width: 900px; font: 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: center; margin: 5px 0 20px 0px;}