body {
    font-size:16px;
    background-color: #ffffff;
    background-image: url('../../images/gradients/background.png');
    background-repeat: repeat-y;
    background-position: top center;
    color: #444444; 
}

a, a:visited {
    color: #0B578F;
    background-color: transparent;
    text-decoration: none;
}

img {
    vertical-align: middle;
    border: 0;
}

h1, h2, h3, h4 {
    margin: 0;	
}

h1 {
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
}

h2 {
	font-size: 16px;
	font-weight: bold;
}

table, tr, td {
	/* vertical-align: middle; */
}

p {
	font-size:12px;
	font-weight:normal;
}

.dataLabel {
    padding: 5px;
    vertical-align: top;
}
.dataField {
    
}

.tabForm {
    border-bottom: 2px solid #112a8e;
    border-top: 4px solid #112a8e;
    background-color:#F6F6F6;
    font-size:12px;
    margin-bottom:5px;
    padding:10px 6px 12px 10px;
}

.tabForm.search tr td {
    vertical-align: middle;
}

.tabFormS {
    background-color:#F6F6F6;
    font-size:12px;
}

.smallGreyText {
    color: #666;
    font-size: 10px;
}

#header {
    height: 32px;
    width: 100%;
    margin-left: 0px;
    vertical-align: top;
}

#header .navLink {
    color: #393939;
    background-color: #f6f6f6;
    height: 26px;
    font-weight: bold;
    font-size: 16px;
    font-variant: small-caps;
}

#logo {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.companyName {
	padding-top:4px;
	font-size:16px;
	font-variant:small-caps;
	font-weight:bold;
}

.title {
	color:#393939;
	padding-left:5px;
}

.subtitle {
	padding-left:5px;
	font-size:12px;
	color:#393939;
}

.bigSection {
	background-color: #f6f6f6;
	border: 1px solid #dddddd;
	color: #393939;
	cursor: pointer;
}

.bigSection .title {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 16px;
}

.smallSection {
	background-color: #f6f6f6;
	border: 1px solid #dddddd;
	padding: 10px;
}
.smallSection .title {
    font-variant: normal;
}
.smallSection ul {
    font-size:12px;
    font-weight:normal;
}

.plainSection {
    padding: 10px;
    width: 198px;
    height: 330px;   
}

.spacer {
    margin-bottom: 15px;
}

.section {
    border-top: 4px solid #112a8e;
    border-bottom: 2px solid #112a8e;
}

.section_about {
    border-top: 4px solid #112a8e;
    border-bottom: 2px solid #112a8e;
}
.section_about_navbutton {
    background: #FFFFFF url('../../images/gradients/button_blue.png') no-repeat 0 0;
}
.section_about_navbutton a, .section_about_navbutton a:visited {
    color: #FFFFFF;
    display: block;
    text-align: center;
}

.section_products {
    border-top: 4px solid #8d1168;
    border-bottom: 2px solid #8d1168;
}
.section_products_navbutton {
    background: #FFFFFF url('../../images/gradients/button_purple.png') no-repeat 0 0;
}
.section_products_navbutton a, .section_products_navbutton a:visited {
    color: #FFFFFF;
    display: block;
    text-align: center;
}

.section_architect {
    border-top: 4px solid #118d75;
    border-bottom: 2px solid #118d75;
}
.section_architect_navbutton {
    background: #FFFFFF url('../../images/gradients/button_green.png') no-repeat 0 0;
}
.section_architect_navbutton a, .section_architect_navbutton a:visited {
    color: #FFFFFF;
    display: block;
    text-align: center;
}

.section_service {
    border-top: 4px solid #ff6600;
    border-bottom: 2px solid #ff6600;
}
.section_service_navbutton {
    background: #FFFFFF url('../../images/gradients/button_yellow.png') no-repeat 0 0;
}
.section_service_navbutton a, .section_service_navbutton a:visited {
    color: #FFFFFF;
    display: block;
    text-align: center;
}

.copyright {
	margin-top: 10px;
	font-size: 9px;
	font-variant:small-caps;
	color: #112a8e;
}

.associations {
	text-align: center;
	padding-top: 20px;
}
.associations img {
    padding: 0px 8px;	
}

.donateBox {
    float: left;
    text-align: center;
    margin-right: 20px;	
}

.topLink {
    font-size: 9px;
    font-variant:small-caps;
    color: #112a8e;
}

.productDesc {
    margin-top:5px;
    font-size: 10px;
}

.greenNotice {
    color: #444444;
    background-color: #CCFF99;
    min-height: 22px;
    font-size: 13px;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 6px;
}

.redNotice {
    color: #444444;
    background-color: #FF9999;
    min-height: 22px;
    font-size: 13px;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 6px;
}

.userBar {
	background-color: #CCFF99;
	font-size: 12px;
}

.requiredField {
    color: #FF0000; 
}

.list_item {
    /* background: #f6f6f6 url('../../images/gradients/tableHeadBlue.gif') repeat-x top left; TODO: used or not?*/
    background-color: #F6F6F6;
    border-top: 4px solid #112a8e;
    border-bottom: 2px solid #112a8e;
    /* margin: 2px; */
    padding: 2px;
}
.list_item h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 1px 1px 1px 1px;
    color: #333333;
}

.list_item .description {
    font-size: 14px;
    font-weight: bold;
    background: #FFFFFF url('../../images/gradients/heading.gif') repeat-x top left;
    border-top: 4px solid #112a8e;
    padding: 6px 5px 4px 3px;
    margin: 10px 0px 2px 0px;
}

.subList {
    border: solid 2px #112a8e;
    background-color: #FFFFFF;
    padding: 2px;
}

.subList td {
    padding: 2px;
}

.subList tr:hover {
    background-color: #D4E2F1;
}

.subListOff :hover {
    background-color: #FFFFFF;
    borders: solid 0px #112a8e;
}

/*******************************************
            MENUS AND ACCORDIONS 
*******************************************/

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 220px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
  margin-left: 0px;
}

ul.menu li a {
  background: #112a8e url('../../images/gradients/blue_dark.png') 0 0 repeat-x;
  color: #FFF;	
  padding: 0.5em;
}

ul.menu li a:hover {
  background: #8ca3ff url('../../images/gradients/blue_light.png') 0 0 repeat-x;
}

ul.menu li ul li a {
  background: #FFF;
  color: #112a8e;
}

ul.menu li ul li a:hover, ul.menu li ul li a.selected {
  background: #8ca3ff;
  color: #FFF;
  border-left: 5px #000 solid;
  margin-left: 15px;
}

/*******************************************
                   SIDE BAR
*******************************************/
#sideBarHome {
    position: fixed;
    width: auto;
    height: 50px;
    top: 39px;
    right: 0px;
    background-color: transparent;
    z-index: 50;
}

#sideBar{
    position: fixed;
    width: auto;
    height: 100px;
    top: 100px;
    right: 0px;
    background-color: transparent;
    z-index: 50;
}

#sideBarTab{
    float:left;
    height:137px;
    width:34px;
}

#sideBarTab img{
    border:0px solid #FFFFFF;
}

#sideBarContents{
    overflow: show !important;
    float: right;
    background-color: #fff;
    border: 0px solid black;
}

#sideBarContentsInner{
    width:200px;
}
/*-------------------------------------------------------------------------*/
/* LIST VIEW GUI ELEMENTS                                                  */
/*-------------------------------------------------------------------------*/
.listView {
    border-top: 4px solid #112a8e;
    border-bottom: 0px solid #112a8e; 
}

.smallListHeading {
    background-color: #CBDAE6;
    font-size: 12px;
    font-weight: bold;
}

.listView h1 {
    font-size: 54px;
    font-weight: bold;
    margin: 1px 1px 1px 1px;
    color: #2244FF;
}

.listViewHeader {
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    background-color: #EBEBED;
    /* padding: 3px 5px 3px 5px; */
    padding: 4px 5px;
    /* border-top: 1px solid #CCCCCC; */
    border-bottom: 1px solid #112a8e;
    /* height: 20px; */
}

.listViewHeader a, .listViewHeader a:hover, .listViewHeader a:visited {
    color: #444444;
}

.listViewHeader span {
    font-size: 12px;
    font-weight: normal;
}

.listRowLight {
    background-color: #FFFFFF;
    font-size: 12px;
    border-top: 1px solid #8ca3ff;
    padding: 2px 5px 2px 5px;
}

.scroller {
    overflow: auto;
    height: 600px;
}
    
    
/*-------------------------------------------------------------------------*/
/* BREADCRUMB                                                              */
/*-------------------------------------------------------------------------*/

.breadcrumb {
    background-color: #ededed;
    height: 26px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #444444;
}
.breadcrumb a {
    color: #444444;
}
.breadcrumb .seg {
    margin: 0px 4px 0px 4px;
    display: inline;
}
.breadcrumb .hseg {
    margin: 0px 4px 0px 0px;
    display: inline;
}

/*-------------------------------------------------------------------------*/
/* BUTTONS SECTION                                                         */
/*-------------------------------------------------------------------------*/
.button, .button:visited {
    border: solid 1px #abc3d7;
    background: #EEF1F4 url('../../images/gradients/buttonUp.gif') repeat-x top;
    padding: 0px 0px 1px 0px;
    text-align: center;
    vertical-align: middle;
    color: #000000;
    font-size: 12px;
    cursor: pointer;
}

.button_icon, .button_icon:visited {
    border: solid 1px #abc3d7;
    background: #EEF1F4 url('../../images/gradients/buttonUp.gif') repeat-x top;
    padding: 0px 0px 2px 0px;
    text-align: center;
    vertical-align: middle;
    color: #000000;
    font-size: 12px;
    cursor: pointer;
}

.button_icon:hover, .button_icon:focus, a.button_icon:hover, a.button_icon:focus {
    background: #4E8CCF none;
    color: #FFFFFF;
}

.button[disabled], .button[disabled]:visited, .button .disabled, .button .disabled:hover {
    background: #EEF1F4 url('../../images/gradients/buttonUpDisabled.gif') repeat-x top;
    color: #AAAAAA;
}

.buttonNotext {
    padding: 2px 0px 2px 0px;
}

.button:hover, .button:focus, a.button:hover, a.button:focus, .selected {
    background: #4E8CCF none;
    color: #FFFFFF;
}

.button .icon {
    margin: 0px 5px 2px -3px;
    padding-top: 3px;
    top: -1px;
    position: relative;
}

.button .noTextIcon {
    margin: 2px;
}

/*-------------------------------------------------------------------------*/
/* TEXTBOXES AND TEXTAREAS AND SELECTBOXES                                 */
/*-------------------------------------------------------------------------*/
input {
    vertical-align: middle;	
}

.text {
    border: 1px solid #ABC3D7;
    background: #FFFFFF;
    font-size: 12px;
}

.disabled {
    background: #DDDDDD;
}

.rich {
    font-family: Arial,Verdana,Helvetica,sans-serif;
}

.full {
    /* width: 99%; this doesnt FREAKING work in IE */
}

select {
    font-size: 12px;
}

/*-------------------------------------------------------------------------*/
/* FULL SCREEN DIALOG AND OVERLAYS SECTION                                 */
/*-------------------------------------------------------------------------*/
.dialog {
    background: #FFFFFF;
    border: 1px solid #9A9A9A;
    border-top: 3px solid #112a8e;
    border-bottom: 2px solid #112a8e;
    padding: 5px;
    height: 150px;
    width: 450px;
    text-align: center;
    z-index:100;
    position: absolute;
    overflow: auto;
}

.dialog h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 1px 1px 1px 1px;
    color: #000000;
}

.dialog .tabForm {
    border-bottom: 0px solid #ABC3D7;
    border-top: 0px solid #4E8CCF;
    background-color: transparent;
    /* color:#000000; */
    font-size:12px;
    margin-bottom:3px;
    padding:5px 3px 6px 5px;
}

/*#_Dialog_FSOverlay{ width: 100px; height: 100px; background-image: url(../images/overlay.png); }*/
#Dialog_FullOverlay {
    background: #EEEEFF;
    opacity: 0.85;
    -moz-opacity: 0.85;
    filter: alpha(opacity=85);
}

.overlayOverElement{ background-image: url(../../images/overlay.png); }

/** html #_Dialog_FSOverlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}*/