body {margin:0; padding:0; background:#A9A9A9; font-size:100%; line-height:1em; color:white; font-family:Arial, Helvetica, sans-serif;}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

/*==================Trila Main Divisions====================*/

#outer { 
	position:relative;
    width: 850px;
	min-height:100%;
	margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background:white;
}

#header {
	height:100px;
	background-image:url('images/Header.gif');
	padding:0px;
}

#topnav {
	height:33px;
	background:#484440;
	padding:0px 0px 0px 0px;
	border-top:thin white solid;
}

#main {
	height:400px;
	background:#FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 5px;
}

#footer1 {
	position:absolute;
	bottom:25px;
	height:150px;
	width:100%;
	background:#777777;
	color:white;
}

#footer2 {
	position:absolute;
	bottom:0px;
	height:25px;
	width:100%;
	background:#3A3734;
	color:white;
}

/*==================Sub Divisions====================*/

#yourip {
	position:absolute;
	right:30px;
	margin-top:60px;
	font-weight:bold;
	border-bottom:thin white dashed;
}

#coupon {
	height:120px;
	width:820px;
	margin:12px;
	font-weight:bold;
	border:thin white dashed;
}

#homemain {
	height:200px;
	width:100%;
	margin:7px;
	color:black;
}
#threesquares {
	height:250px;
	width:100%;
	margin:0px;
	position:absolute;
	bottom:175px;
}



/*==================list====================*/
ul { list-style:none;}
.site-nav { width:700px; margin-top:9px;}
.site-nav li { float:left; font-family:Arial, Gadget, sans-serif; font-size:.75em; font-weight:bold; background:url(images/divider.gif) repeat-y left top; padding: 0 18px;}
/* OLD .site-nav { position:absolute; left:0; top:110px; z-index:2;} 
.site-nav li { float:left; font-family:Arial, Gadget, sans-serif; font-size:.75em; font-weight:bold; background:url(images/divider.gif) repeat-y left top; margin-left:-2px; padding:0 18px; line-height:1.7em;}
 */
.site-nav li a { text-decoration:none; color:#fff;}
.site-nav li a:hover, .site-nav li a.act { color:#ffb800;}


/*==================txt, links, lines, titles====================*/
a {color:#ffa600;}
a:hover{text-decoration:none;}

h3 { color:#28a2d0; font-weight:normal; font-family:"Arial Black", Gadget, sans-serif; font-size:1.67em; letter-spacing:-1px; margin-bottom:20px;}
h4 { color:#868686; font-size:1em; margin-bottom:15px;}
h5 { color:#868686; font-size:1em; margin-bottom:15px; font-style:italic; font-weight:normal;}

.txt1 { color:#fff; font-size:.92em; display:block; float:left;}
.txt1 b { color:#ffb800; font-weight:normal;}

.link { text-transform:uppercase; font-family:"Arial Black", Gadget, sans-serif; text-decoration:none; color:#FFFFFF; font-weight:normal; letter-spacing:-1px; text-decoration:none;}
.link:hover { text-decoration:underline;}

.link1 { font-size:1.08em; text-decoration:none; font-weight:bold; color:#28a2d0; border-bottom:1px dotted #434343; line-height:1.42em;}
.link1:hover { border-bottom:0;}

.link2 { display:block; float:left; background:url(images/link-bgd.gif) repeat-x top; color:#fff; font-size:1em; text-decoration:none; line-height:.92em; text-transform:uppercase; margin-right:24px;}
.link2 em { display:block; background:url(images/link-left.gif) no-repeat left top;}
.link2 b { display:block; background:url(images/link-right.gif) no-repeat right top; padding:6px 9px 6px 9px; font-style:normal;}
.link2:hover { text-decoration:underline;}

.link3 { color:#ffb800; font-weight:bold; text-decoration:none; border-bottom:1px dotted #fff; font-size:1.08em; line-height:1.42em;}
.link3:hover { border-bottom:0;}

.link4 { display:block; float:right; background:url(images/link-bgd.gif) repeat-x top; color:#fff; font-size:1em; text-decoration:none; line-height:.92em; text-transform:uppercase; margin-left:11px;}
.link4 em { display:block; background:url(images/link-left.gif) no-repeat left top;}
.link4 b { display:block; background:url(images/link-right.gif) no-repeat right top; padding:6px 9px 6px 9px; font-style:normal;}
.link4:hover { text-decoration:underline;}

.divider { background:url(images/line-1.gif) repeat-y 296px 0;}
.divider1 { background:url(images/line-1.gif) repeat-y 610px 0;}

p { margin:0; padding:0;}

.footnote { font-family:Arial, Helvetica, sans-serif; font-size:.75em; margin:7px;}



/*==================INPROTED====================*/

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}
.col-1, .col-2, .col-3, .col-4 { float:left;}

/*==================other====================*/
.p1 { margin-bottom:18px;}
.p2 { margin-bottom:12px;}

.phone { float:right; margin-right:100px;}


/*==================boxes====================*/
.box { width:100%;}
.box .left-top-corner { background:url('images/left-top-corner.gif') no-repeat left top; height:14px; padding-left:14px;}
.box .right-top-corner { background:url('images/right-top-corner.gif') no-repeat right top; height:14px; padding-right:209px;}
.box .border-top { height:14px; background:url('images/border-top.gif') repeat-x 50% top; font-size:0; line-height:0; width:100%;}
.box .left-bot-corner { background:url('images/left-bot-corner.gif') no-repeat left bottom; height:14px; padding-left:14px;}
.box .right-bot-corner { background:url('images/right-bot-corner.gif') no-repeat right bottom; height:14px; padding-right:209px;}
.box .border-bot { background:url('images/border-bot.gif') repeat-x left bottom; height:14px; width:100%; font-size:0; line-height:0;}
.box .xcontent { background:#28cbd0 url('images/box-tail.gif') repeat-x 50% bottom;}
.box .xcontent .border-right { background:url('images/border-right.gif') repeat-y right top;}
.box .xcontent .left { background:url('images/box-left.gif') no-repeat left bottom;}
.box .xcontent .right { background:url('images/box-right.gif') no-repeat right bottom;}
.box .xcontent .inner { padding:0px 10px 12px 17px;}
.box h3  {color:#1A4779; font-family:"Arial Black", Gadget, sans-serif; font-size:1.35em; text-transform:uppercase; font-weight:normal; line-height:.83em; letter-spacing:-1px; margin-bottom:8px;}
.box h3 span { display:block; padding:1px 0 21px 0;}
.box h3 b { display:block; font-weight:normal; padding:7px 0 10px 0;}
.box h3.icon-1 { background:url('images/icon-1.png') no-repeat right top; 
min-height:75px; height:auto; height:75px;}
.box h3.icon-2 { background:url('images/icon-2.png') no-repeat right top; 
min-height:75px; height:auto; height:75px;}
.box h3.icon-3 { background:url('images/icon-3.png') no-repeat right top; 
min-height:75px; height:auto; height:75px;}
.box h3.icon-4 { background:url('images/icon-4.png') no-repeat right top; 
min-height:75px; height:auto; height:75px;}
#threesquares .box p { color:#FFFFFF; font-size:.85em; font-family:Arial, Helvetica, sans-serif; padding-right:10px; line-height:1em;}



.box1 { width:100%;}
.box1 .left-top-corner { background:url('images/left-top-corner1.gif') no-repeat left top; height:14px; padding-left:14px;}
.box1 .right-top-corner { background:url('images/right-top-corner1.gif') no-repeat right top; height:14px; padding-right:209px;}
.box1 .border-top { height:14px; background:url('images/border-top1.gif') repeat-x 50% top; font-size:0; line-height:0; width:100%;}
.box1 .left-bot-corner { background:url('images/left-bot-corner1.gif') no-repeat left bottom; height:14px; padding-left:14px;}
.box1 .right-bot-corner { background:url('images/right-bot-corner1.gif') no-repeat right bottom; height:14px; padding-right:209px;}
.box1 .border-bot { background:url('images/border-bot1.gif') repeat-x left bottom; height:14px; width:100%; font-size:0; line-height:0;}
.box1 .xcontent { background:#dfe93d url('images/box1-tail.gif') repeat-x 50% bottom;}
.box1 .xcontent .border-right { background:url('images/border-right1.gif') repeat-y right top;}
.box1 .xcontent .left { background:url('images/box1-left.gif') no-repeat left bottom;}
.box1 .xcontent .right { background:url('images/box1-right.gif') no-repeat right bottom;}
.box1 .xcontent .inner { padding:0 10px 12px 17px;}
.box1 h3  {color:#3C5C10; font-family:"Arial Black", Gadget, sans-serif; font-size:1.35em; text-transform:uppercase; font-weight:normal; line-height:.83em; letter-spacing:-1px; margin-bottom:8px;}
.box1 h3 span { display:block;  padding:18px 0 21px 0;}
.box1 h3.icon-1 { background:url('images/icon-1.png') no-repeat right top; 
min-height:75px; height:auto!important; height:75px;}
.box1 h3.icon-2 { background:url('images/icon-2.png') no-repeat right top; 
min-height:75px; height:auto!important; height:75px;}
.box1 h3.icon-4 { background:url('images/icon-4.png') no-repeat right top; 
min-height:75px; height:auto!important; height:75px;}
#threesquares .box1 p { color:#FFFFFF; font-size:.85em; padding-right:10px; line-height:1em;}

.box2 { width:100%;}
.box2 .left-top-corner { background:url('images/left-top-corner2.gif') no-repeat left top; height:14px; padding-left:14px;}
.box2 .right-top-corner { background:url('images/right-top-corner2.gif') no-repeat right top; height:14px; padding-right:209px;}
.box2 .border-top { height:14px; background:url('images/border-top2.gif') repeat-x 50% top; font-size:0; line-height:0; width:100%;}
.box2 .left-bot-corner { background:url('images/left-bot-corner2.gif') no-repeat left bottom; height:14px; padding-left:14px;}
.box2 .right-bot-corner { background:url('images/right-bot-corner2.gif') no-repeat right bottom; height:14px; padding-right:209px;}
.box2 .border-bot { background:url('images/border-bot2.gif') repeat-x left bottom; height:14px; width:100%; font-size:0; line-height:0;}
.box2 .xcontent { background:#ffda00 url('images/box2-tail.gif') repeat-x 50% bottom;}
.box2 .xcontent .border-right { background:url('images/border-right2.gif') repeat-y right top;}
.box2 .xcontent .left { background:url('images/box2-left.gif') no-repeat left bottom;}
.box2 .xcontent .right { background:url('images/box2-right.gif') no-repeat right bottom;}
.box2 .xcontent .inner { padding:0 10px 12px 17px;}
.box2 h3  {color:#B04D02; font-family:"Arial Black", Gadget, sans-serif; font-size:1.35em; text-transform:uppercase; font-weight:normal; line-height:.83em; letter-spacing:-1px; margin-bottom:8px;}
.box2 h3 span { display:block;  padding:18px 0 21px 0;}
.box2 h3.icon-1 { background:url('images/icon-1.png') no-repeat right top; 
min-height:75px; height:auto!important; height:75px;}
.box2 h3.icon-3 { background:url('images/icon-3.png') no-repeat right top; min-height:75px; height:auto!important; height:75px;}
.box2 h3.icon-4 { background:url('images/icon-4.png') no-repeat right top; min-height:75px; height:auto!important; height:75px;}
#threesquares .box2 p { color:#FFFFFF; font-size:.85em; padding-right:10px; line-height:1em;}


/*header*/
#homemain .logo {position:absolute; left:-30px; top:55px; font-family:"Arial Black", Gadget, sans-serif; font-size:1.67em; width:250px; height:60px; background:#fff;}
#homemain .logo span { display:block; padding:30px 28px 0 40px;}
#homemain .logo2 span { display:block; padding:60px 0px 0 0px;}
#homemain .logo a { display:block; text-decoration:none; color:#a1a1a1; line-height:2em;}
#homemain .logo a em { display:block; font-size:3.25em; color:#28a2d0; font-style:normal;}
#homemain .logo a b { font-weight:normal; color:#ffb800;}
#homemain .slogan { font-family:"Arial Black", Gadget, sans-serif; height: 35px;}
#homemain .slogan span { display:block; float:left; font-size:4em; color:#434343; line-height:.92em;}
#homemain .slogan div { font-size:2em; text-transform:uppercase; letter-spacing:-2px; line-height:1em; padding-top:4px; color:#1cbbc1;}
#homemain .slogan div strong { color:#b1c720; font-weight:normal;}
#homemain .slogan div em { font-style:normal; color:#ffc100;}
#homemain .slogan div b { color:#ff8c00; font-weight:normal;}
#homemain .maintext {width:500px; color:black; font-family:Arial, Helvetica, sans-serif; font-size:1.05em; line-height:1.2em; margin:15px 15px 15px 15px;}
#homemain .maintext span {color:#B04D02; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1em; font-weight:bold;}
#homemain .maintext b {color:#0050A0; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1em; font-weight:bold;}
#homemain .maintext h1 {color:#0050A0; font-family:"Arial Black", Gadget, sans-serif; font-size:1.3em; margin-bottom:5px;}


/*About Page*/
#aboutmain .maintext {width:90%; color:black; font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.2em; margin:15px 15px 15px 15px;}
#aboutmain .maintext span {color:#B04D02; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1em; font-weight:bold;}
#aboutmain .maintext b {color:#0050A0; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1em; font-weight:bold;}
#aboutmain .maintext h1 {color:#0050A0; font-family:"Arial Black", Gadget, sans-serif; font-size:1.3em; margin-bottom:5px;}
#aboutmain .maintext h2 {color:#B04D02; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; margin-bottom:0px;}
#aboutmain .maintext ul {list-style:square; padding-left:50px; font-size:1.2em; color:#B04D02; line-height:1.3em;}


/*Tools Page*/
#tools {width:780px; margin:10px 10px 10px 10px; padding:7px 7px 7px 7px; color:#333333; font:.97em; line-height:1.5em;}
#tools h1 {color:#0050A0; font-family:"Arial Black", Gadget, sans-serif; font-size:1.3em; margin-bottom:5px;}
#tools a {color:#0050A0; font-size:1.1em;}
#toolsright {width:530px; height:200px; float:right; margin:10px 10px 10px 10px; padding:7px 7px 7px 7px; background:#FFFFCC; color:#333333; font:.97em; line-height:1.5em;}
#toolsright h1 {color:#0050A0; font-family:"Arial Black", Gadget, sans-serif; font-size:1.3em; margin-bottom:5px;}
#toolsright a {color:#0050A0; font-size:1.1em;}
#toolsleft {width:200px; float:left; padding:7px 0px 7px 7px;}

/*Comcash Page*/
#ComMain{ height:580px; background:#FFFFFF; margin-left: 0px; margin-top: 0px; padding-top: 10px; padding-left: 5px; }
#comcashNav{width:200px; height:540px; position:relative; float:left; padding:5px 5px 5px 5px; background:#484440; line-height:1.5em; font-size: 13px; color:#FFFFFF; font-weight: bold;}
#comcashNav a {text-decoration: none; color: #FFFFFF;}
#comcashNav u {font-size: 13px; color:#FFFF00; font-weight: bold; line-height: 150%; text-decoration:underline;}	
#comcashNav .title {font-size: 28px; color:#FFFFFF; text-decoration:none; font-weight: bold; text-align:center; padding-top:30;
						text-decoration:underline;}
#comcashNav .download {font-size: 13px; color:#FFFFFF; font-weight: bold; padding-top:25; text-decoration:underline; text-align:center;}

#comcashMain{width:600px; height:500px; position:relative; float:right; padding:0px 5px 5px 5px; font-size:2em; line-height:1.8em; color:#B1C720; font-weight: bold;}
#comcashMain p {font-size:.4em; line-height:1.2em; color:#333333;}



/*Help Page*/
#help {width:780px; margin-left:auto; margin-right:auto; margin-top:10px;}
#help h1 {color:#0050A0; font-family:"Arial Black", Gadget, sans-serif; font-size:1.3em; margin-bottom:5px;}

/*coupon*/
#coupon div	{margin:10px 10px 10px 10px;}
#coupon span {color:white; font-size:1.6em; line-height:1em; font-weight:bold;}
#coupon b {color:#FFC100; font-size:.8em; line-height:1em; font-weight:normal;}
#coupon p {color:white; font-size:1.1em; line-height:1.5em; font-weight:bold; padding:10px 50px 0px 40px;}
#coupon strong {color:#FFC100; font-size:1.1em; line-height:1.2em; font-weight:bold; padding:0px 50px 0px 40px;}

/*content1*/
#content1 { min-height:361px; height:auto!important; height:361px; background:url('images/cont1-bg.jpg') no-repeat right top;
}
#content1 .indent { padding-bottom:42px;}
#content1 .indent1 { padding-bottom:25px;}
#content1 .indent2 { padding:190px 0 42px 0;}
#content1 p { line-height:1.17em;}

/*content2*/
#content2 { background:url('images/cont2-tail.gif') repeat-y center;}
#content2 .top { background:url('images/cont2-bg.gif') no-repeat center top; padding:5px 0 35px 0;}
#content2 h3 { color:#fff; width:100%; overflow:hidden; line-height:1.2em;}
#content2 h3 a { float:right; text-decoration:none; font-size:.6em; font-weight:normal; font-family:Arial, Helvetica, sans-serif; letter-spacing:0; color:#a4a2a0;}
#content2 h3 a:hover { text-decoration:underline;}
#content2 p, #content2 h4, #content2 dl { color:#c9c8c7; line-height:1.17em;}
#content2 dl dt { font-weight:bold; margin-top:16px;}



/**** Contact Page ****/
#form_container {background:#999999; color:#444444; margin:0 auto; text-align:left; width:750px;}
form.appnitro{margin:20px 20px 0; padding:0 0 20px;}
.appnitro {font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif; font-size:small;}
.appnitro li {width:61%;}
form ul {font-size:100%; list-style-type:none; margin:0; padding:0; width:100%;}
form li {display:block; margin:0; padding:4px 5px 2px 9px; position:relative;}
form li:after {	clear:both; content:"."; display:block; height:0; visibility:hidden;}


* html form li {height:1%;}
* html .buttons {height:1%;}
* html form li div {display:inline-block;}
form li div {color:#444; margin:0 4px 0 0; padding:0 0 8px;}
form li span {color:#444; float:left; margin:0 4px 0 0; padding:0 0 8px;}
form li div.left {display:inline; float:left; width:48%;}
form li div.right {display:inline; float:right; width:48%;}
form li div.left .medium {width:100%;}
form li div.right .medium {width:100%;}
form li span label {clear:both; color:#000000; display:block; font-size:13px; line-height:9px; margin:0; padding-top:3px;}
.form_description {border-bottom:1px dotted #ccc; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	clear:both; display:inline-block; margin:0 0 1em; color:#444444;}
.form_description h2 {clear:left; font-size:2em; font-weight:600; margin:3px 0 5px 0;}
.form_description p {font-size:1em; line-height:130%; margin:0 0 10px 5px;}