#container {
/*set default font-size*/
font-size: 65%;
font-family:  verdana; color: #777777;
text-align : justify;
line-height: 1.6em;
}

.containertable {
width: 750px;
}

#infobar {
font-size: 70%;
font-family:  verdana; color: #666666;
position: relative;
width : 750px;
margin : 0 auto;
background-image: url(../images/infobarbak.gif);
background-position: bottom center;
background-repeat: no-repeat;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}

/*
======================================
==============TAGS====================
======================================
*/



h1 {font-size: 2.0em; margin:0; color: #333333;}
h2 {font-size: 1.6em; margin:0; margin-bottom: 1em; font-weight: bold; font-style: italic; color: #9A9A9A;}
h3 {font-size: 1.6em; margin:0; font-weight: bold; color: #333333;}
h4 {font-size: 1.4em; margin-top:15px; margin-bottom: 3px; font-weight: bold; font-style: italic; color: #9C83AF;}
h5 {font-size: 1.2em; line-height: 2.3em; margin:0; margin-bottom: .5em; font-weight: bold; color: #9A9A9A;}
h5 {font-size: 2em; line-height: 2.3em; margin:0; margin-top: 1.5em; font-weight: bold; color: #9A9A9A;}

p, div {margin-top: 0;}

ul {margin: 2px; padding-left: 14px;}

a {color: #370058;}
a:visited {color: #370058;}
a:hover {color: #bba2ca; background-color: f7f7f7;}




/*
======================================
============== CLASSES ===============
======================================
*/

.content {
background-image: url(../images/dots-vert.gif);
background-repeat: repeat-y;
background-position: top right;
padding-right: 25px;
margin: 0;
}

.content img {
margin-top: 5px;
margin-right: 6px;
margin-left: 6px;
border: 1px solid #cdcdcd;
}

.content a img {
border: 0;
}

.rhs {
padding-left: 19px;
padding-right:20px;
}

.infobar {
padding: 4px;
}

.infobar a {
color: #333333;
text-decoration: none;
}

.infobar a:hover {
color: #333333;
text-decoration: underline;
}

.navbutton {
border: 0; 
margin-left: 0;
}

ul.profiles  { margin-left: 10px; padding-left: 0}
.profiles li {list-style-type: none; margin-bottom: 10px;}
.profiles li li {list-style-type: circle; margin-bottom: 0;}
.profiles a {color: #666666; font-weight: bold; text-decoration: none; display: block; margin-bottom: 0;}
.profiles a:hover {color: #370058; font-weight: bold; text-decoration: underline; background-color: #F7F7F7;}
.profiles .summary {display: block; background-color: #baa2cb; color: white; font-weight:bold; font-style: italic; }

ul.clients  { margin-left: 10px; padding-left: 0}
.clients li {list-style-type: none; margin-bottom: 10px; padding-left: 0; }
.clients li li {list-style-type: circle; margin-bottom: 0;}
.clients a {display: block; color: #370058; font-weight: bold; text-decoration: none; background-color: #F7F7F7;}
.clients a:hover {color: #f7f7f7; font-weight: bold; text-decoration: none; background-color:  #370058;}

ul.caseStudies  { margin-left: 10px; padding-left: 0}
.caseStudies li {list-style-type: none; margin-bottom: 10px; padding-left: 0; }
.caseStudies li li {list-style-type: circle; margin-bottom: 0;}
.caseStudies a {display: block; color: #370058; font-weight: bold; text-decoration: none; background-color: #F7F7F7;}
.caseStudies a:hover {color: #f7f7f7; font-weight: bold; text-decoration: none; background-color:  #370058;}

.suspended {color: #666666;}
.suspended {background-color: #BAA2CB;}


.row0 {
background-color: white;
}

.row1 {
}

/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}

#sitemap ul li {
margin-top: 4px;
}

#requestcallback {
display: none;
background: url(../images/drop-box.gif) bottom left;
padding: 8px;
padding-bottom: 35px;
text-align: center;
}

#search {
margin-top: 20px;
}


/*
======================================
============== ROLLOVERS==============
======================================
*/

#directors {width: 572px; height: 119px; background: url(../images/executive-rollover.jpg); margin: 0px auto; padding: 0; position: relative; margin-bottom: 20px; border: 1px solid #cdcdcd;}
#directors li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#directors a {display: block;}
#d1{left: 0px; top:0px; width: 190px; height: 119px;}
#d1 a {height: 119px;}
#d1 a:hover {background: url(../images/executive-rollover.jpg) 0px -129px no-repeat;}
#d2{left: 190px; top:0px; width: 190px; height: 119px; z-index: 1001;}
#d2 a {height: 119px;}
#d2 a:hover {background: url(../images/executive-rollover.jpg) -190px -129px no-repeat;}
#d3{left: 380px; top:0px; width: 192px; height: 119px; z-index: 801}
#d3 a {height: 119px;}
#d3 a:hover {background: url(../images/executive-rollover.jpg) -380px -129px no-repeat;}
#directors a {text-indent: -100em;}

#directors2 {width: 572px; height: 119px; background: url(../images/directors2-blockof6.jpg); margin: 0px auto; padding: 0; position: relative; margin-bottom: 20px; border: 1px solid #cdcdcd;}
#directors2 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#directors2 a {display: block;}
#x2d1{left: 60px; top:0px; width: 180px; height: 119px;}
#x2d1 a {height: 119px;}
#x2d1 a:hover {background: url(../images/directors2-blockof6.jpg) -60px -258px no-repeat;}
#x2d2{left: 165px; top:0px; width: 160px; height: 119px; z-index: 500;}
#x2d2 a {height: 119px;}
#x2d2 a:hover {background: url(../images/directors2-blockof6.jpg) -165px -129px no-repeat;}
#x2d3{left: 240px; top:0px; width: 180px; height: 119px;}
#x2d3 a {height: 119px;}
#x2d3 a:hover {background: url(../images/directors2-blockof6.jpg) -240px -258px no-repeat;}
#x2d4{left: 366px; top:0px; width: 170px; height: 119px;}
#x2d4 a {height: 119px;}
#x2d4 a:hover {background: url(../images/directors2-blockof6.jpg) -366px -129px no-repeat;}
#x2d5{left: 0px; top:0px; width: 113px; height: 119px;}
#x2d5 a {height: 119px;}
#x2d5 a:hover {background: url(../images/directors2-blockof6.jpg) 0px -129px no-repeat;}
#x2d6{left: 490px; top:0px; width: 82px; height: 119px;}
#x2d6 a {height: 119px;}
#x2d6 a:hover {background: url(../images/directors2-blockof6.jpg) -490px -258px no-repeat;}
#directors2 a {text-indent: -100em;}

#topmenu {width: 446px; height: 112px; background: url(../images/topmenu-block.jpg); margin: 0px; padding: 0; position: relative;}
#topmenu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#topmenu a {display: block;}
#topmenu a {text-indent: -100em;}
#t1 {left: 0px; top:0px; width: 125px; height: 100px;}
#t1 a {height: 100px;}
#t1 a:hover {background: url(../images/topmenu-block.jpg) 0px -101px no-repeat;}
#t1 a:active {background: url(../images/topmenu-block.jpg) 0px -202px no-repeat;}
#t2 {left: 125px; top:0px; width: 140px; height: 100px;}
#t2 a {height: 100px;}
#t2 a:hover {background: url(../images/topmenu-block.jpg) -125px -101px no-repeat;}
#t2 a:active {background: url(../images/topmenu-block.jpg) -125px -202px no-repeat;}
#t3 {left: 280px; top:0px; width: 125px; height: 100px;}
#t3 a {height: 100px;}
#t3 a:hover {background: url(../images/topmenu-block.jpg) -280px -101px no-repeat;}
#t3 a:active {background: url(../images/topmenu-block.jpg) -280px -202px no-repeat;}


#structure {width: 371px; height: 71px; background: url(../images/organi-block.jpg); margin: 0; margin-bottom: 10px; padding: 0; position: relative;}
#structure li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#structure a {display: block;}
#structure a {text-indent: -100em;}
#cs1 {left: 0; top: 0; width: 92px; height: 71px;}
#cs1 a {height: 71px;}
#cs1 a:hover {background: url(../images/organi-block.jpg) 0 -76px no-repeat;}
#cs2 {left: 92px; top: 0; width: 92px; height: 71px;}
#cs2 a {height: 71px;}
#cs2 a:hover {background: url(../images/organi-block.jpg) -92px -76px no-repeat;}
#cs3 {left: 184px; top: 0; width: 92px; height: 71px;}
#cs3 a {height: 71px;}
#cs3 a:hover {background: url(../images/organi-block.jpg) -184px -76px no-repeat;}
#cs4 {left: 276px; top: 0; width: 92px; height: 71px;}
#cs4 a {height: 71px;}
#cs4 a:hover {background: url(../images/organi-block.jpg) -276px -76px no-repeat;}


#structure2 {width: 371px; height: 71px; background: url(../images/3buttons.jpg); margin: 0; margin-bottom: 10px; padding: 0; position: relative;}
#structure2 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#structure2 a {display: block;}
#structure2 a {text-indent: -100em;}
#ts1 {left: 0; top: 0; width: 92px; height: 71px;}
#ts1 a {height: 71px;}
#ts1 a:hover {background: url(../images/3buttons.jpg) 0 -76px no-repeat;}
#ts2 {left: 92px; top: 0; width: 92px; height: 71px;}
#ts2 a {height: 71px;}
#ts2 a:hover {background: url(../images/3buttons.jpg) -92px -76px no-repeat;}
#ts3 {left: 184px; top: 0; width: 92px; height: 71px;}
#ts3 a {height: 71px;}
#ts3 a:hover {background: url(../images/3buttons.jpg) -184px -76px no-repeat;}
