﻿/* Global */

body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height:18px; color: #555;}
body {background: #FFF url(images/bgs/body2.gif) repeat-x top; margin: 0px;}

a { text-decoration: none; COLOR: #2173af; }
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

p {margin-top:0px; margin-bottom:10px;}

h4 { margin: 0px;}

h1 {
FONT: 30px/1em Tahoma, sans-serif;	COLOR: #000;
margin-top:18px;
}
h2 {
font-size: 20px; color: #1c7fbc; font-weight:normal;
}
h3 {
FONT: 18px Arial, Sans-Serif;
COLOR: #000000;
margin-bottom:5px;
}
h4 {
FONT: bold 15px/20px Arial, sans-serif;	COLOR: #000000;
}

hr{border:0; border-bottom:1px solid #ddd; height:1px; margin-top:30px;}

#container {width:980px; margin:0 auto;} 


.login {line-height:12px; margin-top:0px; padding-top:5px;  padding:5px !important; padding-left:10px;}
.login td,tr {line-height:12px; margin:0px; padding-top:5px;  padding:5px !important; }

table {border:0; margin-top:20px;}
th, td { border:0; padding:10px;}
table td h3 {margin-top:0; padding-top:0}

blockquote { margin:0; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}

/* Header */

#header {height:140px; background:url(images/bgs/header.gif) no-repeat left top;}
#logo { float:left}
#logo img { border:0;}
#title { color:#eee; font-size:22px; font-weight:normal; margin-left:10px; margin-top:0px; padding-top:11px;}

#search {width:321px; position:absolute; top:103px; margin-left:593px;}
#search .textfield {width:240px; height:15px; padding:0px; border:0;}
#search .searchbutton {width:70px; height:25px; position:relative; top:6px; left:3px;}

#about {width:361px; position:absolute; top:174px; margin-left:589px; font-size:14px; line-height:1.5em;}
#flash {width:980px; height:244px; margin-top:10px; }

/* Top Navigation */

#topNav { font-size:12px; font-family:Arial; font-weight:700; }
#topNav ul { margin:0; padding:0;}
#topNav ul li { display:inline; line-height:69px;}
#topNav ul li a { color:#C4DFEE; padding-left:15px; cursor:pointer; padding-right:5px; background:url(images/topNav/separator.gif) no-repeat right center;}
#topNav ul li a:hover { text-decoration:none; color:#d2e24b;}
#topNav ul li a.active { color:#FFFFFF;}

/* Left */

#left {width:240px; float:left;}

ul#leftnav {background:url(images/leftNav/navTop.gif) no-repeat left top;   padding:0; margin:0; font-size:13px; font-weight:normal;  list-style:none; padding-top:12px;}
ul#leftnav li a{ display:block; line-height:40px; padding-left:50px; padding-right:25px; color:#000; text-decoration:none;}
ul#leftnav li a:hover{color:#000; text-decoration:none;}
ul#leftnav li a.active{color:#fff; text-decoration:none;}

.leftSnippet {margin-top:10px;}
.leftSnippet img {border:0px;}

/* Content */

#bnr {width:710px; height:144px; float:right;}
#content {width:700px; float:right;  padding:0 10px; line-height:18px;}
.intro{font-size:14px; line-height:1.5em;}
#contentBlank {padding:0 10px; line-height:18px;}

#homeSnippets {width:980px; clear:both; margin-top:20px;}
#twentyfourseven { width:236px; float:left;}
#communication, #duck, #reports {float:left; width:236px; margin-left:12px;}

#homebuttons { width:230px; float:right;}
#homebuttons img { border:0; margin-top:10px;}

/* Support */

table.support {background:url(images/bgs/table.gif) no-repeat left bottom;}
table.support th { border:0; padding:10px; border-bottom:1px solid #ccc; text-align:left; font-weight:normal; color:#fff; background:url(images/bgs/tableheader.gif) no-repeat left top; font-size:120%;}
table.support p { margin:0;}
table td h3 {margin-top:0; padding-top:0}

/* Sign Up Steps */

#steps {width:450px; float:left;}
.step {padding:5px 15px 0px 65px; margin:0;}
.step p {margin:0; padding-bottom:1em;}
.stepbottom { margin:0; padding:0; background:url(images/bgs/stepbottom.gif) no-repeat left bottom; height:25px; margin-bottom:10px;}
#step1 {background:url(images/bgs/step1.gif) no-repeat left top;}
#step2 {background:url(images/bgs/step2.gif) no-repeat left top;}
#step3 {background:url(images/bgs/step3.gif) no-repeat left top;}
#step1 label {display:block; width:90px; float:left; font-weight:bold; padding-top:1px;}
#step1 input { width:250px; font-size:100%; padding:3px; margin-bottom:2px;}
#step2 label {display:block; margin-right:5px; float:left; font-weight:bold; padding-top:2px;}
#step2 input { width:150px; font-size:100%; padding:3px;}

/* Right Snippets */

#right {width:210px; float:right;}
.rightsnippet {padding:5px 15px 0px 15px; margin:0; background:url(images/bgs/rightsnippet.gif) no-repeat left top;}
.rightsnippet p {margin:0; padding-bottom:1em;}
.rightsnippet img { float:left; margin-right:10px; margin-bottom:10px;}
.rightsnippet h3 {color:#fff; font-size:120%; margin-top:5px; margin-bottom:0; padding-bottom:1em; font-weight:bold;}
.rightsnippet h4 {color:#333; font-size:120%; margin-top:5px; margin-bottom:0; padding-bottom:1em; font-weight:bold;}
.rightsnippetbottom { margin:0; padding:0; background:url(images/bgs/rightsnippetbottom.gif) no-repeat left bottom; height:15px; margin-bottom:20px;}
#casestudies img {float:left; margin-right:10px; margin-bottom:10px; border:1px solid #ccc;}
#casestudies hr { margin-top:0px;}
#casestudies h5 {margin:1em 0 0 0;}

/* News */
.article h4 {margin-bottom:5px;}
.article p {margin-top:0px; padding-bottom:1em;}
.article img {float:left; margin-right:10px; margin-bottom:10px; border:1px solid #ccc;}

/* Footer */
#footer {width:980px; font-size:12px; border-top:1px solid #ddd; clear:both; position:relative; top:20px; line-height:1.7em;}
#footerLeft {float:left; width:400px; padding:15px 0 15px 15px;}
#footerRight {float:right; padding:15px 10px 15px 0; text-align:right;}
#footerRight ul {margin:0; padding:0; float:right;}
#footerRight ul li {padding:0 0px; float:left; list-style:none; border-right: 1px solid #999; line-height:1em;}	


.itemlist {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px;	LIST-STYLE-TYPE: none;	POSITION: relative}
.itemlist .ctc H3 {	MARGIN-TOP: 0px;	MARGIN-BOTTOM: 5px; MARGIN-LEFT: 60px}
.itemlist IMG {LEFT: 0px;	POSITION: absolute;	TOP: 0px}
.itemlist .ctc H3 {	MARGIN-LEFT: 60px}
.itemlist .ctc P {	MARGIN-LEFT: 60px}
.itemlist LI {	MARGIN-BOTTOM: 30px} 
.row {	DISPLAY: inline-block} 
.row {	DISPLAY: block} 
.itemlist LI {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px;	LIST-STYLE-TYPE: none;	POSITION: relative} 
.itemlist .ctc {	MARGIN-BOTTOM: 30px;	POSITION: relative}

IMG {	BORDER-TOP-STYLE: none;	BORDER-RIGHT-STYLE: none;	BORDER-LEFT-STYLE: none;	BORDER-BOTTOM-STYLE: none}

.list LI {margin-bottom:5px;}

.RadTabStrip .rtsLevel {width: auto !important;}
