﻿body
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: Normal;
}

#wrapper {
    width: 579px;
    margin-top: 10px;
}

#leftcol {
    float: left;
    height: auto;
    width: 348px;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 0px;
    padding-bottom: 10px;

}

#rightcol {
    float: left;
    height: auto;
    width: 200px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 4px;
}

#rightContent{
width: 180px; /*Width of right column in pixels*/
height: 180px;
background: #cae7d4;
border: 3px solid #6ea383; 
padding: 10px;
margin-left: 20px;
}

#rightImage
{
width: 200px; /*Width of right column in pixels*/
height: 200px;
margin-left: 20px;
border: 3px solid #6ea383; 
}

#rightImageBlack
{
width: 200px; /*Width of right column in pixels*/
height: 200px;
margin-left: 20px;
border: 3px solid #000000; 
}

h1
{
    color: #000000;
    font-size: x-large;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

h2
{
    color: #000000;
    font-size: x-large;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

h2.bookmark a:hover
{
    color: #408020;
    font-size: x-large;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

h3
{
    color: #005881;
    font-size: large;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
    
.tableForm      {border-collapse: collapse; border: Solid 1px #cccccc; width: 100%;}
.tableForm td   {border: Solid 1px #cccccc;}
.tableForm img  {border: Solid 0px #cccccc;}

.navTable      {border-collapse: collapse; width: 100%; margin-top: 5px; margin-left: 5px;}
.navTable td   {padding: 4px;}

.form                   {border-collapse: collapse; border: 1px solid #999999; font-size: 9px;}
.form td a              {text-decoration: none;}
.form td a:hover        {text-decoration: underline;}
.form td                {padding: 5px; padding-left: 10px; border: 1px solid #999999; vertical-align: top;}
.form img               {border: 0px;}
  
a.homenav:active            { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; padding-left: 5px;}
a.homenav:link              { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; padding-left: 5px; }
a.homenav:visited           { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; padding-left: 5px; }
a.homenav:hover             { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; padding-left: 5px;  }
   
a.subnav2:active   { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; font-size: x-small; padding-left: 15px; }
a.subnav2:link     { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; font-size: x-small; padding-left: 15px; }
a.subnav2:visited  { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; font-size: x-small; padding-left: 15px; }
a.subnav2:hover    { text-decoration: none; font-style: normal; color: #408020; font-weight: bold; font-size: x-small; padding-left: 15px; }  

a.navigation:active	    { text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; color: #FFFFFF; padding-left: 5px; }
a.navigation:link       { text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; color: #FFFFFF; padding-left: 5px; }
a.navigation:visited    { text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; color: #FFFFFF; padding-left: 5px; }
a.navigation:hover		{ text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; color: #FFFFFF; padding-left: 5px; }
  
a:active                { text-decoration: none; font-style: normal; color: #408020; font-weight: normal; }
a:link                  { text-decoration: none; font-style: normal; color: #408020; font-weight: normal; }
a:visited               { text-decoration: none; font-style: normal; color: #408020; font-weight: normal; }
a:hover                 { text-decoration: none; font-style: normal; color: #FC0107; font-weight: normal; }

a.nav:active            { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; }
a.nav:link              { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; }
a.nav:visited           { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; }
a.nav:hover             { text-decoration: none; font-style: normal; color: #6ea383; font-weight: bold;  }

a.subnav:active         { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; font-size: x-small; padding-left: 3px; }
a.subnav:link           { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; font-size: x-small; padding-left: 3px; }
a.subnav:visited        { text-decoration: none; font-style: normal; color: #FFFFFF; font-weight: bold; font-size: x-small; padding-left: 3px; }
a.subnav:hover          { text-decoration: none; font-style: normal; color: #408020; font-weight: bold; font-size: x-small; padding-left: 3px; }

a.jump:active            { text-decoration: none; font-style: normal; color: #005881; font-weight: bold; font-size: 12px;}
a.jump:link              { text-decoration: none; font-style: normal; color: #005881; font-weight: bold; font-size: 12px;}
a.jump:visited           { text-decoration: none; font-style: normal; color: #005881; font-weight: bold; font-size: 12px;}
a.jump:hover             { text-decoration: none; font-style: normal; color: #6ea383; font-weight: bold; font-size: 12px;}

a.bookmark:active            { text-decoration: none; font-style: normal; color: #408020; }
a.bookmark:link              { text-decoration: none; font-style: normal; color: #408020; }
a.bookmark:visited           { text-decoration: none; font-style: normal; color: #408020; }
a.bookmark:hover             { text-decoration: none; font-style: normal; color: #408020; }

/*DO NOT MODIFY BELOW THIS LINE.  THIS CODE IS NEEDED FOR IE*/
body {behavior: url(/includes/csshover.htc); font-family: Arial, helvetica; }
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;}

#menu {
width: 100%;
background: #0065a4;
float: left;
}

#menu ul.nav1 {width: 160px; padding-right:0px;}
#menu ul.nav2 {width: 150px; padding-right:0px;}
#menu ul.nav3 {width: 150px; padding-right:0px;}
#menu ul.nav4 {width: 150px; padding-right:0px;}
#menu ul.nav5 {width: 150px; padding-right:0px;}
#menu ul.nav6 {width: 150px; padding-right:0px;}
#menu ul.nav7 {width: 150px; padding-right:0px;}
#menu ul.nav8 {width: 150px; padding-right:0px;}
#menu ul.nav9 {width: 150px; padding-right:0px;}
#menu ul.nav10 {width: 150px; padding-right:0px;}
#menu ul.nav11 {width: 150px; padding-right:0px;}
#menu ul.nav12 {width: 150px; padding-right:0px;}

#menu ul {
list-style: none;
margin: 0;
margin-left: 0px;
padding: 0;
width: 164px;
float: left;
z-index: 300;
}

#menu h2 {
font-size: 11px;
font-family: Arial, helvetica;
display: block;
border: 1px solid #0065a4;
margin: 0;
padding: 3px 0px 3px 0px;
color: #000000;
background: #0065a4;
width: 100%;
text-decoration: none;
}

#menu ul.dropdown a {
font-size: 10px;
font-family: Arial, helvetica;
display: block;
border-width: 1px;
border-style: solid;
border-color: #000000;
margin: 0;
padding: 5px;
color: #FFFFFF;
background: #6587AA;
z-index: 400;
}


#menu ul.dropdown a:hover {
font-size: 10px;
font-family: Arial, helvetica;
display: block;
border-width: 1px;
border-style: solid;
border-color: #000000;
margin: 0;
padding: 5px;
color: #000000;
background: #cccccc;
z-index: 400;
}

#menu a:hover {
color: #FFFFFF;
background: #0065a4;
font-weight: bold;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
top: 0;
left: 101%;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/

caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.theme-default #slider {
    margin: 0 auto 0 auto; /*Adjust the margin of the images */
    width:369px; /* Make sure your images are the same size */
    height:316px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}



