/* Global, Redefine Default HTML */
body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #FFFFFF;
behavior: url(/includes/hover.htc); /* This allows css hover effects to work in ie6. Needed for tabs and drop-downs */
}
a:link, a:visited {
color: #2d76bb;
text-decoration: none;
}
a:hover {
color: #2d76bb;
text-decoration: underline;
}
p {
line-height: 20px;
margin: 12px 0px;
padding: 0px;
}
h1 {
font-size: 24px;
color: #999999;	
line-height: 30px;
margin: 16px 0px 6px 0px;
}
h2 {
font-size: 20px;
color: #999999;
font-weight: normal;
margin: 16px 0px 6px 0px;
}
h3 {
font-size: 14px;
color: #999999;
margin: 16px 0px 6px 0px;
}
ul {

}
li {
line-height: 20px; 
margin: 8px 0px 8px 0px;
}
form {
padding: 0px;
margin: 0px;
}

/* Page Layout */

#page-wrapper {
width: 950px; 
margin: 0px auto;
position: relative;
}
#header {
width: 100%;
margin: 0px 0px 14px 0px;
overflow: hidden;
}
#header-left {
width: 290px;
float: left;
text-align: center;
overflow: hidden;
}
#header-left img#logo {
margin: 12px 15px 12px 0px;
}
#header-right #header-right-top {
height: 76px;
}
#header-right #header-right-bottom {

}
#header-right {
position: relative;
width: 630px;
float: left;
overflow: hidden;
}
#header-right #top-nav {
position: absolute;
width: 255px;
right: 0px;
}
#header-right #top-nav-inner {
margin: 10px 0px 0px 30px;
}
#header-right #top-nav a {
padding: 2px  14px  2px  4px;
text-decoration: none;
display: inline-block;
background: url(../images/nav-arrow.png) no-repeat right;
}
#main-nav {
background-image: url(../images/main-nav-bg.png); 
background-repeat: no-repeat;
	clear: both;
	height: 42px;
}

/* Main Nav Tabs */
#main-nav ul {
margin:0 0 0 10px;
padding:0;
list-style:none;
overflow: hidden;
}
#main-nav li {
float:left;
margin:0;
padding: 0px;
border-right: 1px solid #7F7F7F;
height: 42px;
line-height: 18px;
}
#main-nav a {
font-size: 14px;
float:left;
display:block;
width:.1em;
padding:12px 24px 12px 24px;
white-space: nowrap;
text-decoration:none;
color: #FFFFFF;
}
#main-nav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main-nav a {float:none;}
/* End IE5-Mac hack */
#main-nav a:hover {
color:#FFFFFF;
}
#main-nav #current {
border-width:0;
}
#main-nav #current a {
color:#FFFFFF;
background-color: #CCCCCC;
background-image: url(../images/top-nav-over.png); 
background-repeat: repeat-x;
}
#main-nav li:hover,#main-nav li:hover a {
color:#FFFFFF;
background-color: #CCCCCC;
background-image: url(../images/top-nav-over.png); 
background-repeat: repeat-x;
}
#main-nav li:hover a {

}

/* Footer */

.footer-wrapper {
width: 100%;
clear: both;
border-top: 1px solid #CCCCCC;
}
.footer {
width: 980px;
margin: 20px auto;
overflow: hidden;
}

.footer-left {
width: 320px;
float: left; 
margin: 10px 0px 10px 0px;
}
.footer-center {
width: 330px;
float: left; 
margin: 10px 0px 10px 0px;
}
.footer-right {
width: 320px;
float: left; 
text-align: center;
margin: 10px 0px 10px 0px;
}

/* Body Area */
#body-twocolumn {
background-image: url(../images/body-bg.png); 
background-repeat: repeat-y;
overflow: hidden;
border-top: 1px solid #CCCCCC;
}

#body-left-column {
float: left; 
width: 630px;

margin: 0px 0px 0px 0px;
overflow: hidden;
}
#body-right-column {
float: left; 
width: 319px;

margin: 0px 0px 0px 0px;
overflow: hidden;
}
.home-header-left {
position: relative;
float: left; 
width: 621px;
height: 197px;
margin: 0px 7px 20px 0px;
overflow: hidden;
background-color: #E5E5E5;
}
.body-left-inner {
margin: 20px 20px 20px 20px;
}
.body-right-inner {
margin: 20px 20px 20px 20px;
}
	/* for one column page */
#body-column {
clear: both;
float: left; 
width: 950px;
margin: 0px 0px 0px 0px;
overflow: hidden;
}
.body-column-inner {
margin: 0px 20px 20px 20px;
}
.home-header-right {
float: left; 
width: 315px;
margin: 0px 0px 0px 7px;
overflow: hidden;
}
.home-header-text {
text-align: center;
margin-top: 30px;
}
.home-header-button {

}
.body-header-left {
float: left; 
width: 621px;
height: 151px;
margin: 0px 7px 20px 0px;
overflow: hidden;
background-color: #E5E5E5;
}
.body-header-left-inner {
margin: 10px 20px 10px 20px;
}
.body-header-right-inner {
margin: 10px 20px 20px 0px;
}
.body-header-right {
float: left; 
width: 315px;
margin: 0px 0px 0px 7px;
overflow: hidden;
}
.body-header-text {
text-align: center;
margin-top: 30px;
}
.action-button{
	position: absolute; 
	top: 166px;
	left: 470px;
	width: 110px;
}
.action-button a, .action-button a:visited {
	display: block;
	background-color: #2d76bb;
	color: #FFFFFF;
	padding: 8px 22px 8px 12px;
	background-image: url(../images/arrow-action-button.png);
	background-repeat: no-repeat; 
	background-position: right;
}
.body-header {
	overflow: hidden;
}
.body-header h1 {
margin: 4px 0px 0px 0px;
padding: 0px;
color: #666666; 
font-size: 18px; 
line-height: 18px;
}
.body-header p {
	margin: 0px 0px 4px 0px;
	padding: 0;
	line-height: 16px;
}
.subNav, .subNav ul {
list-style-type: none;
padding: 0px;
margin: 0px 0px 0px 8px;
}

.subNav ul li {
padding: 0px;
margin: 0px;
line-height: 14px; 
}
.subNav a {
	display: block;
	padding: 8px 0px 8px 8px;
	margin: 0px;
}
.subNav a:hover {
	background-color: #EFEFEF;
	text-decoration: none;
}

.quote-bullet {
list-style-type: square;
margin-left: 15px;
padding-left: 0px;
}
/* Sidebar Sub Navigation */

.sidebar-subnav ul {
list-style-type: none;
padding: 0px;
margin: 0px 0px 0px -8px;
}
.sidebar-subnav ul li {
padding: 0px;
margin: 0px;

line-height: 14px; 
}
.sidebar-subnav a {
display: block;
padding: 8px 0px 8px 8px;
margin: 0px;}
.sidebar-subnav a:hover {
background-color: #EFEFEF;
text-decoration: none;
}
.sidebar-subnav .title {
font-weight: bold;  
background-image: url(../images/subnav-arrow.png); 
background-repeat: no-repeat;
background-position: right;
padding: 0px 14px 0px 0px;
}
.sidebar-subnav .description {
display: block;
font-weight: normal;
color: #666666;  
font-size: 11px;
}
.sidebar-lower-well {
padding: 20px;
border-top: 1px solid #CCCCCC;
}

div.breadcrumb {
border-bottom: 5px solid #FFFFFF;
overflow: hidden;
height: 24px;
padding-left: 10px;
font-size: 11px;
}
div.breadcrumb a {
	display: block; 
	float: left;
	padding: 6px 20px 6px 10px;
	background-image: url(/images/breadcrumb-bg.png); 
	background-repeat: no-repeat;
	background-position: top right;
}
div.breadcrumb .current {
	padding: 6px 0px 6px 10px;
	display: block;
	float: left;
}

.news-headlines .news-item a {
	background-color: #E5E5E5;
	margin: 10px 0px 10px 0px; 
	padding:  10px 0px 10px 5px; 
	display: block;
}
.news-headlines  a.more {
	float: right;
	font-weight: bold; 
	padding-right: 14px;
	background-image: url(/images/subnav-arrow.png); 
	background-repeat: no-repeat;
	background-position: right;
}

/* START - TABLE STYLES */
.tbl{
	border: 1px solid #999999; 
	border-collapse: collapse;
	font-size: 10px;
}
.tblRowHeader{
	background-color:#000000;
	color: #FFFFFF;
	font-weight: bold;
}
.tblRowOdd{
	background-color:#FFFFFF;
	line-height: 1.3em;
}
.tblRowEven{
	background-color:#ECECEC;
	line-height: 1.3em;
}
/* END - TABLE STYLES */

.panel {
	background-color : #EDEDED;
	border-color : #CCCCCC;
	border : thin groove Black;
	margin: 10px;
	width: 100%;
}

.panel h1 {
	font-size: 18px;
}

div.panel_2 {
		border : thin groove Black;
	background-color: #EDEDED; 
	padding: 4px; 
	margin: 10px; 
	vertical-align: top;
	font-size: 11px;
}

/* CONTROLS THE TREE PULLDOWN MENU */
.trigger {
	cursor: pointer;
	cursor: hand;
	font-size: 12px;
}
	
.branch {
	display: none;
	margin-left: 16px;
}

/* START - DRAG DROP LIST STYLES */
div.workarea { padding:10px;}

ul.draglist { 
    position: relative;
    width: 200px; 
    height:240px;
    background: #f7f7f7;
    border: 1px solid gray;
    list-style: none;
    margin:0;
    padding:0;
}

ul.draglist li {
    margin: 1px;
    cursor: move; 
}

ul.draglist_alt { 
    position: relative;
    border-collapse: collapse;
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}

ul.draglist_alt li {
    margin: 1px;
    cursor: move;
    border: 1px solid #999999;
}


#user_actions { float: right; }

/* END - DRAG DROP LIST STYLES */

/* Clients */

.clients-list .item {
width: 270px; 
float: left;
margin: 10px 20px 10px 0px;
overflow: hidden;
min-height: 40px;
}
.clients-list .name {
font-size: 12px;
}
.clients-list .image {
	
}

.clients-list .description {
	
}