/* Style for CCI web site.  Copyright (c) 2008, Real Kato Design. */

body
{
   text-align: center;
   background-color: #000000;
   color: #D0D0D0;
   background-image: none;
   font-family: Arial, sans-serif;
   font-weight: normal;
   font-variant: normal;
   font-style: normal;
   font-size: 14px;
}

p
{
}

h1
{
   font-family: Arial, sans-serif;
   font-weight: bold;
   font-size: 20px;
   font-style: italic;
   color: #FFFFFF;
}

h2
{
   font-family: Arial, sans-serif;
   font-weight: bold;
   font-size: 17px;
   font-style: italic;
   color: #FFFFFF;
}

li
{
   font-family: Palatino, Georgia, serif;
}

a:link
{
   text-decoration: none;
   color: #D0D0D0;
}
a:visited
{
   text-decoration: none;
   color: #D0D0D0;
}
a:hover
{
   text-decoration: underline;
   color: #FFFFFF;
}
a:active
{
   text-decoration: underline;
   color: #FFFFFF;
   background-color: #606060;
}

div#divContent
{
   position: relative;
   margin-left: auto; margin-right: auto;
   top: 20px;
   width: 800px;
   text-align: left;
}

div#divLogo
{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 300px;
   height: 90px;
}

div#divTagline
{
   position: absolute;
   top: 125px;
   left: 340px;
   width: 460px;
   height: 90px;
}

div#divSubsectionHeading
{
   position: absolute;
   color: #FFFFFF;
   top: 35px;
   left: 340px;
   width: 314px;
   height: 55px;
   font-weight: bold;
   font-style: italic;
   font-size: 18px;
   text-align: center;
}

div#divSubsectionLogo
{
   position: absolute;
   top: 0px;
   left: 674px;
   width: 126px;
   height: 90px;
}

div#divSubsectionLeftNav
{
   position: absolute;
   top: 130px;
   left: 0px;
   width: 300px;
   overflow: hidden;
}

div#divSubsectionContent
{
   border: 0px;
   background-color: #000000;
   background-image: url("gradient.jpg");
   background-repeat: no-repeat; 
   position: absolute;
   top: 130px;
   left: 340px;
   width: 460px;
}
   
div#divSubsectionContentText
{
   font-family: Palatino, Georgia, serif;
   padding: 10px;
   margin-bottom: 50px;
}

div#divVerticalLine
{
   position: absolute;
   background-color: #D01000;
   top: 0px;
   left: 320px;
   width: 2px;
   height: 600px;
}

div#divHorizontalLine
{
   position: absolute;
   background-color: #D01000;
   top: 110px;
   left: 0px;
   width: 800px;
   height: 2px;
}

div#divHorizontalLine2
{
   position: absolute;
   background-color: #D01000;
   top: 230px;
   left: 320px;
   width: 480px;
   height: 2px;
}

div#divlink1
{
   position: absolute;
   top: 250px;
   left: 330px;
   width: 185px;
   height: 40px;
}

div#divlink2
{
   position: absolute;
   top: 290px;
   left: 330px;
   width: 185px;
   height: 40px;
}

div#divlink3
{
   position: absolute;
   top: 330px;
   left: 330px;
   width: 185px;
   height: 40px;
}

div#divlink4
{
   position: absolute;
   top: 370px;
   left: 330px;
   width: 185px;
   height: 40px;
}

div#divlink5
{
   position: absolute;
   top: 410px;
   left: 330px;
   width: 185px;
   height: 40px;
}

div#divlink6
{
   position: absolute;
   top: 500px;
   left: 330px;
   width: 185px;
   height: 40px;
}

div#divgraphic1
{
   position: absolute;
   background-color: #000000;
   top: 250px;
   left: 550px;
   width: 91px;
   height: 65px;
}

div#divgraphic2
{
   position: absolute;
   background-color: #000000;
   top: 250px;
   left: 672px;
   width: 91px;
   height: 65px;
}

div#divgraphic3
{
   position: absolute;
   background-color: #000000;
   top: 330px;
   left: 702px;
   width: 91px;
   height: 65px;
}

div#divgraphic4
{
   position: absolute;
   background-color: #000000;
   top: 380px;
   left: 611px;
   width: 91px;
   height: 65px;
}

div#divgraphic5
{
   position: absolute;
   background-color: #000000;
   top: 330px;
   left: 520px;
   width: 91px;
   height: 65px;
}