<%@ page session="false" %>
  <%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>



/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}


/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
}

#columns {
  margin: 0 auto;
}


/* Column widths */
.width {
  width: 776px;
}

.widthPad {
  width: 746px;
}

.widthContent {
  width: 540px;
}


.widthContentInTouch {
  width: 740px;
}



.width25 {
  width: 24%;
}


.width50 {
  width: 48.5%;
}

.width25_A {
  width: 24%;
  height:100%;
  background-color:lightblue;
}

.width33 {
  width: 32%;
}

.width55 {
  width: 55%;
}

.width73 {
  width: 66%;
}

.width70 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}


/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.thumbs li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

u.thumbs li a{
list-style: none;
}

a.thumb img {
  border: 5px solid #ccc;
  list-style: none;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #668FA3;
  list-style: none;
}

a:hover.thumb {
  background: none;
  list-style: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
  list-style: none;
}



/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingLeft30 {
  padding-left: 30px;
  margin: 0 0 0 3.5em;  
  border-left: 1px solid #CCCCCC;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}
.alignCenter {
  text-align: center;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #EAF2F5;
}

.lightGrayBg {
  background-color: #F5F5F5;
}

.dark {
  color: #693F18;
}

.darkBlue {
  color: #21417A ;
}

.emphasis{
  font-weight:700;
}

.darkGray{
  color:#666666;
}



/******************************************
*      Site Name
******************************************/

.site-name {width: 300px; height: 45px; top: 12px; position: absolute; z-index: 4; overflow: hidden; margin: 0px; padding-left: 75px; }
.site-name p.title  {margin: 0px; padding: 0px; font-family: "trebuchet ms", arial, sans serif; font-weight: bold; font-size: 24px; color: #FF0000;}
.site-name a.color-red {color: #990033;}
.site-name p.subtitle  {clear: both; width: 300px; margin: -6px 0px 0px 0px; padding: 0px; background-color: transparent; font-family: "trebuchet ms", arial, sans serif; font-size: 12px; color: rgb(69,140,204);}
.site-name a {margin: 0px; padding: 0px; text-decoration: none; color: #103E6D;}
.site-name a:hover {text-decoration: none;}

/******************************************/
/* Navigation - Level 2/* Note: The red horizontal nav bar at the end of header */
/******************************************/
.nav2 {font-family: verdana, arial, sans serif; font-size: 0.8em;}
.nav2 ul {width: 768px; margin: 0px; padding: 0px; border-top: solid 1px #333333; background-color: #9CBDE4; font-weight: bold;} 
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 1px #FFFFFF; color: rgb(255,255,255); text-transform: uppercase; text-decoration: none; font-size: 100%;}
.nav2 a:hover, .nav2 a.selected {color: rgb(131,102,59); text-decoration: none;}

/******************************************/
/* Navigation- Level 3/* Note: Left hand column links */
/******************************************/
.nav3 {overflow: hidden; clear: both; float: left; width: 160px; margin: 0px; padding: 0px; font-size: 0.8em;}
.nav3 ul {width: 160px; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(156,189,228);} 
.nav3 li {list-style: none; margin: 0px; padding: 0px;}
.nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(131,102,59); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.nav3 li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(156,189,228); font-weight: bold; font-size: 120%;}
.nav3 li.subMenu a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; background-color: rgb(131,102,59); border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(131,102,59); font-weight: bold; font-size: 120%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(114,109,62); text-decoration: none; font-size: 120%; color: rgb(255,255,255);}
.nav3 li a:hover, .nav3 li a.selected {border-left: solid 7px rgb(131,102,59);  color: rgb(0,0,0); text-decoration: none;}

/******************************************/
/*right Hand Side Bar*/
/******************************************/

.sidebar {overflow: hidden; float: left; width: 160px; padding: 0px 0px 20px 0px; text-align: left; color: rgb(75,75,75);}
.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: #103e6d; color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 0.8em;}
.sidebar-maintitle-small {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: #103e6d; color: rgb(255,255,255); text-transform: uppercase; font-weight:bolder; font-size: 105%;}
.sidebar-maintitle-small a { color: White; text-decoration: none;}
.sidebar-maintitle-small a:hover{color: Red; text-decoration: underline;}
.sidebar-maintitle-small a:visited{ color: White; text-decoration: none;}
.sidebar-title-noshade {margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.sidebar-title-shade {margin: 0px; padding: 2px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.sidebar-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
.sidebar-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; background-color: rgb(235,235,235);}
.sidebar-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.35em; font-size: 110%;}
.sidebar-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.35em; font-size: 110%;}
.sidebar .title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(131,102,59); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 1.0em;}
.sidebar img {padding-top:3px;}