body
{
width: 920px; margin: 0 auto;
padding: 0;
font-size: 80%;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000;
background-color: #96B1FC;
}

a:link { color: #036; }
a:visited { color: #066;
text-decoration: none;}

a:hover, a:active
{
color: #fff;
background-color: #96B1FC;
}

div#banner
{height: 100px;
padding-left: 25px;
padding-right: 25px;
padding-top: 1px;
padding-bottom: 1px;
color: #d30000;
background-color: #96B1FC;
background-image: url(../images/img032.jpg);
background-repeat: no-repeat;
background-position: right;}

div#banner h1
{
margin: 0;
padding: 1.2em 0em .3em;
font-size: 1.8em;
font-weight: normal;
}

div#banner2
{height: 10px;
padding-left: 125px;
padding-right: 25px;
padding-top: 1px;
padding-bottom: 1px;
color: #d30000;
background-color: #7d7dd0;
display: inline;}

div#container
{
color: #000000;}

div#container2
{color: #000000;
}

div#container2
{color: #000000;
}

p.caption {
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: justify;
font-size: .7em;
color: #373f97;
line-height: normal;
font-style: italic;}

div#navigation
{
float: left;
width: 160px;
padding-top: 2%;
background-color: #c4d3ff;
text-decoration: none;
margin-left: 1.2%;
border: .3em #a6a3ff outset;
padding: .1%;}



div#more
{
float: right;
width: 160px;
margin: 0%;
padding: 1% 5px 5px 5px;
color: #c5a031;
background-color: #c4d3ff;
margin-right: 1.2%;
border: .3em #a6a3ff outset;
font-size: .9em;
line-height: 1.3em;
}


div#more h3
{
margin-top: 0;
color: #c5a031;
text-decoration: none;}

p.more {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
color: #000000;
font-weight: normal;
text-decoration: none;
font-size: .4em;
}


div#content1
{width: 100	%;
margin-left: 185px;
margin-right: 190px;
background-color: #edf3ff;
padding: .4em;}

div#content1 h2
{
font-size: 1.6em;
color: #030303;
margin: 0;
padding-top: .2em;
font-weight: normal;
padding-bottom: .2em;}

div#content1 h3
{
font-size: 1.1em;
color: #030303;
margin: 0;
padding-top: .2em;
font-weight: bolder;
padding-bottom: .2em;
font-family: Times, "Times New Roman", serif;}

div#content1 { line-height: 150%; }

#left-image {
width: 150px ; 
padding: .5em;
float: left;
}

#left-image250{
width: 250px ;
float: left;
margin: .5em;
padding: .5em;
}

TABLE          {

               margin-left: auto; margin-right: auto;
			   border-collapse: collapse;
               border: 1px #c5a031 solid;  
               background-color: #f7f4d3;
}
*#col1         { border: 1px solid black; }
TD             { border: 1px #c5a031 solid; padding: .5em;}
TD.solid-blue  { border: 1px #c5a031 dashed; background-color: #ddffc4;}
TD.solid-green { border: 1px solid green; background-color: #f0d59b;}

CAPTION 		{margin-left: -8em;
    			width: 8em;
    			text-align: center;
    			vertical-align: bottom;}
TH 				{font-size: 90%; padding:1em;
}
TR				{font-family: Verdana, Helvetica, Arial, sans-serif;
				color: #000000; background-color: #c4d3ff; font-size: 90%;
				text-align: center;
vertical-align: top;}
TD				{font-size: 90%;
				text-align: left;
				}
				
#right-image {
width: 150px;
padding: .5em;
float: right;}

#cleardiv
{
clear: both;
height: 1em;
}

div#footer
{
clear: both;
padding: .5em 1em;
border-top: 1px solid #999;
text-align: center;
}

div#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

div#footer li
{
display: inline;
margin-right: 1em;
color: #ffffff;
font-size: .8em;} 

/**************** menu coding *****************/
#menu {
width: 155px;
background: #eee;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #96B1FC;
text-transform: uppercase;
}


#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 

</style>
<![endif]-->

* {margin: 0; padding: 0;}
/*Override defaults for all tags. */

#overall {width: 100%; margin: 0 auto;}
.col {width: 48%; padding: 0 5px; float: left;}
.CCspace {width: 105px; height: 160px; 
  padding: 7px; float: right;}
.CCpullout {width: 210px; height: 160px; 
  padding: 7px; float: left; margin-left: -38%;}
.CCpullout span {width: 210px; position: 
  absolute; text-align: justify; font-size: .8em; 
  font-weight: lighter;}
.CCpullout del {font-size: .8em; color: 
  #fff; position: absolute;}