/****************************************************************************
Last updated: 2/15/06
*****************************************************************************/

/* defaults ******************************************************************************************/

html, body {
   margin: 0;
   padding: 0;
} 

body {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   background-color: #333;
   margin-top: 60px;
   color: #666;
}

a {
   color: #E92821;
   text-decoration: none;
}

a:hover {
   color: #688B85;
   text-decoration: none;
}

h1, h2 {
   margin:0;
   padding:0;
   color:#8B8B8B;
   font-size:14px;
   font-weight:bold;
}

h3 {
   color:#8A8A8A;
   font-size:10px;
   font-weight:bold;
   margin:0 0 8px 0;
   padding:0 0 2px 0;
}

ul, li 
{
   margin:0;
   padding:0;
   list-style:none;

   /* font-family: "Times New Roman", serif; */
   /* font-size: 18px; */

}

p 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   /*background-color: #333;
   margin-top: 60px;*/
   color: #666;

   margin:10px 0 10px 0;
   line-height:16px;
   text-align:justify
}
b
{
   font-weight:bold;
}
strong {
   font-size:14px;
   color:#8A8A8A;
}

textArea {
   border: 1px solid #ccc;
   color: #000;
   background-color: #f8f8f8;
   padding: 6px;
   font-size: 11px;
   font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
}

select {
   border: 1px solid #ccc;
   background-color: #f8f8f8;
   color: #000;
   padding: 4px;
   font-size: 11px;
   font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
}

acronym {
   border-bottom: 1px solid #8F9F20;
   color:#8F9F20;
   cursor:help;
   font-style:normal;
}

img {
   display: block;
   margin:0 0 0 -4px;
   border:0;
}

a img {
   border:none; 
}

/* hacks ****************************************************************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* misc class attributes ********************************************************/

.rt {
   text-align:right;
   margin-right:10px;
   font-size: 10px;
}

.accent {
   color:#678A84;
   font-weight:bold;
   font-size: 12px; /* 12px */
}

.accent2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   /*background-color: #333;
   margin-top: 60px;*/
   color: #666;

   margin:10px 0 10px 0;
   line-height:16px;
   text-align:right
}

.desc {
   margin-left:8px;
}

.highlight {
   background-color: #FAF8B4;
   padding:2px;
}

.screenshot {
   margin:0 0 0 -4px;
   display: inline; /* for double float bug */
   border:none;
}

.stretch {
   padding:0 0 200px 0;
}

.logoImage {
   padding:16px 0 10px 0;
}

h1.clear {
   display:none;
}

/* use as class because of the unwanted borders  */

.input {
   border: 1px solid #ccc;
   color: #000;
   background-color: #f8f8f8;
   padding: 6px;
   font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
   font-size: 11px;
}

.forms li {
   display: inline;
   background-image: none;
}

/* photos on principals page */

.image {
   float:right;
   padding:1px;
   margin:0 0 10px 10px;
   border:solid 1px #999;
}

/* logos on partners page */

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

/* footer links */

#login a {
   text-indent:-9999px;
   width:76px;
   height:7px;
   background: url(../images/button_login.gif) no-repeat 0px 0px;
   float:left;
   margin:2px 20px 0 0;
}

#login a:hover {
   background-position:0px -7px;
}

#sitemap a {
   text-indent:-9999px;
   width:60px;
   height:10px;
   background: url(../images/button_sitemap.gif) no-repeat 0px 0px;
   float:left;
}

#sitemap a:hover {
   background-position:0px -10px;
}

#links {
   width:674px;
   height:10px;
   clear:both;
   padding:20px 0 20px 26px;
}

#links li {
   display:inline;
   font-size:1px; /* ie leaves the height of the regular h1 font without this */
}

/* main divs ******************************************************************/

#wrap {
   width:800px; /* 700px */
   margin:0 auto;
}

#bottom {
   width:800px; /* 700px */
   background: #fff url(../images/bg_bottom) no-repeat right bottom; /* #fff url(../images/rotate.php) no-repeat right bottom; */
}

#top {
   width:800px; /* 700px */
   height:100px; /* 70px; */
   background: #fff url(../images/troniebanner2.jpg) no-repeat center top; /*../images/bg_top.gif*/
   clear:both;
}

#logo a {
   width:141px;
   height:21px;
   float:left;
   margin: 30px 0 0 34px;
   text-indent:-9999px;
   /* background: url(../images/troniebanner.jpg) no-repeat 0px 0px; /* url(../images/logo_trans.gif) no-repeat 0px 0px;*/
   display: inline; /* for double float bug */
}

/* left column */

#left {
   width:140px;
   float:left;
   margin:2px 0 0 30px;
   display: inline;
}

#left h3 {
   padding:6px 0 0 0;
}

/* right column */

#right, #rightHome {
   width:538px; /* 450px */
   float:right;
   background: url(../images/divider.jpg) no-repeat left top;
   padding:10px 0 0 32px;
   margin:0 22px 0 0;
   display: inline; /* for double float bug */
   clear:right;
}

#right li {
   line-height: 16px;
   background: url(../images/bullet.gif) no-repeat 2px 6px;
   padding-left: 12px;
   padding-bottom: 4px;
}

/*#rightHome {
   padding:30px 0 0 32px;
   margin:10px 22px 0 0;
}

/* main navigation __not in use__ ***********************************************************************/

#nav 
{
   width:800px; /* 358px */
   height:45px;
   margin:49px 0 0 0; /* 18px 18px 0 0 */
   padding-left:0px; /* 26px */
   float:right;
   background: url(../images/bg_nav3.gif) no-repeat 0px 0px; /* url(../images/bg_nav.jpg) no-repeat 0px 0px; */
   font-size: 18px;
   font-family: "Times New Roman", serif;
}

#nav li 
{
   display:inline;   
   float:right; /* left */
   /*margin-top:4px; /* 15px */  
   padding: 0 16px 0 16px; /* 0 16px 0 16px */
   border-left: 1px solid #464832;
   /*text-decoration: overline;*/
   height:27px;
}

#nav a 
{
   color:#464832; /* #eee */
   height:27px; /* 30px */
   display:block;
   float:left; /* use it or else IE will screw up the list */
}

#nav a:hover 
{
   /*background: url(../images/bg_hover.gif) no-repeat center 17px; */
   color:#f2e8bc;

   /* border-bottom: 4px solid #464832; */
}

/* my horiz nav *****************************/

#navContainerHoriz ul
{
padding-left: 0;
/*margin-left: 0;*/
margin: 49px 0 0 0;
background-color: #c7c390;
color: White;
float: left;
width: 100%;
font-family: "Times New Roman", serif;
font-size: 18px;
}

#navContainerHoriz ul li { display: inline; }

#navContainerHoriz ul li a
{
padding: 0.2em 1em;
background-color: #c7c390;
color: #464832;
text-decoration: none;
float: right;
border-left: 1px solid #464832;
}

#navContainerHoriz ul li a:hover
{
background-color: #464832;
color: #fff;
}

/* my vertical navigation ****************************/

#navContainerVert ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navContainerVert li { margin: 0 0 3px 0; }

#navContainerVert a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 150px;
background-color: #999;
background-image: url(../images/l1_down.gif);
}

#navContainerVert a:link, #navContainerVertList a:visited
{
color: #EEE;
text-decoration: none;
}

#navContainerVert a:hover
{
border: 1px solid #333;
background-color: #F60;
background-image: url(../images/l1_over.gif);
color: #333;
}

#navContainerVertActive a:link, #navContainerVertActive a:visited, #navContainerVertActive a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(../images/l1_over.gif);
color: #333;
}

/* sub navigation *********************************************************************/

#subNav li {
   margin:0;
}

#subNav a {
   text-indent:8px;
   background: url(../images/bullet_arrows.gif) no-repeat 7px 13px;
}

#subNav a:link, #subNav a:visited, #subNav a:active {
   border:none;
   display:block;
   width:138px;
   padding:8px 0 8px 10px;
   border-bottom:1px solid #E5E5E5;
   color:#666;
}

#subNav a:hover {
   background-color:#f8f8f8;
   color: #F27E7B;
   background-position:6px 13px;
}

/* footer and related *****************************************************/

#copyright a:link, #copyright a:visited, #copyright a:active {
   color: #f4f4f4;
   text-decoration: none;
   padding: 0px 0px 1px;
   border-bottom: 1px dotted #f4f4f4;
}

#copyright a:hover {
   text-decoration: none;
   border:none;
   color: #ccc;
}

p#copyright {
   width:300px;
   margin:0 auto;
   padding:8px 0 4px 0;
   color:#ccc;
   /* background: url(../images/color_strip.gif) no-repeat center top; */
   font-size: 10px;
   text-align:center;
}

/* portfolio page *********************************************************************/

ul.clients {
   padding:0 0 10px 0;
   margin:0;
}

.clients li {
   font-size:10px;
   margin:0 0 6px 0;
}

.clients a, .clients a:link, .clients a:active {
   text-decoration:none;
   padding:0 0 10px 16px;
   background: url(../images/dot.gif) no-repeat 0px 2px;
   color:#666;
}

.clients a:visited {
   padding:0 0 10px 16px;
   background: url(../images/dot_brown.gif) no-repeat 0px 2px;
}

.clients a:hover, .selected a:hover {  
   padding:0 0 10px 16px;
   background: url(../images/dot_pink.gif) no-repeat 0px 2px;
   color: #F27E7B;
}

.selected a:link, .selected a:visited, .selected a:active {
   background: url(../images/dot_green.gif) no-repeat 0px 2px;
   color:#8F9F20;
}

/* news items */

#newsArchives li {
   padding:0 0 10px 0;
}

/* sitemap ***********************************************************/

#ltCol {
   width:200px;
   float:left;
   margin:-16px 0 0 0;
}

#rtCol {
   width:200px;
   float:right;
   margin:-16px 0 0 0;
}


/* left column vertical navigation ***********************/

ul#vertnavlist
{
width: 153px;
\width: 165px;
w\idth: 153px;
padding: 0px;
border: 1px solid #464832;
border-top: 0px;
margin: 20px 0 0 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px; 
background: #464832; /* dark brown - matches text of horiz nav */         /* #808080 */

}

ul#vertnavlist li
{
list-style: none;
margin: 0 0 0 0; /* puts space between rectangles - margin: 0 0 3px 0; */
border: 0px;
border-top: 1px solid #808080;


}

ul#vertnavlist li a
{
display: block;
width: 132px;
\width: 168px;
w\idth: 132px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 5px solid #4B6561; /* dark green small box on left */
background: #e7e1bd; /* light brown */       /* #ccccdd */
text-decoration: none;
text-align: right;

}

ul#vertnavlist li a:link { color: #464832; /* font color */ }
div#vertnavcontainer li a:visited { color: #4B6561; }

ul#vertnavlist li a:hover
{
border-color: #e7e1bd; /* light brown small box on left when hovering */
color: #ffffff;
background: #464832; /* #000d33; */
}