﻿/* CSS Document */

/* CSS Document */

 html,body,div,img,li,ul,dl,dd,dt,form,table,td,tr,form{
  margin:0;
  padding:0;
  border:0;
}
p
{
	margin: 5px 0;
	padding: 0;
}
input,select{
  margin:0;
  padding:0;}

/* Main DIV Layouts --------------------------------------------------*/

body{
 margin: 0;
 padding:0;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 background-color: #FFFFFF;
 text-align: center}

#container {margin: 0;
            width: 760px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			background-color: #FFFFFF;
			text-align:left
			;}

/*google styles*/

#content100
{
   font-size:12px;
   width:755px;

}



td.s
{
	font-size:12px;
}

.s{font-size:12px;}
.n table{font-size:14px;}

/* Header --------------------------------------------------*/

#head{
height:132px;
text-align:left;
background-image:url(/images/head_bg.gif);
background-repeat: no-repeat;
background-position: top left;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}
#head_irl{
height:132px;
text-align:left;
background-image:  url(/images/head_bg_irl.gif);
background-repeat: no-repeat;
background-position: top left;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}


#subnav {float: right;
         margin: 5px 0px 0px 0px; }

#navtop li
{
display: inline;
list-style-type: none;
background: url(/images/bullet.gif) no-repeat 0em 0.5em;
padding: 0 0 0 12px;
}

#search {margin: 77px 0px 0px 65px}
#logo {float: left;}

.invisible{position: absolute; left: -9000px}



/* ***MAIN MENU*** */
#Topnav{ height:30px; margin: 1px 0px 0 0px; text-align: left; border-top: 1px solid #C9C9C9;}
#Topnav ul{ height:30px; list-style-type: none; margin:0; }

#Topnav ul li{ float: left; }
#Topnav ul a,#Topnav ul a:link,#Topnav ul a:visited,#Topnav ul a:active{ height:30px; line-height:22px;  float:left; display:block; text-decoration:none; text-align:center; font-weight:bold; color:#4D5154; }
#Topnav ul li.on a#nav1,#Topnav a#nav1:hover{ color:#fff; background:#00BDE6; }
#Topnav ul li.on a#nav2,#Topnav a#nav2:hover{ color:#fff; background:#F5873C; }
#Topnav ul li.on a#nav3,#Topnav a#nav3:hover{ color:#fff; background:#BFD849; }
#Topnav ul li.on a#nav4,#Topnav a#nav4:hover{ color:#fff; background:#EE2690; }
#Topnav ul li.on a#nav5,#Topnav a#nav5:hover{ color:#fff; background:#99499A; }

#Topnav ul li span{ height:8px;  display:block; font-size:0; background:#ff0; }
a#nav1{ width:150px; }
a#nav2{ width:116px; border-left:1px solid #F5873C; }
a#nav3{ width:151px; border-left:1px solid #BFD849; }
a#nav4{ width:163px; border-left:1px solid #EE2690; }
a#nav5{ width:176px; border-left:1px solid #99499A; }

html>body a#nav1{ width:151px; }/* Plus One */
html>body a#nav2{ width:115px;  }/* Minus One */
html>body a#nav3{ width:150px; }/* Minus One */
html>body a#nav4{ width:162px; }/* Minus One */
html>body a#nav5{ width:177px; }/* Minus Two */

#Topnav a#nav1 span{ background:#00BDE6; }
#Topnav a#nav2 span{ background:#F5873C; }
#Topnav a#nav3 span{ background:#BFD849; }
#Topnav a#nav4 span{ background:#EE2690; }
#Topnav a#nav5 span{ background:#99499A; }



/* Main Content Layouts --------------------------------------------------*/

#content {padding: 0px;
		  margin-left: 155px;
		  margin-right: 155px;
		  margin-top: 0px;
		  background-color: #FFFFFF;
		  padding: 0px 0px 0px 0px;}

#content2 {padding: 0px; height: expression('1%');
		  margin-left: 155px;
		  margin-right: 155px;
		  margin-top: 0px;
		  background-color: #FFFFFF;
		  padding: 15px 15px 0px 10px;}

#content3 {padding: 0px;
		  margin-left: 155px;
		  margin-right: 0px;
		  margin-top: 0px;
		  background-color: #FFFFFF;
		  padding: 15px 15px 0px 10px;}

#content4 {padding: 0px;
		  margin-left: 0px;
		  margin-right: 155px;
		  margin-top: 0px;
		  background-color: #FFFFFF;
		  padding: 15px 15px 0px 10px;}

#content5 {padding: 0px;
		  margin-left: 155px;
		  margin-right: 155px;
		  margin-top: 0px;
		  background-color: #FFFFFF;
		  padding: 15px 15px 0px 10px;}

#sidebar-a {float: left;
			width: 155px;
			background-color: #ffffff;
			margin: 0px 0px 0px 0px;
			padding: 0}

#sidebar-b {float: right;
			width: 155px;
			background-color: #ffffff;
			margin: 0px 0px 0px 0px;
			padding: 0}

#sidebar-c {float: left;
			width: 150px;
			background-color: #ffffff;
			margin: 15px 0px 0px 0px;
			padding: 0}

#footer	{clear: both; position: relative; top: 10px; height: 2.5em;
			display: block;
			padding: 3px 0px 5px 0px;
			margin: 1px;
			background-color: #FFFFFF;
			border:solid #CCCCCC;
            border-width:1px 0px 0px 0px;
			text-align: center;}

/* Links --------------------------------------------------*/
a:link    {color: #000099; text-decoration: underline; }
a:visited {color: #800080; text-decoration: underline; }
a:hover   {color: #EE2690; text-decoration: underline; }



/* Placeholders --------------------------------------------------*/

/* Ask US --------------*/
#ask {width: 149px; margin: 15px 0px 0px 0px; border:1px solid #C9C9C9;}
#askhead {background:#EE2690;}
#askhead h3{color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
#asktext {padding: 5px 5px 5px 5px;}


/* Quick Links --------------*/
#quick {margin: 10px 0px 0px 0px; width: 149px; background: url(/images/quick_bg.gif) repeat-y;}
#quicktop {height: 8px; background: url(/images/curvetop.gif) no-repeat; background-position: top left;}
#quickmid{padding: 0px 5px 0px 5px;}
#quickbot{height: 8px; background: url(/images/curvebot.gif) no-repeat; background-position: bottom left;}
#quick h2 {color: #07A0C1;  font-size: 1em; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px}

/* Normal Placeholders --------------*/

.place  {width: 138px;
         margin: 15px 0px 0px 0px;
         border:1px solid #C9C9C9;
		 padding: 5px 5px 5px 5px }
.place h2 {color: #07A0C1; font-size: 1em; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}

.place2  {width: 138px; margin: 15px 0px 0px 5px;
         border:1px solid #C9C9C9;
		 padding: 5px 5px 5px 5px }
.place2 h2 {color: #07A0C1; font-size: 1em; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}

.place3  {width: 148px; margin: 15px 0px 0px 5px;
         border:1px solid #C9C9C9;
		  }
.place3 h2 {color: #07A0C1; font-size: 1em; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}


/* Text, Headings and Lists --------------------------------------------------*/

#home h1 {margin:0; padding: 0;}
#sidebar-a  ul    {list-style: none; margin: 0 0 0 0.3em; padding: 0 0 0.5em 0;}
#sidebar-a  ul li {background: url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
#sidebar-b  ul    {list-style: none; margin: 0 0 0 0.3em; padding: 0 0 0.5em 0;}
#sidebar-b  ul li {background: url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
#content2  ul    {list-style: none; margin: 0 0 0 1em; padding: 0 0 0.5em 0;}
#content2 ul li  {background: url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
#content2 ol ol { list-style-type: lower-alpha;}
#content2 ul.verticalMenu   {list-style: none; margin: 0; padding: 0 0 0.5em 0;}
#content2 ul.verticalMenu li  {background: #FFF; display: block; padding: 0.1em 0 0.1em 0;}
#content2 ul.verticalMenu ol { list-style-type: lower-alpha;}

#content img { margin: 7px;}
#content2 img { margin: 7px;}
#content3 img { margin: 7px;}
#content4 img { margin: 7px;}
#content5 img { margin: 7px;}
#tabtext img { margin: 7px;}
.tabcontent img { margin: 7px;}
.tabcontentfull img { margin: 7px;}

#content  ul    {list-style: none; margin: 0 0 0 1em; padding: 0 0 0.5em 0;}
#content ul li  {background: url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}

#content3 #third ul    {list-style: none; margin: 0 0 0 1em; padding: 0 0 0.5em 0;}
#content3 #third ul li  {background: url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}

#content4  ul    {list-style: none; margin: 0 0 0 1em; padding: 0 0 0.5em 0;}
#content4 ul li  {background: url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}

#content5 div ul    {list-style: none; margin: 0 0 0 1em; padding: 0 0 0.5em 0;}
#content5 div ul li  {background: url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}


.pink {color:#EE2690 }


#content5 #alpha li {list-style-type: none; padding-right: 2px; display:inline}

#get h1 {font-size: 1.5em; color: #00BDE6; font-weight:normal}
#hot h1 {font-size: 1.5em; color: #F5873C; font-weight:normal}
#learn h1 {font-size: 1.5em; color: #BFD849; font-weight:normal}
#news h1 {font-size: 1.5em; color: #EE2690; font-weight:normal}
#work h1 {font-size: 1.5em; color: #99499A; font-weight:normal}
#tabarea  h1 {margin: 10px 0px 10px 0px; font-weight:normal}
#dark h1{font-size: 1.5em; color: #666666; font-weight:normal}


h1 {font-size: 1.5em; color: #F5873C; font-weight:normal}


/*#content4 h1    {font-size: 1.5em; color: #666666; font-weight:normal; margin: 0px 0px 10px 0px}
#content4 h2    {font-size: 1.2em; color: #666666; font-weight:bold}*/


#column1 h2 {font-size: 1.2em;}
#column2 h2 {font-size: 1.2em;}


#bluesection h1{font-size: 1.2em; color: #666666; font-weight:bold}
#bluesection img { position: absolute; margin: 7px 0 0 14px;}
#orangesection h1 {font-size: 1.2em; color: #666666; font-weight:bold}
#orangesection img { position: absolute; margin: 7px 0 0 14px;}
#greensection h1{font-size: 1.2em; color: #666666; font-weight:bold}
#greensection img { position: absolute; margin: 7px 0 0 14px;}
#pinksection h1 {font-size: 1.2em; color: #666666; font-weight:bold}
#pinksection img { position: absolute; margin: 7px 0 0 14px;}
#purplesection h1{font-size: 1.2em; color: #666666; font-weight:bold}
#purplesection img { position: absolute; margin: 7px 0 0 14px;}


#get p {margin: 5px 0px 5px 0px }

#get h2   {font-size: 1.2em; color:#00BDE6; margin-bottom: 5px}
#get .placehead h2   {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
#get .placepinkhead h2   {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
#hot h2   {font-size: 1.2em; color:#F5873C; margin-bottom: 5px}

h2   {font-size: 1.2em; color:#F5873C; margin-bottom: 5px}

#hot .placehead h2   {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
#hot .placepinkhead h2   {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
#learn h2 {font-size: 1.2em; color:#C0D749; margin-bottom: 5px}
#learn .placehead h2   {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
#learn .placepinkhead h2   {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
#news h2  {font-size: 1.2em; color:#EE2690; margin-bottom: 5px}
#news .placehead h2   {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
#news .placepinkhead h2   {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
#work h2  {font-size: 1.2em; color:#99499A; margin-bottom: 5px}
#work .placehead h2   {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
#work .placepinkhead h2   {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}

#content2 h3 {font-size: 1.1em; color: #666666; font-weight:bold}

/* Main Content Homepage -------------------------------------------------------------------------*/
#grn {width: 420px;
      height: 176px;
      background: url(/images/placeholders/greenplace_frame.jpg) no-repeat;
	  margin: 15px 0px 0px 10px; }

#grn img { display: inline; position: absolute; margin-top: 14px; margin-left: 6px;}

#textgrn {padding: 20px 20px 0px 140px}

#grn h2	 {color: #EE2690; font-size: 1.3em; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}
#grn p   {margin: 10px 0px 0px 0px}


/* Blue Placeholder --------------------------------------------------*/

#blue {float: left;
      width: 205px;
      height: 177px;
      background: url(/images/placeholders/blueplace_frame.jpg) no-repeat;
	  margin: 15px 0px 0px 7px; }

#blue img { display: inline; position: absolute; margin-top: 32px; margin-left: 8px;}

#textblue {margin: 15px 10px 0px 105px}
#blue h2 {color: #0BB1ED; font-size: 1em; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px}

/* Purple Placeholder --------------------------------------------------*/

#purple {float: right;
         width: 205px;
         height: 177px;
         background: url(/images/placeholders/purpleplace_frame.jpg) no-repeat;
	     margin: 15px 8px 0px 0px; }

#purple img { display: inline; position: absolute; margin-top: 27px; margin-left: 105px;}

#textpurple {margin: 15px 100px 0px 15px}
#purple h2 {color: #AD70C3; font-size: 1em; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px}

/* History Trail --------------------------------------------------*/

#history    {background-color: #FFFFFF;
			border:solid #CCCCCC;
            border-width:0px 0px 1px 0px;
			padding: 5px 0px 5px 18px;}

/* Subpages -------------------------------------------------------------------------*/

.placeholder {width: 149px; margin: 15px 0px 0px 0px; border:1px solid #C9C9C9;}
.placehead {background:#EE2690;}
.placehead h2 {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
.ptext {padding: 5px 5px 5px 5px; background-color: #FFFFFF}
.image {padding: 0px; background-color: #FFFFFF}
.image img {margin: 1px 0px 0px 0px}
.image p {padding: 0px 5px 5px 5px;}

.placepink     {width: 149px; margin: 15px 0px 0px 0px; border:1px solid #C9C9C9;}
.placepinkhead {background:#EE2690;}
.placepinkhead h2 {color: #FFFFFF;  font-size: 1em; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px}
.ptext {padding: 5px 5px 5px 5px;}


#get .placehead {background:#00BDE6;}
#hot .placehead {background:#F5873C;}
#learn .placehead {background:#C0D749;}
#news .placehead{background:#EE2690;}
#work .placehead {background:#99499A;}

#bluesection {width: 419px; height: 139px; background: url(/images/placeholders/sectionblue_frame.jpg) no-repeat;  }
#orangesection  {width: 419px; height: 139px; background: url(/images/placeholders/sectionorange_frame.jpg) no-repeat;  }
#greensection  {width: 419px; height: 139px; background: url(/images/placeholders/sectiongreen_frame.jpg) no-repeat;  }
#pinksection  {width: 419px; height: 139px; background: url(/images/placeholders/sectionpink_frame.jpg) no-repeat;  }
#purplesection  {width: 419px; height: 139px; background: url(/images/placeholders/sectionpurple_frame.jpg) no-repeat;  }

#sectiontext {padding: 10px 10px 10px 140px;}
#sectiontext p {margin: 0px 0px 0px 0px}

/* Side Navigation -------------------------------------------------------------------------*/
#sideblue     {margin-left: 0px; border:1px solid #00BDE6; border-width: 1px 1px 1px 1px; }
#bluehead    {background-color: #00BDE6; color: #FFFFFF; font-weight: bold; padding: 3px;}
#sideblue ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #00BDE6;}
#sideblue li  {margin: 0 0 1px 0; }
#sideblue a   {display: block; padding: 5px 10px; width: 128px; color: #333333; background-color: #FFFFFF; text-decoration: none;}
#sideblue a:hover  {color: #000000; background-color: #E7E6E1; text-decoration: none; }
#sideblue ul ul li {margin: 0 0 1px 0;  }
#sideblue ul ul a  {display: block; padding: 5px 5px 5px 15px; width: 128px; color: #333333; background-color: #F5F5F5; background: #F5F5F5 url(/images/bullet.gif) no-repeat 0.5em 0.7em; text-decoration: none; font-weight: normal;}
#sideblue ul ul a:hover {color: #000000; background-color: #F5F5F5; text-decoration: underline;}

#sideorange     {margin-left: 0px; border:1px solid #F5873C; border-width: 1px 1px 1px 1px; }
#orangehead     {background-color: #F5873C; color: #FFFFFF; font-weight: bold; padding: 3px;}
#sideorange ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #F5873C;}
#sideorange li  {margin: 0 0 1px 0; }
#sideorange a   {display: block; padding: 5px 10px; width: 128px; color: #333333; background-color: #FFFFFF; text-decoration: none;}
#sideorange a:hover  {color: #000000; background-color: #D9D9D9; text-decoration: none; }
#sideorange ul ul li {margin: 0 0 1px 0;  }
#sideorange ul ul a  {display: block; padding: 5px 5px 5px 15px; width: 128px; color: #333333; background-color: #E7E6E1; background: #E7E6E1 url(/images/bullet.gif) no-repeat 0.5em 0.7em; text-decoration: none; font-weight: normal;}
#sideorange ul ul a:hover {color: #000000; background-color: #E7E6E1; text-decoration: underline;}

#sidegreen     {margin-left: 0px; border:1px solid #BFD849; border-width: 1px 1px 1px 1px; }
#greenhead     {background-color: #BFD849; color: #FFFFFF; font-weight: bold; padding: 3px;}
#sidegreen ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #BFD849;}
#sidegreen li  {margin: 0 0 1px 0; }
#sidegreen a   {display: block; padding: 5px 10px; width: 128px; color: #333333; background-color: #FFFFFF; text-decoration: none;}
#sidegreen a:hover  {color: #000000; background-color: #D9D9D9; text-decoration: none; }
#sidegreen ul ul li {margin: 0 0 1px 0;  }
#sidegreen ul ul a  {display: block; padding: 5px 5px 5px 15px; width: 128px; color: #333333; background-color: #E7E6E1; background: #E7E6E1 url(/images/bullet.gif) no-repeat 0.5em 0.7em; text-decoration: none; font-weight: normal;}
#sidegreen ul ul a:hover {color: #000000; background-color: #E7E6E1; text-decoration: underline;}

#sidepink     {margin-left: 0px; border:1px solid #EE2690; border-width: 1px 1px 1px 1px; }
#pinkhead     {background-color: #EE2690; color: #FFFFFF; font-weight: bold; padding: 3px;}
#sidepink ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #EE2690;}
#sidepink li  {margin: 0 0 1px 0; }
#sidepink a   {display: block; padding: 5px 10px; width: 128px; color: #333333; background-color: #FFFFFF; text-decoration: none;}
#sidepink a:hover  {color: #000000; background-color: #D9D9D9; text-decoration: none; }
#sidepink ul ul li {margin: 0 0 1px 0;  }
#sidepink ul ul a  {display: block; padding: 5px 5px 5px 15px; width: 128px; color: #333333; background-color: #E7E6E1; background: #E7E6E1 url(/images/bullet.gif) no-repeat 0.5em 0.7em; text-decoration: none; font-weight: normal;}
#sidepink ul ul a:hover {color: #000000; background-color: #E7E6E1; text-decoration: underline;}

#sidepurple    {margin-left: 0px; border:1px solid #99499A; border-width: 1px 1px 1px 1px; }
#purplehead     {background-color: #99499A; color: #FFFFFF; font-weight: bold; padding: 3px;}
#sidepurple ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #99499A;}
#sidepurple li  {margin: 0 0 1px 0; }
#sidepurple a   {display: block; padding: 5px 10px; width: 128px; color: #333333; background-color: #FFFFFF; text-decoration: none;}
#sidepurple a:hover  {color: #000000; background-color: #D9D9D9; text-decoration: none; }
#sidepurple ul ul li {margin: 0 0 1px 0;  }
#sidepurple ul ul a  {display: block; padding: 5px 5px 5px 15px; width: 128px; color: #333333; background-color: #E7E6E1; background: #E7E6E1 url(/images/bullet.gif) no-repeat 0.5em 0.7em; text-decoration: none; font-weight: normal;}
#sidepurple ul ul a:hover {color: #000000; background-color: #E7E6E1; text-decoration: underline;}


/* Tabs --------------------------------------------------*/
#tabarea {margin: 0px 0px 0px 0px;}

#tablist            {padding: 3px 20px; margin-left: 3px; border-bottom: 1px solid #57A8C3; margin-bottom: 0px}
#tablist li         {list-style: none; margin: 0; display: inline; background: none;}
#tablist li a       {padding: 3px 0.5em; margin-left: 2px; border: 1px solid #57A8C3; border-bottom: none; background: #DCE5EA; text-decoration: none;}
#tablist li a:link  {color: #333333; background: #DCE5EA }
#tablist li a:visited  {color: #333333; }
#tablist li a:hover {color: #333333; background: #CCDDE7; border-color: #57A8C3;}

#tablist li a#itson {background: #FAFCFD; border-bottom: 1px solid #FAFCFD; color: #333333;}

#tabbase { background: #FAFCFD; margin: 0px;  padding: 5px 0px 7px 7px; height:100%; min-height: 100%; border :solid #57A8C3; border-width: 0px 1px 1px 1px; overflow: hidden; }

#tabtext {text-align: left; float: left;  width: 380px; }
#tabtext  ul    {list-style: none; margin: 0 0 0 1em; padding: 0 0 0.5em 0;}
#tabtext ul li  {background: url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
#tabtext ol ol { list-style-type: lower-alpha;}

.tabcontent {text-align: left; float: left;  width: 380px; padding-left: .1em; }
.tabcontent  ul    {list-style: none; margin: 0 0 0 1em; padding: 0 0 0.5em 0;}
.tabcontent ul li  {background: url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
.tabcontent ol ol { list-style-type: lower-alpha;}

.tabcontentfull {text-align: left; float: left;  width: 530px; padding-left: .1em; }
.tabcontentfull  ul    {list-style: none; margin: 0 0 0 1em; padding: 0 0 0.5em 0;}
.tabcontentfull ul li  {background: url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}
.tabcontentfull ol ol { list-style-type: lower-alpha;}

#tabplace { text-align: left; float: right; margin-right:5px; width:155px; }
#tabmenu { clear: both; margin-right:5px; border: 1px solid #FFF;}

/* Tables--------------------------------------------------*/
table {background-color: #cccccc;}
td {background-color: #FFFFFF; padding: 5px;}
th {background-color: #EE2690; padding: 5px; color: #FFFFFF;}


/* IN-Page Nav --------------------------------------------------*/
#third {border: 1px solid #CCCCCC; margin: 10px 0px 0px 0px; overflow: hidden; height: 50%;}
#explain {color: #333333; background-color: #E3F3F6; font-size: 1em; padding: 3px 0px 3px 5px; font-weight: bold;}
#third ul {padding-top: 10px}

ul.leftlist {float: left; width: 180px;	}
ul.leftlist li.active { }

ul.rightlist {float: right; width: 180px; margin-right: 10px}
ul.rightlist li.active { }

/* Finishing Touches --------------------------------------------------*/
.btn1 {margin: 10px 0px 0px 0px}
.middle    {vertical-align: middle;}
.fright {float:right;}
.fleft{float: left;}
.imagespace {margin: 0px 10px 5px 15px}
#print {float:left; margin-top: 10px}
#next {float: right; margin-top: 10px}
.tendown {margin: 0px 0px 20px 0px}
#column1 {width: 250px; float:left}
#column2 {width: 250px; float:right; display:inline}
.pushdown {margin-top: 10px}

img.left { float: left;}
img.right { float: right;}
p.indent { margin-left: 40px }
p.left { text-align: left;}
p.center { text-align: center;}
p.right { text-align: right;}

/* Forms --------------------------------------------------*/
.warning {color: #FF0000;}
.warningbld {font-weight: bold; color: #FF0000;}

#comp, #feed, #emailfriend {margin: 0px; padding: 0px; font-size: 100%;}
#comp fieldset { font-size: 100%; padding: 5px; margin: 0px 0px 0px 0px;}
#comp fieldset legend {font-size: 130%; font-weight: normal; color: #000000; margin: 0px 0px 0px 0px; padding: 0px 5px;}

#feed fieldset, #emailfriend fieldset { font-size: 100%; padding: 5px; margin: 0px 0px 0px 0px;}
#feed fieldset legend {font-size: 130%; font-weight: normal; color: #000000; margin: 0px 0px 0px 0px; padding: 0px 5px;}

label {font-size: 100%;}

input, select, textarea {
  font-family: Verdana, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

#comp div, #feed div, #emailfriend div {
  clear: left;
  display: block;
  height: expression('1%');
  margin: 5px 0px 0px 0px;
  padding: 1px 3px;
}


#comp div fieldset, #feed div fieldset, #emailfriend div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0px 0px 0px 142px;
  padding: 0px 5px 5px 5px;
  width: 197px;
}

#comp div fieldset legend, #feed div fieldset legend, #emailfriend div fieldset legend{
  font-size: 100%;
  padding: 0px 3px 0px 9px;
}

#comp div.required fieldset legend, #feed div.required fieldset legend, #emailfriend div.required fieldset legend{
  font-weight: bold;
}

#emailfriend div label {
  display: block;
  float: left;
  width: 120px;
  padding-right: 5px;
  margin: 0px 0px 5px 0px;
}

#comp div label {
  display: block;
  float: left;
  width: 170px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
  font-weight: bold;
}
#feed div label {
  display: block;
  float: left;
  width: 170px;
  padding-right: 5px;
  margin: 0px 0px 5px 0px;
}

#comp #radio,#feed #radio, #emailfriend #radio {
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  font-weight: bold;
}

.radmove {
	clear: both;
	text-align: right;
	height: expression('1%');
	margin: 5px 0px 0px 0px;
	padding: 1px 3px;
}
.radmove label {
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
  font-weight: bold;
}

#comp div label.other,#feed div label.other, #emailfriend div label.other {
  width: 170px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  font-weight: bold;
}



#comp div fieldset label.labelRadio,#feed div fieldset label.labelRadio, #emailfriend div fieldset label.labelRadio {
  margin: 0px 0px 5px 0px;
  width: 70px;
}

#comp div input,#comp div select,#comp div textarea,#feed div input,#feed div select,#feed div textarea, #emailfriend div input, #emailfriend div select, #emailfriend div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

#comp div input.inputFile,#feed div input.inputFile {
  width: 211px;
}

#comp div select.selectOne,#feed div select.selectOne  {
  width: 211px;
  padding: 1px 3px;
}

#comp p,#feed p, #emailfriend p {clear:both}

#comp div input.inputCheckbox,#comp input.inputCheckbox,#feed div input.inputCheckbox,#feed input.inputCheckbox {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px 0px 0px 140px;
}

#comp div.submit,#feed div.submit, #emailfriend div.submit {
  width: 214px;
  padding: 0px 0px 0px 140px;
}

#comp div.submit div,#feed div.submit div, #emailfriend div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}

#comp div input.inputSubmit, div input.inputButton, input.inputSubmit, input.inputButton,#feed div input.inputSubmit, #emailfriend div input.inputSubmit {
  color: #000000;
  width: auto;
  padding: 0px 6px;
  margin: 0px;
}

#comp div.submit div input.inputSubmit, div.submit div input.inputButton,#feed div.submit div input.inputSubmit {
  float: right;
  margin: 0px 0px 0px 5px;
}

/*.inputRadio label {
  margin: 0px 0px 5px 0px;
  width: 70px;
}
.inputRadio input {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px 0px 0px 140px;
}*/
p.feed_end { clear: both; padding-top: 15px;}

.inputTextarea { width: 300px; }



/* New Homepage Styles -------------------------------------------------------------------------*/

.homeplaceholder {margin: 15px 0px 0px 0px; }
.homeplaceholder  h2 {font-size: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:normal}
.homeplaceholder .rssfeed { margin: -4px 0px 0px 73px; padding: 0px 0px 0px 0px; vertical-align:middle}

.homeplaceholder .rssfeed2 { margin: -4px 0px 0px 5px; padding: 0px 0px 0px 0px; vertical-align:middle}

*html .homeplaceholder .rssfeed { margin: 0px 0px 0px 73px; padding: 0px 0px 0px 0px; vertical-align:middle}
*html .homeplaceholder .rssfeed2 { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; vertical-align:middle}


.headgrn {margin: 0px 0px 0px 0px; background-image:url(/images/headgrn_right.gif); background-position: top right; background-repeat:no-repeat; height:27px;}
.headgrnin {margin: 0px 0px 0px 0px; padding: 3px 0px 0px 10px; background-image:url(/images/headgrn_left.gif); background-position: top left; background-repeat:no-repeat; height:24px;}
.headblu {margin: 0px 0px 0px 0px; background-image:url(/images/headblu_right.gif); background-position: top right; background-repeat:no-repeat; height:27px;}
.headbluin {margin: 0px 0px 0px 0px; padding: 3px 0px 0px 10px; background-image:url(/images/headblu_left.gif); background-position: top left; background-repeat:no-repeat; height:24px;}


.homeplaceholder a:link    {color: #000099; text-decoration: none; }
.homeplaceholder a:visited {color: #800080; text-decoration: none; }
.homeplaceholder a:hover   {color: #EE2690; text-decoration: underline; }


#sidebar-a  .homeplaceholder ul    {list-style: none; margin: 10px 0 0 0.3em; padding: 0 0 0.2em 0;}
#sidebar-a  .homeplaceholder ul li {background: url(/images/bullet_blue.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.5em 9px;}

#sidebar-b  .homeplaceholder ul    {list-style: none; margin: 10px 0 0 0.3em; padding: 0 0 0.2em 0;}
#sidebar-b  .homeplaceholder ul li {background: url(/images/bullet_blue.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.5em 9px;}


.homeplaceholder p.all {font-weight: bold; margin: 0px 0px 0px 10px!important; Padding: 0px 0px 0px 0px!important }
p.phone {background-image:url(/images/icon_phone.gif); background-repeat:no-repeat; background-position: top left; padding: 0px 0px 0px 30px }

.homeplaceholder p { margin: 10px 0px 0px 10px;}
.homeplaceholder input {margin: 3px 0px 0px 0px; color: #666666}
.homeplaceholder input.btnsubscribe {margin: 3px 0px 0px 59px}
*html .homeplaceholder input.btnsubscribe {margin: 3px 0px 0px 56px}

.joinus {margin: 15px 0px 0px 0px; background-image:url(/images/join.gif); background-position: top left; background-repeat:no-repeat; width: 155px;}
.joinus  h2 {font-size: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; color: #333333; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 10px; font-weight:normal}
.joinus img {padding: 5px 0px 5px 10px}


#contenthome {padding: 0px;
		  margin-left: 155px;
		  margin-right: 155px;
		  margin-top: 0px;
		  background-color: #FFFFFF;
		  padding: 15px 15px 0px 15px;
		  }
		  
		  
#contenthome h1 {
color:#333333;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:2.2em;
font-weight:normal;
letter-spacing:0;
margin:-4px 0 0;
padding:0;
}



#orangehold {width: 202px; }

#orangeplace {
background-image:url("/images/orange_top.gif");
background-position:left top;
background-repeat:no-repeat;
height:auto;
margin:15px 0 0;
min-height:100px;
padding:7px 10px 0;
width:182px;
}

/* for Internet Explorer *//*\*/* html #orangeplace {height: 100px;}/**/

#orangeplace h2 {font-size: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; color: #ea6d17; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-weight:normal}
#orangeplace p {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}
#orangeplace img  {border: 1px solid #ea6d17}
#orangeplacebtm {width: 202px; height: 10px;  background-image: url(/images/orange_btm.gif); background-repeat:no-repeat; background-position: bottom left; line-height:0.01em }

#greenhold {width: 202px; margin: 0px 0px 0px 10px}
#greenplace {
background-image:url("/images/green_top.gif");
background-position:left top;
background-repeat:no-repeat;
height:auto;
margin:15px 0 0;
min-height:100px;
padding:7px 10px 0;
width:182px;
}

/* for Internet Explorer *//*\*/* html #greenplace {height: 100px;}/**/

#greenplace h2 {font-size: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; color: #949912; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-weight:normal}
#greenplace p {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}
#greenplace img  {border: 1px solid #949912}
#greenplacebtm {width: 202px;  height: 10px;   background-image: url(/images/green_btm.gif); background-repeat:no-repeat; background-position: bottom left; line-height:0.01em }


#contenthome img.floatright {float: right; margin: 0px 0px 0px 5px}
#contenthome img.floatleft {float: left; margin: 0px 5px 0px 0px}

.promoleft {
margin:7px 0 0;
width:202px;
}

.promoright {
margin:7px 0 0 10px;
width:202px;
}

.promoleft h2, .promoright h2 {background-image:url("/images/hairline.gif");background-position:left bottom;background-repeat:repeat-x;color:#3B3B3B;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.4em;font-weight:normal;line-height:1.2em;margin:0;padding:0 10px 13px;}
.promoleft p, .promoright p  {padding: 10px 10px 10px 10px; }

.promoblue {  background-image:url(/images/promo_blue_right.gif); background-repeat:no-repeat; background-position: top right}
.promobluein  {  background-image:url(/images/promo_blue_left.gif); background-repeat:no-repeat; background-position: top left; padding:10px 10px 20px 10px }
.promobluein h2 {font-size: 1.3em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#049bbd;  padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px}
.promobluein p { padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px}
.promobluebtm { height: 10px; background-image:url(/images/promo_blue_right_btm.gif); background-repeat:no-repeat; background-position: bottom right; margin: 0px 0px 0px 0px;  }
* html .promobluebtm { height: 10px; background-image:url(/images/promo_blue_right_btm.gif); background-repeat:no-repeat; background-position: bottom right; margin: 0px 0px 0px 3px;  }
.promobluebtmin  { height: 10px;  background-image:url(/images/promo_blue_left_btm.gif); background-repeat:no-repeat; background-position: bottom left;    }


.promoplacetop {
background-image:url("/images/promo_blue_top.gif");
background-position:left top;
background-repeat:no-repeat;
margin:0;
width:417px;
}
/*.promoplacebtm {width: 417px; padding: 10px 0px 10px 0px;  margin: 0px 0px 0px 0px; background-image:url(/images/promo_blue_btm.gif); background-repeat:no-repeat; background-position:bottom left;} */
.promoplacebtm {width: 397px; padding: 10px 10px 10px 10px;  margin: 0px 0px 0px 0px; background-image:url(../../images/promo_blue_btm.gif); background-repeat:no-repeat; background-position:bottom left;}
.promoplacebtm h2 {
color:#049BBD;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.4em;
font-weight:normal;
margin:0;
padding:0;
}
.promoplacebtm table {margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px;}
.promoplacebtm td {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}



#contenthome .promoblue img.floatright {float: right; padding: 0px 0px 0px 0px}
#contenthome .promoblue img.floatleft {float: left; padding: 0px 0px 0px 0px}


div.clear {clear:left}

#contenthome table td {margin: 0px 0px 0px 0px!important; padding: 0px 0px 0px 0px!important} 

/* Clearfix --------------------------------------------------*/    
 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
.clearfix { 
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
	
	
.holdfloats{	overflow: auto;
	width: 100%}
	
.heroimage {
margin:0px 0px 0px 0px;
text-align:center;
}


.promoplacebtm img {border: 1px solid  #049BBD}

#orangeplace h3 { color: #666666; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; }
#greenplace h3 { color: #666666; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; }


.promoplacebtm h3 { color:#666666;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}

.heroimage img{
margin:0px 0px 22px 0px;
text-align:center;
}

* html #contenthome h1 {font-size:2.1em !important;}


