/*

NOTES:

This is needed so that Safari on the Mac doesn't make fonts all fuzzy:
text-shadow:rgba(0,0,0,0.01) 0 0 1px;  

Internet Explorer for Windows versions up to and including 7 exhibit an exotic bug whereby every other br element within an element whose letter-spacing is a length value will be ignored.

THE FOLLOWING IS REQUIRED SO THAT THE GRAY GRADIENT FILLS THE ENTIRE CENTER SECTION IN FIREFOX AND SAFARI: 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
Hides from IE-mac 
* html .clearfix {height: 1%;}
End hide from IE-mac 

*/

/* This didn't help.  The Flash movie changes the cursor to an arrow.
a { cursor:pointer; }
*/

.alignit-left {
text-align:left;
}

#benefits {
color:#000000;	
font-family:arial, sans-serif;
font-size:11px;
font-style:italic;
font-weight:normal;
line-height:14px;	
margin-left:18px;
}

#benefits td {
align:left;
list-style: circle outside;
margin:0px 3px 2px 0px;
padding:3px 8px 3px 20px;	
vertical-align:top;	
}	

/*
body.events1 {
background-image:url("events_box_gradient.jpg");
background-repeat:no-repeat;
text-align:left;	
}
*/


.brochure-text {
float:left;
font-size:10px;
margin-left:30px;
padding-right:5px;
width:370px;
}

#clickable-area {
border:0px;
display:block;
height:100px;
left:0px;
position:absolute;
top:30px;	
width:350px;	
}		

#diversant-jobdiva-header {
/* The following url should point to wherever the Diversant JobDiva banner is located: */
background-image:url("http://www.krollwebdesign.com/diversant/images/diversant_jobdiva_banner.jpg");
background-repeat:no-repeat;
height:130px;
width:100%;	
}

.events-box-content {
color:#000000;
display:block;
font-family:arial, sans-serif;
font-size:11px;
font-weight:normal;
line-height:14px;
margin:0px;	
padding:0px 0px 0px 5px;
text-align:left;
}

#events-box-container {
}

#events-box {
height:113px;
text-align:left;
padding:0px;
margin:0px;
width:169px;	
}

li {
list-style-type:disc;	
}

.small-icon {
border:0px;
padding-left:3px;		
}	

#social-links {
margin-top:67px;		
text-align:right;
}	

#social-links-home {
margin-top:11px;		
text-align:right;
}	

.table-blue-narrow {
background-image:url("grid_blue.jpg");
width:120px;
}

.table-blue-wide {
background-image:url("grid_blue.jpg");
width:300px;
}

.table-gray-narrow {
background-image:url("grid_gray.jpg");
width:120px;
}

.table-gray-wide {
background-image:url("grid_gray.jpg");
width:300px;
}

#tech-serve {
margin-top:160px;	
text-align:center;
}

#tech-serve-home {
margin-top:100px;	
text-align:center;
}






.float-left {
float:left;
}

sup {
font-size:8px;
}

.grid {
display:block;
font-family:arial, sans-serif;
font-size:11px;
font-style:italic;
font-weight:normal;
line-height:14px;
margin:10px 0px 5px 20px;	
text-align:left;
width:500px;	
}	

.grid-blue {
background-image:url("grid_blue.jpg");
border:5px;
color:#000000;
float:left;
list-style: circle outside;
margin:0px 3px 2px 0px;
padding:3px 8px 3px 20px;
width:190px;
}

.grid-blue-narrow {
background-image:url("grid_blue.jpg");
border:5px;
color:#000000;
float:left;
list-style: circle outside;
margin:0px 3px 2px 0px;
padding:3px 8px 3px 20px;
width:120px;
}

.grid-blue-wide {
background-image:url("grid_blue.jpg");
border:5px;
color:#000000;
float:left;
list-style: circle outside;
margin:0px 3px 2px 0px;
padding:3px 8px 3px 20px;
width:300px;
}

.grid-gray {
background-image:url("grid_gray.jpg");
border:5px;
color:#000000;
float:left;
list-style: circle outside;
margin:0px 3px 2px 0px;
padding:3px 8px 3px 20px;
width:190px;
}

.grid-gray-narrow {
background-image:url("grid_gray.jpg");
border:5px;
color:#000000;
float:left;
list-style: circle outside;
margin:0px 3px 2px 0px;
padding:3px 8px 3px 20px;
width:120px;
}

.grid-gray-wide {
background-image:url("grid_gray.jpg");
border:5px;
color:#000000;
float:left;
list-style: circle outside;
margin:0px 3px 2px 0px;
padding:3px 8px 3px 20px;
width:300px;
}

.grid-green {
background-image:url("grid_green.jpg");
border:5px;
color:#000000;
float:left;
list-style: circle outside;
margin:0px 3px 2px 0px;
padding:3px 8px 3px 20px;
width:190px;
}

.grid-orange {
background-image:url("grid_orange.jpg");
border:5px;
color:#000000;
float:left;
list-style: circle outside;
margin:0px 3px 2px 0px;
padding:3px 8px 3px 20px;
width:190px;
}

.grid-purple {
background-image:url("grid_purple.jpg");
border:5px;
color:#000000;
float:left;
list-style: circle outside;
margin:0px 3px 2px 0px;
padding:3px 8px 3px 20px;
width:190px;
}

.small-font {
font-size:10px;	
}

#flash-movie {
cursor:pointer;
display:block;
z-index:-1;
height:163px;
overflow:hidden;
width:582px;
}

#flash-movie2 {
cursor:pointer;
display:block;
z-index:-1;
height:106px;
overflow:hidden;
width:582px;
}

#job-search {
background-image:url("form_background.png");
border:1px #ccc solid;
padding:5px;
text-align:left;
width:160px;	
}

#share-save {
margin-top:25px;
}

#subscribe {
margin-top:25px;
}

#site-search {
margin-bottom:43px;	
}

#solutions_wheel {
background-image:url("solutions_off.gif");
display:block;
height:324px;
position:relative;
left:108px;
margin-bottom:38px;
width:297px;
}

/* STAFFING SOLUTIONS */
a#staffing {
background-image:url("blank80x80.gif");
display:block;
height:80px;
width:80px;
}
a#staffing:hover {
background-image:url("solutions_over.gif");
background-position:-104px 0px;
display:block;
height:80px;
width:80px;
}
#staffing-link {
left:104px;
position:absolute;
top:0px;	
}

#logo {
height:80px;	
left:72px;
position:absolute;
top:43px;
width:290px;
}


/* MANAGED PROGRAMS */
a#managed {
background-image:url("blank80x80.gif");
display:block;
height:80px;
width:80px;
}
a#managed:hover {
background-image:url("solutions_over.gif");
background-position:-211px -57px;
display:block;
height:80px;
width:80px;
}
#managed-link {
left:211px;
position:absolute;
top:57px;	
}


/* EXPERT SERVICES */
a#expert {
background-image:url("blank80x80.gif");
display:block;
height:80px;
width:80px;
}
a#expert:hover {
background-image:url("solutions_over.gif");
background-position:-210px -171px;
display:block;
height:80px;
width:80px;
}
#expert-link {
left:210px;
position:absolute;
top:171px;	
}

dd { margin-left:20px; }
dt { font-size:11px; }


/* PAYROLL SERVICES */
a#payroll {
background-image:url("blank80x80.gif");
display:block;
height:80px;
width:80px;
}
a#payroll:hover {
background-image:url("solutions_over.gif");
background-position:-104px -236px;
display:block;
height:80px;
width:80px;
}
#payroll-link {
left:104px;
position:absolute;
top:236px;	
}


/* CONSULTING SERVICES */
a#consulting {
background-image:url("blank80x80.gif");
display:block;
height:80px;
width:80px;
}
a#consulting:hover {
background-image:url("solutions_over.gif");
background-position:-1px -171px;
display:block;
height:80px;
width:80px;
}
#consulting-link {
left:1px;
position:absolute;
top:171px;	
}


/* DIVERSITY INITIATIVES */
a#diversity {
background-image:url("blank80x80.gif");
display:block;
height:80px;
width:80px;
}
a#diversity:hover {
background-image:url("solutions_over.gif");
background-position:-1px -57px;
display:block;
height:80px;
width:80px;
}
#diversity-link {
left:1px;
position:absolute;
top:57px;	
}


.spacer {
clear:left;
height:1px;
}

a.link-top-bar         { color:#ffffff; font-family:arial,sans-serif; font-size:11px; font-weight:normal; padding-left:32px; padding-top:24px; text-decoration:none; }
a.link-top-bar:active  { color:#ffffff; font-family:arial,sans-serif; font-size:11px; font-weight:normal; padding-left:32px; padding-top:24px; text-decoration:none; }
a.link-top-bar:visited { color:#ffffff; font-family:arial,sans-serif; font-size:11px; font-weight:normal; padding-left:32px; padding-top:24px; text-decoration:none; }
a.link-top-bar:hover   { color:#9ba3e8; font-family:arial,sans-serif; font-size:11px; font-weight:normal; padding-left:32px; padding-top:24px; text-decoration:none; }

a.link-page-text         { color:#a64e4e; font-weight:bold; text-decoration:none; }
a.link-page-text:active  { color:#a64e4e; font-weight:bold; text-decoration:none; }
a.link-page-text:visited { color:#a64e4e; font-weight:bold; text-decoration:none; }
a.link-page-text:hover   { color:#9ba3e8; font-weight:bold; text-decoration:none; }

a.resource-page-text         { color:#a64e4e; font-weight:bold; text-decoration:underline; }
a.resource-page-text:active  { color:#a64e4e; font-weight:bold; text-decoration:underline; }
a.resource-page-text:visited { color:#a64e4e; font-weight:bold; text-decoration:underline; }
a.resource-page-text:hover   { color:#9ba3e8; font-weight:bold; text-decoration:underline; }

a.link-site-map         { color:#a64e4e; font-weight:bold; text-decoration:none; }
a.link-site-map:active  { color:#a64e4e; font-weight:bold; text-decoration:none; }
a.link-site-map:visited { color:#a64e4e; font-weight:bold; text-decoration:none; }
a.link-site-map:hover   { color:#9ba3e8; font-weight:bold; text-decoration:none; }

body {
color:#000000;
font-family:arial,sans-serif;
font-size:11px;
/*letter-spacing:1px;*/
margin:0px;
padding:0px;
text-align:center;
/* see http://www.komodomedia.com/blog/2009/03/safari-text-shadow-anti-aliasing-css-hack/ */
/*text-shadow: #000000 0 0 0px;*/
/*text-shadow:rgba(0,0,0,0.01) 0 0 0;*/
text-shadow:rgba(0,0,0,0.01) 0 0 1px;
}

#container {
background-image:url(container_background.gif);
background-repeat:repeat-y;
border:0px;
height: 100%;
height: auto !important;
min-height: 100%;
margin:0 auto;
/*overflow:hidden;*/
position:relative;
text-align:left;
width:999px;
}

#home-btn {
left:81px;
position:absolute;
top:126px;	
}

#top-section {
background-color:#fff;
height:178px;
margin-left:4px;
margin-right:4px;
width:991px;
}

#top-bar {
background-color:#384791;
height:23px;
padding-left:570px;
padding-top:5px;
width:421px;	
}

#red-bar {
background-color:#a64e4e;
height:5px;
margin-left:4px;
margin-right:4px;
width:991px;
}

#diversant-header {
height:98px;
width:991px;
}

#middle-section {
background-image:url('gray_gradient.jpg');
background-repeat:repeat-x;
margin-left:4px;
margin-right:4px;
width:991px;	
}

#middle-section-left {
float:left;
height:100%;
padding-bottom:10px;
padding-left:20px;
padding-top:10px;
width:184px;
}

#middle-section-center {
background-color:#fff;
float:left;
height:auto;
width:582px;
}

#middle-section-center-text {
padding-bottom:5px;
padding-left:32px;
padding-right:25px;
padding-top:20px;
}

#middle-section-center-text2 {
padding-bottom:5px;
padding-left:32px;
padding-right:0px;
padding-top:20px;
}

#middle-section-right {
float:left;
/*height:900px;*/
height:auto;
padding-bottom:10px;
padding-left:20px;
padding-left:18px;
padding-top:10px;
text-align:left;
width:167px;
}

#bottom-section {
background-image:url("bottom_of_page.gif");	
background-repeat:no-repeat;
height:9px;
margin:0 auto;
width:999px;	
}

div {
margin:0px;
padding:0px;
}

#footer {
border-top:1px #da9035 dotted;
align:bottom;	
margin-top:65px;
margin-bottom:0px;
}

.image-centered {
display:block;
text-align:center;
}

.footer-text {
color:#7f8991;
font-size:9px;	
font-weight:normal;	
}

.hangingindent {
display:block;
padding-left: 5px ;
text-indent: -7px; 	
}

.fix-indentation {
list-style: circle outside;	
}



h1 {
display:inline;
font-size:16px;	
font-weight:bold;	
margin:0px;
padding:0px;
}


h2 {
display:block;
font-size:14px;	
font-weight:bold;	
margin-top:41px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
}

p.roomier-top {
margin-top:70px;
}

p.news-date {
font-size:11px;	
font-weight:bold;	
margin-top:30px;
margin-bottom:-4px;
margin-left:0px;
margin-right:0px;
padding:0px;	
}

p.news-headline {
font-size:11px;	
font-style:italic;
font-weight:normal;	
margin-top:20px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;	
}

p.news-item {
margin-top:1px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;	
}

p.news-item-more-info {
margin-top:5px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;	
}

h3 {
display:inline;
font-size:14px;	
font-weight:bold;	
margin:0px;
padding:0px;
}

h4 {
display:inline;
font-size:14px;	
font-weight:normal;	
margin:0px;
padding:0px;
}

h5 {
display:inline;
font-size:11px;	
font-weight:bold;	
margin:0px;
padding:0px;
}

h6 {
display:inline;
font-size:11px;	
font-weight:normal;	
line-height:15px;
margin:0px;
padding:0px;
}

.exec-title {
display:inline;
font-size:11px;	
font-style:italic;
font-weight:normal;	
margin:0px;
padding:0px;
}

/*
html.events-area {
border:1px black solid;		
}
*/

html {
height:101%;	
}

img {
border-width: 0px;
}

img.client-logo {
float:left;
padding:0px 25px 0px 0px;	
}

.indented-td {
margin-left:20px;	
}

.indented1 {
margin:0px 0px 0px 20px;	
}

.tinted {
background-color:#eceeed;	
}

.tinted2 {
background-color:#daeef3;	
}

.tinted3 {
background-color:#d6e9ee;	
color:#000000;
}



input {
font-size:11px;
height:15px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:3px;	
padding:0px;
width:145px;
}

input.images {
height:22px;
width:29px;	
}

select {
font-size:11px;	
}

input.check-box {
width:20px;
}

label.check-box {
height:20px;
line-height:20px;
}

#membership td {
font-weight:bold;	
padding:0px 10px 20px 0px;		
}

table#resources {
border:0px;
}

#resources td {
align:left;
padding:5px 10px 5px 5px;
vertical-align:top;		
}

.less-space {
align:left;
padding:5px 10px 0px 5px;
vertical-align:top;		
}

#resources th {
align:left;
background-color:#bc6e6a;
color:#ffffff;
font-weight:bold;
padding:3px 3px 3px 5px;
vertical-align:top;		
}



.test1 {
height:20px;
line-height:20px;
}


.top-border {
border-top:2px solid black;	
}

label {
color:#999;
font-family:arial,sans-serif;
font-size:10px;	
font-weight:bold;
}

.labels {
color:#a64e4e;
font-family:arial,sans-serif;
font-size:11px;	
font-weight:bold;
}

.labels2 {
display:block;
margin:0px 0px 5px 0px;
color:#a64e4e;
font-family:arial,sans-serif;
font-size:11px;	
font-weight:bold;
}

li {
margin:0px;
padding:0px;	
}

/*
.map-link {
background-color:#eee;
display:block;
margin:0px 0px 20px 20px;
padding:3px;
text-align:center;
width:120px;
}
*/

p {
font-size:11px;
font-weight:normal;	
line-height:15px;
padding:0px 0px 0px 0px;
}

p.compact-spacing {
margin-top:5px;	
}

p.compact-spacing2 {
margin-bottom:5px;	
margin-top:5px;	
}

p.compact-spacing3 {
margin-bottom:5px;	
}

p.very-compact-spacing {
margin:0px;	
}

p.no-spacing {
margin-bottom:5px;
margin-top:0px;	
}

p.staff-position-spacing {
margin-bottom:6px;
margin-top:2px;	
}

.staff-position {
margin-bottom:20px;
}

sub {
font-size:smaller;
vertical-align:baseline;	
}

ul {
list-style-type:none;	
margin:0px;
padding:0px;	
}

ul.body-text {
list-style-type:none;	
margin-left:30px;
margin-top:10px;
padding:0px;	
}


/**************** MAIN NAV: *****************/

#topnav {	
background-color:#f9ad4a; 
height:26px;	
left:208px;	
letter-spacing:0px;
padding:0px;
position:absolute;
top:126px;	
width:787px;
z-index:2
}

#topnav-ul-tag {
float:left;
list-style-type:none;
margin-left:0px;
}

#topnav-ul-tag li {
display:inline;
float:left;
margin: 0px 0px 0px 0px; 
padding:0px;
position: relative;
}

/* The top of each dropdown should be 26 pixels below the top of the menu bar: */
#topnav-ul-tag li:hover .subcats {
left:0px;
top:26px;
z-index:5;
}

#topnav-ul-tag li a {
display:block;
height:26px; 
}

#topnav-ul-tag li a:hover {
display:block;
height:26px; 
}

/* INFORMATION: */
a#topnav-atag1 {
width:120px;
}

/* SOLUTIONS: */
a#topnav-atag2 {
width:90px;
}

/* OPPORTUNITIES: */
a#topnav-atag3 {
width:107px;
}

/* DIVERSITY: */
a#topnav-atag4 {
width:85px;
}

/* VALUE PROPOSITION: */
a#topnav-atag5 {
width:130px;
}

/* NEWS: */
a#topnav-atag6 {
width:65px;
}

/* LOGIN: */
a#topnav-atag7 {
width:69px;
}

#topnav-ul-tag ul.subcats {
font-size:11px;
left:-1000em; /* <<< this hides the subnavs when not being used */
position: absolute;
z-index: 11;
}

#topnav-ul-tag ul.subcats li {
background:none transparent scroll repeat 0% 0%;
display:block;
float:none;
margin:0px;
}

/* WIDTH OF DROPDOWNS */
#topnav-ul-tag #topnav-litag1 ul.subcats { width:192px; }
#topnav-ul-tag #topnav-litag2 ul.subcats { width:170px; }
#topnav-ul-tag #topnav-litag3 ul.subcats { width:170px; }
#topnav-ul-tag #topnav-litag5 ul.subcats { width:130px; }
#topnav-ul-tag #topnav-litag7 ul.subcats { width:80px; }

#topnav-ul-tag #topnav-litag1 ul.subcats li { width:192px; }
#topnav-ul-tag #topnav-litag2 ul.subcats li { width:170px; }
#topnav-ul-tag #topnav-litag3 ul.subcats li { width:170px; }
#topnav-ul-tag #topnav-litag5 ul.subcats li { width:130px; }
#topnav-ul-tag #topnav-litag7 ul.subcats li { width:80px; }

#topnav-ul-tag #topnav-litag1 ul.subcats li a { padding-left:33px; }
#topnav-ul-tag #topnav-litag5 ul.subcats li a { padding-left:16px; }

#topnav-ul-tag .subcats li a {
background: none transparent scroll repeat 0% 0%;
color: #000000; /* TEXT color of main nav dropdown item when not moused over */
/*font-family:Helvetica,arial,sans-serif;*/
font-weight:normal;
height:26px;
line-height:26px;
padding-left:13px;
padding-right:4px;
text-indent:0px;
}

#topnav-ul-tag .subcats li:hover a {
color: #000000; /* TEXT color of main nav dropdown item when moused over */
text-decoration: none;
display:block; /* display:block makes the entire rectangle clickable, not just the text link within the rectangle */
}


/**************** SECONDARY NAV: *****************/

#secondary-nav {	
background-color:#4c5a9c;
height:26px;	
left:208px;	
padding:0px;
position:absolute;
top:152px;	
width:787px;
z-index:2;
}


a {
color: #18479b; text-decoration: none
}

a:hover {
text-decoration: underline
}

a abbr {
border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none
}

#diversant {
background-color: #a7a7a7; /* <<<the body tag has an id of "diversant", so this line determines background color */
}

/* INFORMATION: */

#topnav-ul-tag ul.subcats li#topnav-item1-1 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item1-1:hover { background-color:#ccd0d3; }*/

#topnav-ul-tag ul.subcats li#topnav-item1-2 { background-color:#fbcb8e; }
/*#topnav-ul-tag ul.subcats li#topnav-item1-2:hover { background-color:#b2b8bd; }*/

#topnav-ul-tag ul.subcats li#topnav-item1-3 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item1-3:hover { background-color:#ccd0d3; }*/

#topnav-ul-tag ul.subcats li#topnav-item1-4 { background-color:#fbcb8e; }
/*#topnav-ul-tag ul.subcats li#topnav-item1-4:hover { background-color:#b2b8bd; }*/

#topnav-ul-tag ul.subcats li#topnav-item1-5 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item1-5:hover { background-color:#ccd0d3; }*/

#topnav-ul-tag ul.subcats li#topnav-item1-6 { background-color:#fbcb8e; }
/*#topnav-ul-tag ul.subcats li#topnav-item1-6:hover { background-color:#b2b8bd; }*/


/* SOLUTIONS: */

#topnav-ul-tag ul.subcats li#topnav-item2-1 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item2-1:hover { background-color:#ccd0d3; }*/

#topnav-ul-tag ul.subcats li#topnav-item2-2 { background-color:#fbcb8e; }
/*#topnav-ul-tag ul.subcats li#topnav-item2-2:hover { background-color:#b2b8bd; }*/

#topnav-ul-tag ul.subcats li#topnav-item2-3 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item2-3:hover { background-color:#ccd0d3; }*/

#topnav-ul-tag ul.subcats li#topnav-item2-4 { background-color:#fbcb8e; }
/*#topnav-ul-tag ul.subcats li#topnav-item2-4:hover { background-color:#b2b8bd; }*/

#topnav-ul-tag ul.subcats li#topnav-item2-5 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item2-5:hover { background-color:#ccd0d3; }*/

#topnav-ul-tag ul.subcats li#topnav-item2-6 { background-color:#fbcb8e; }
/*#topnav-ul-tag ul.subcats li#topnav-item2-6:hover { background-color:#b2b8bd; }*/


/* OPPORTUNITIES: */

#topnav-ul-tag ul.subcats li#topnav-item3-1 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item3-1:hover { background-color:#ccd0d3; }*/

#topnav-ul-tag ul.subcats li#topnav-item3-2 { background-color:#fbcb8e; }
/*#topnav-ul-tag ul.subcats li#topnav-item3-2:hover { background-color:#b2b8bd; }*/

#topnav-ul-tag ul.subcats li#topnav-item3-3 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item3-3:hover { background-color:#ccd0d3; }*/

#topnav-ul-tag ul.subcats li#topnav-item3-4 { background-color:#fbcb8e; }
/*#topnav-ul-tag ul.subcats li#topnav-item3-4:hover { background-color:#b2b8bd; }*/

#topnav-ul-tag ul.subcats li#topnav-item3-5 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item3-5:hover { background-color:#ccd0d3; }*/


/* VALUE PROPOSITION: */

#topnav-ul-tag ul.subcats li#topnav-item5-1 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item5-1:hover { background-color:#ccd0d3; }*/

#topnav-ul-tag ul.subcats li#topnav-item5-2 { background-color:#fbcb8e; }
/*#topnav-ul-tag ul.subcats li#topnav-item5-2:hover { background-color:#b2b8bd; }*/

#topnav-ul-tag ul.subcats li#topnav-item5-3 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item5-3:hover { background-color:#ccd0d3; }*/


/* LOGIN: */

#topnav-ul-tag ul.subcats li#topnav-item7-1 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item7-1:hover { background-color:#ccd0d3; }*/

#topnav-ul-tag ul.subcats li#topnav-item7-2 { background-color:#fbcb8e; }
/*#topnav-ul-tag ul.subcats li#topnav-item7-2:hover { background-color:#b2b8bd; }*/

#topnav-ul-tag ul.subcats li#topnav-item7-3 { background-color:#f9ad4a; }
/*#topnav-ul-tag ul.subcats li#topnav-item7-3:hover { background-color:#ccd0d3; }*/

#topnav-ul-tag ul.subcats li#topnav-item7-4 { background-color:#fbcb8e; }
/*#topnav-ul-tag ul.subcats li#topnav-item7-4:hover { background-color:#b2b8bd; }*/



/* THE FOLLOWING IS REQUIRED SO THAT THE GRAY GRADIENT FILLS THE ENTIRE CENTER SECTION IN FIREFOX AND SAFARI: */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*

fonts for testing purposes only:

.bold-10px {
color:#000000;	
font-family:arial, sans-serif;
font-size:10px;
font-weight:bold;	
}

.bold-11px {
color:#000000;	
font-family:arial, sans-serif;
font-size:11px;
font-weight:bold;	
}

.normal-11px {
color:#000000;	
font-family:arial, sans-serif;
font-size:11px;
font-weight:normal;	
}

.bold-12px {
color:#000000;	
font-family:arial, sans-serif;
font-size:12px;
font-weight:bold;	
}

.bold-14px {
color:#000000;	
font-family:arial, sans-serif;
font-size:14px;
font-weight:bold;	
}

*/