/* tci.css */

html {
	width: 100%;
}

body {
	background: white url("img/bg.jpg") top left repeat;
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: center;
}

a, a:link, a:visited {
	color: blue;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: red;
	font-weight: normal;
	text-decoration: none;
}

h4 {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

h5 {
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}

/* TOTAL ********************/
#total {
	position: relative; /* keeps the absolutely position elements centered */
	background: white url("img/total.png") top left repeat-y;
	margin: auto;
	width: 771px;
}

/* HEADER *****************************/
#header {
	background: white url("img/top.png") top left no-repeat;
	float: top;
	width: 771px;
	height: 140px;
}


/* MENU ****************************/
#menu {
	background: white url("img/left.png") top left no-repeat;
	float: left;
	width: 120px;
	height: 461px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	color: white;
	font-family: tahoma;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}

ul.menubar {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100px;
}

ul.menubar li {
	position: relative;
	margin: 0 0 10px 0;
	z-index: 10;
}

li.menubar ul {
	position: absolute;
	left: 99px;
	top: 0;
	display: none;
	width: 155px;
}

li.menubar ul li {
	margin: 0;
}

/* menu item link */
ul.menubar li a {
	display: block;
	text-decoration: none;
	background: transparent url("img/btnshort1.png") top left no-repeat;
	margin: 0px;
	padding: 6px;
}
ul.menubar li a:hover {
	display: block;
	text-decoration: none;
	background: transparent url("img/btnshort2.png") top left no-repeat;
	margin: 0px;
	padding: 6px;
}

#menuspecial {
	display: block;
	background: white;
	text-decoration: none;
	background: transparent;
	padding: 0px;
}

/* submenu item link */
ul.menubar ul li a {
	display: block;
	text-decoration: none;
	background: transparent url("img/btnlong1.png") top left no-repeat;
	margin: 0px 1px;
	padding: 6px;
}
ul.menubar ul li a:hover {
	display: block;
	text-decoration: none;
	background: transparent url("img/btnlong2.png") top left no-repeat;
	margin: 0px 1px;
	padding: 6px;
}

#active {
	color: black;
	cursor: default;
}

ul.menubar li a {
	text-decoration: none;
	color: navy;
}

ul.menubar li.menubar a:hover {
	text-decoration: none;
	color: red;
}

ul.menubar a:visited {
	text-decoration: none;
	color: navy;
}

li:hover ul.menubar, li.over ul {
	display: block;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menubar li { float: left; }
* html ul.menubar li a { height: 1%; }
/* End */


/* CONTENT *****************************/
#content {
	background: white url("img/right.png") top right repeat-y;
	float: right;
	width: 611px;
	height: auto;
	margin: 0px;
	padding: 45px 25px 0px 10px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	text-align: left;
	color: black;
	overflow: none;
}
* html #content {
	width: auto;
}
/* #content:first-line {
	color: #000090;
	font-size: 12pt;
	font-variant: small-caps;
}
*/
#content:first-letter {
	color: navy;
	font-size: 16pt;
}

/* BREADCRUMB ***********************/
#breadcrumb {
	position: absolute;
	background: white;
	top: 140px;
	left: 140px;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 25px;
	color: black;
	font-family: arial, tahoma, "times new roman", times, serif;
	font-size: 10px;
}
a.breadcrumb, a.breadcrumb:link, a.breadcrumb:visited {
	color: maroon;
	font-weight: normal;
	text-decoration: none;
}
a.breadcrumb:hover {
	color: purple;
	font-weight: normal;
	text-decoration: none;
}


/* FOOTER ****************************/
#footer {
	background: white url("img/bottom.png") top left no-repeat;
	clear: both;
	width: 771px;
	height: 120px;
	padding: 0 0 1em 0;
	text-align: center;
	font-size: 10pt;
}

/* Box **************************/
#box {
	position: overflow;
	vertical-align: text-top;
}

.box1 {
	background: white url("img/box1.png") top left repeat-x;
	padding: 0px 5px 5px 5px;	
	border-width: 1px;
	border-color: silver;
	border-style: solid;
}
.box1:first-line {
	font-weight: bold;
	color: black;
}

.box2 {
	background: white url("img/box2.png") top left repeat-x;
	padding: 0px 5px 5px 5px;	
	border-width: 1px;
	border-color: silver;
	border-style: solid;
}
.box2:first-line {
	font-weight: bold;
	color: white;
}

/* Positioning *****************/
.posleft {
	float: left;
	margin: 8px 15px 15px 0px;
}
.posleft12 {
	float: left;
	margin: 8px 15px 15px 12px;
}
.poscenter {
	margin: 8px 0px 15px 0px;
	border-width: 2px;
}
.posright {
	float: right;
	margin: 8px 0px 15px 15px;
}
.posright12 {
	float: right;
	margin: 8px 12px 15px 15px;
}
.percent25 {
	width: 25%;
}
.percent33 {
	width: 33%;
}
.percent40 {
	width: 40%;
}
.percenthalf {
	width: 45%;
}
.percent50 {
	width: 50%;
}
.percent66 {
	width: 66%;
}
.percent75 {
	width: 75%;
}
.percent100 {
	width: 100%
}

/* COLUMNS **********************/
div.columns {
	height: 130px;
	list-style-type: none;
	text-align: left;
}
a.columns, a:link.columns, a:visited.columns, a:hover.columns {
	font-weight: bold;
	text-decoration: none;
	color: navy;
}

.col1{
	height: 100%;
	margin: 8px 0px 0px 0px;
	padding: 5px 12px 5px 0px;
	float: left;
}
.col1 h4 {
	color: navy;
}

.col2{
	margin: 8px 0px 0px 0px;
	padding: 5px 12px 5px 5px;
	float: left;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: silver;
	height: 100%;
}
.col2 h4 {
	color: navy;
}


.col3{
	height: 100%;
	margin: 8px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	float: left;
}
.col3 h4 {
	color: navy;
}


/* MSG **************************/
#msg {
	color: green;
	background: transparent;
	font-family: times, "times new roman", serif;
	font-size: 10pt;
	font-style: italic;
}

/* ERR **************************/
#err {
	color: red;
	background: transparent;
	font-family: times, "times new roman", serif;
	font-size: 10pt;
	font-weight: bold;
}

/* PHONE ************************/
#phone {
	color: purple;
	font-weight: bold;
}

/* MISC STYLES ******************/
img {
	border: 0px;
}

hr {
	color: maroon;
	height: 1px;
}

table {
	margin: 10px auto;
	text-align: center;
	border: 0px;
}

#caption {
	color: navy;
	font-size: 12pt;
	font-weight: bold;
}

#title {
	font-size: 14pt;
	font-style: italic;
	font-weight: normal;
	color: navy;
	text-align: left;
	font-family: arial; tahoma;
}

#event_date {
	color: red;
}

#red {
	color: red;
}

#date {
	color: maroon;
	font-weight: bold;
}

#small {
	font-size: 8pt;
}

#signature {
	font-family: "Monotype Corsiva", "script"
	text-indent: 150px;
	font-size: 16pt;
}

#highlight {
	font-weight: bold;
	color: navy;
	font-style: italic;
}

#position_right {
	text-align: right;
}

#super {
	font-size:xx-small;
	vertical-align:top;
}

.table {
	width: 100%;
	border-collapse:collapse;
}

#tablerowpix {
	background: transparent url("img/people.jpg") left top no-repeat;
	height: 180px;
	width: 12%;
}
#tablerowlinks {
	width: 26%;
	height: 10px;
	margin: 5px;
	padding: 5px;
	background-color: white;
	color: white;
	font-size: 9pt;
	text-align: right;
}
#tablerowdesc {
	width: 60%;
	margin:5px;
	padding: 5px;
	background-color: white;
	font-weight: bold;
	color: navy;
	font-size: 9pt;
	text-align: left;
}
#tablerowdesc a {
	font-weight: bold;
	color: navy;
}
#tablerowdesc a:hover {
	font-weight: bold;
	color: red;
}
#tablerowmid {
	background: transparent url("img/bullet2.jpg") center center no-repeat;
 	width: 2%;
	width: 20pt;
	height: 10px;
}

#lastupdated {
	color: gray;
	font-size: 8pt;
	font-family: arial, tahoma;
}


#tablist{
	margin: 0px 0px 20px 0px;
	font: bold 12px Verdana;
	border-bottom: 1px #778 solid;
}

#tablist ul {
	margin: 7px 0px 4px 0px;
}

#tablist li{
	list-style: none;
	display: inline;
	margin: 0px;
}

#tablist li a{
	text-decoration: none;
	padding: 3px 4px;
	border: 1px solid #778;
	border-bottom: none;
	background: white;
}

#tablist li a:link, #tablist li a:visited{
	color: navy;
}

#tablist li a.current{
	background: #CCC;
}

.tabcontent{
	display:none;
}


/* Outline Table ******************/
#OutlineTblItem {
	width: 32%;
	margin: 5px;
	padding: 5px;
	background-color: white;
	color: navy;
	font-size: 11pt;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	border-right: silver 1px solid;
}
#OutlineTblItem a {
	color: navy;
	font-weight: bold;
}
#OutlineTblItem a:hover {
	color: red;
	font-weight: bold;
}
#OutlineTblDesc {
	width: 68%;
	margin:5px;
	padding: 5px;
	background-color: #F8F8F8;
	color: black;
	font-size: 10pt;
	text-align: left;
}
#OutlineTblSubItem {
	background: white;
	font-size: 8pt;
	font-weight: bold;
	color: navy;
}
#OutlineTblSubItem a {
	color: navy;
	font-weight: bold;
}
#OutlineTblSubItem a:hover {
	color: red;
	font-weight: bold;
}

/* Product Comparison Table ******************/
#comparisonTable {
	margin-left: 40px;
	margin-right: 40px;
	text-align: center;
}
#comparisonTable th.item {
	text-align: left;
}
#comparisonTable td {
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;
}
#comparisonTable td.item {
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;
}
#comparisonTable tr.odd {
	background-color: #DD9;
}
#comparisonTable th.lite {
	color: red;
}
#comparisonTable th.std {
	color: blue;
}
#comparisonTable th.ent {
	color: #0F0;
}
#check_lite {
	background-image: url("img/checkred.gif");
	background-repeat: no-repeat;
	background-position: center;
	height: 11px;
	width: 11px;
}
#check_std {
	background-image: url("img/checkblue.gif");
	background-repeat: no-repeat;
	background-position: center;
	height: 11px;
	width: 11px;
}
#check_ent {
	background-image: url("img/checkgreen.gif");
	background-repeat: no-repeat;
	background-position: center;
	height: 11px;
	width: 11px;
}

#buttonGrid {
	text-align: center;
	margin-left: 200px;
	margin-right: 200px;
	border: 0px;
}
#buttonGrid td a {
	line-height:22px;
	background-image: url("img/btnshort1.png");
	background-position: center;
	font-size: 10pt;
	font-weight: bold;
	width: 100px;
	height: 27px;
}
#buttonGrid td a:hover{
	background-image: url("img/btnshort2.png");
}