/* Start of CMSMS style sheet 'Layout' */
/* -----------------------------------*/
/* -------->>> PAGE LAYOUT <<<--------*/
/* -----------------------------------*/
body{ 
  margin: 0px; 
  padding: 0px;
  background-color: #efefee;
}
#bodywrapper2 { 
  padding: 0 225px 0 245px;
  margin-top: 50px;
  overflow: hidden;
  }
  
.twocolumn #bodywrapper2 { 
  padding: 0 225px 0 0px;
  }
  
#bodywrapper {
  background: url(uploads/images/bgtile.gif) repeat-y scroll 0pt 0pt;
  width: 900px;
  margin: 0 auto;
  padding: 0 12px;
  position: relative;
}
/* --------->>> BANNER <<<----------*/
#banner {
       background: #fff url(uploads/images/banner.jpg) no-repeat scroll 0pt 100%;
       overflow: hidden;
       position: relative;
       height: 190px;
       padding-top: 20px;
       
}
#banner h1 {
       margin: 0px 0px 0px 10px;
}
#banner h1 a {
       text-indent:-5000px; 
       display:block;
       height:54px;
       width:390px;
       background: url(uploads/images/logo.gif) no-repeat scroll 0pt 0pt;
}
.headerImg {
     position: absolute;
     top:65px;
     left:40px;
}


/*----------->>>NAV<<<---------------*/
#nav {
	background: url(uploads/images/navmap.gif) repeat-x scroll 0 0;
	height: 37px;
	width: 900px;
	position: absolute;
	top: 210px;
	left: 12px;
	padding-top: 1px;
        font-size: 1em;
        z-index: 100;
}
#nav .currentpage h3 {
    	background-color: #A4C5DF;
        margin-bottom: 0px;
        text-transform: uppercase;
	color: #00495B;
	font-weight: normal;
        font-size: 1em;
     
}
#nav ul li .currentpage h3 {
    	background-color: #A4C5DF;
        margin-bottom: 0px;
	color: #00495B;
	font-weight: normal;
        width: 140px;
        text-transform: uppercase;
        font-size: 1em;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav ul li {
	background: none;
	padding-left: 0px;
	float: left;
        position: relative;
}
#nav ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	color: #00495B;
	font-weight: normal;
	border-right: 1px solid #ccc;
	float: left;
	width: auto;
        padding-left: 12px;
        padding-right: 12px;        
  
}
#nav a:hover {
	background: url(uploads/images/navmapOver.gif) repeat-x scroll 0 0;
}
#nav ul li ul {
    position: absolute;
    width:140px;
    left: -999em;
    top: 30px;
        font-size: .95em;
}
#nav ul li ul li a {
	background: url(uploads/images/navmap.gif) repeat-x scroll 0 0;
	float: none;
        width: 140px;
}

#nav li.sfhover {boder: solid 1px red;}

#nav li:hover ul {
    left: 0;
}
#nav li.sfhover ul {
    left: 0;
}


/* -------->>> CONTENT <<<--------*/
#container {
  background-color:#fff;
  float:left;
  width:100%;    
  border-left:225px solid #fff;
  border-right:225px solid #fff;
  margin-left:-225px;
  margin-right:-225px;
  display:inline; 
}

.twocolumn #container {
	border-left: none;
	margin-left: 0;
}

#main {
  float:left;
  width:425px;
  margin-right:-100%;
z-index: 90;
}
.twocolumn #main {
	width: 680px;
}

h2, h3,h4, p, ul {padding-left: 12px; padding-right: 12px;}

#leftcolumn{
  float:left;
  width:232px;
  margin-left:-245px;
  position:relative;
}

* html #leftcolumn {margin-left: -245px; width:194px;}
#ie6 #leftcolumn p {padding-right:0;}

#rightcolumn {
  float:right;
  width:225px;
  margin-right:-235px;
  position:relative;
}
.columnsleeve {
  padding: 10px 20px;
}
/* --------->>> FOOTER <<<----------*/
#footer {
     background: #fff url(uploads/uploads/images/layout/footer_bg.gif) repeat-x scroll 0 0;
     clear: both;
     height:53px;
     position: relative;
}

/* End of 'Layout' */

/* Start of CMSMS style sheet 'Typography' */
/*---------------------
	GLOBAL
---------------------*/
body {
     font-family: arial, helvetica, verdana, sans-serif;
     font-size: 0.75em;
     line-height: 1.25em;
     color: #222;
}

/*---------------------
	TYPOGRAPHY
---------------------*/
h1 {
     font-size: 1.6em;
     margin: 1em 0;
     font-weight: bold;
}
h2 {
     font-size: 1.25em;
     line-height: 1.95em;
     margin: 0em 0 0.2em 0;
     color: #336699;
     font-weight: normal;
     text-transform: uppercase;
     }
p+h2,ul+h2 {margin: 1.2em 0 0.2em 0;}
h3 {
     font-size: 1em;
     line-height: 2.5em;
     margin: 0 0 0.5em 0;
     color: #222;
     font-weight: bold;
     }
h4 {
     font-size: 1em;
     margin: 0 0 0.3em 0;
     color: #336699;
     font-weight: normal;
     text-transform: uppercase;
     }
h2 a, h3 a, h4 a {color: #6d6d6d;}
h2 a, h3 a, h4 strong {color: #000;}
p {margin: 0 0 1em 0;}

/*---------------------
	LINKS
---------------------*/
a {
     color: #336699; 
     text-decoration: none;
     line-height: 1.8em;
     font-size: 1em;
     font-weight: bold;
}
.dialog a {
     color: #336699; 
     text-decoration: none;
     padding-left: 12px;
     padding-right: 12px;
     line-height: 1.8em;
     font-size: 0.95em;
     font-weight: bold;
     text-transform: uppercase;
}
.dialog a:hover {
     color: #333; 
     text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #00495B;
}
a:active {outline: none;}
a img {border: none;}

/*---------------------
	LISTS
---------------------*/
ul {
     list-style: none;
}
ul li {
     line-height: 2em;
     background: url(uploads/images/bullet.gif) no-repeat 0 5px;
     padding-left: 20px;
}
ul a {color: inherit;}
ol {margin: -0.3em 0 1em 1em;}
ol li  {
     margin: 0.4em 0.5em;
     line-height: 1.3em;
}

/*---------------------
	FORMS
---------------------*/
input, select {font-size: 11px; font-family: Arial;}
fieldset {border: none; padding: 0 12px; margin:0;}
.contactform {padding-bottom: 15px;}
fieldset legend {
     font-size: 1em;
     line-height: 1.25em;
     margin: 15px 0 0.5em 0;
     color: #333;
     font-weight: bold;
     padding: 0;
}
fieldset label {
     display: block;
     width: 100px;
     float: left;
     padding: 2px;
color: #666;
}
fieldset div {border-bottom: 1px dotted #999; margin-bottom: 5px; padding-bottom: 2px;}
fieldset input {
     width: 538px;
     border: 1px solid #CECECE;
     margin-bottom: 5px;
     padding: 2px;
     color: #666;
}
fieldset textarea {
     width: 538px; 
     height: 100px;
     border: 1px solid #CECECE;
     margin-bottom: 5px;
     margin-top: 0;
     padding: 2px;
     color: #666;
     font-size:11px;
}
.btn input, .btn a {
     width: 120px;
     display: block;
     border: 0px solid #666;
border-width: 0px 1px 1px 0px;
     color: #fff;
     text-align: center;
text-transform: uppercase;
     padding:3px;
     font-size: 1em;
     background-color: #999;
     cursor: pointer;
float: right;
margin: 0 10px 10px 0;
}
.btn input:hover, .btn a:hover {
     text-decoration: none;
     background-color: #666;
}
.surveyform label {width: 240px; margin-top: 8px;}
.surveyform div div label {width: 30px; color: #000; margin-top: -15px;}
.surveyform input {width: 12px; float: left;}
.surveyform div {clear: both;}
.surveyform div div {clear: none; float: left; width: 60px; border: none; margin: 8px 0 0; padding:0;}
.surveyform .btn input {width: 80px; float: right;}

/*---------------------
	TABLES
---------------------*/
thead {font-size:1.2em; color: #333;}
tbody {background-color: #fff;}
td {
padding:10px; 
color: #333;
border-bottom:1px solid #444;
line-height: 1.4em;
}

/*---------------------
	OTHER
---------------------*/

/*---------------------HORIZONTAL LINE */
.hr {
     border: none;
     height: 5px;
     margin: 1em;
     clear: both;
}
.hr hr {display: none;}
hr.thin {margin: -0.3em 0 0.5em 0;}
hr.black {border-color: #000;}

/*---------------------DATA TABLES */
dt{
     float: left;
     clear: left;
     font-weight: bold;
     margin: 0 0 1em 1em;
     width: 55px;
     color: #000;
}
dd {
     display: block;
     margin: 0 0 1em 0;
     padding-left: 75px;
}

/*---------------------BLOCKQUOTE */
blockquote {
     margin: 0.5em 0;
     padding: 1.5em;
     background: #F5F8E2;
     color: #000;
}
blockquote h2, blockquote h3,blockquote h4, blockquote a {color: #000;}
blockquote p {}

/*---------------------CODE VIEW */
code {
     background: #F0F0F0;
     color: #000;
     font-size: 1.1em;
}
pre {
     background: #333;
     font-size:1.2em;
     line-height:1.4em;
     color: #eaeaea;
     padding: 1em;
     margin: 0.5em 0;
     font-family: Verdana, Helvetica, sans-serif;
}
/* End of 'Typography' */

/* Start of CMSMS style sheet 'Rounded corners' */
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 min-width:8em;
 min-height: 1em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 padding-bottom: 13px;
 
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background: #d0e064 url(uploads/images/shadow.gif) no-repeat top right;
}
* html #greenbox .content,
* html #greenbox .t,
* html #greenbox .b,
* html #greenbox .b div {
 background: #d0e064 url(uploads/images/shadow2.gif) no-repeat top right;
}
* html #greenbox .b {
   width:227px;
background-position: -2670px 100%;

}
* html #greenbox .content {background-position: -2768px 0;  }

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 8px 0px 0px;

}
.dialog h2 {
	border-bottom: 1px solid #fff;
	margin-top: 0;
}

#orangebox .content {
   background-color: #ffb245;
   padding-bottom: 20px;
}
#orangebox h2 {
   background-color: #ffd296;
}
#greybox .content {
   background-color: #efefee;
   padding-bottom: 20px;
}
#greybox h2 {
	background-color: #f7f7f7;
	border-bottom: 1px solid #ccc;
}

#greenbox .content {
background-color: #d0e064;
padding-bottom: 20px;
}

#greenbox h2 {
	background: url(uploads/images/greentab.gif) no-repeat scroll 0 0;
	border-bottom: none;
	color: #fff;
	font-weight: bold;
	width: 241px;
	height: 35px;
}

* html #greenbox h2 {padding-right:0; width:230px;}

#yellowbox1 h2, #yellowbox2 h2 {
   background-color: #fff0b6;
}
#yellowbox1 .content {
background-color: #ffdf60;
padding-bottom: 20px;
}
#yellowbox2 .content {
background-color: #ffdf60;
padding-bottom: 20px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

#orangebox .b {
background-color: #ffb245;
}
#greybox .b {
background-color: #efefee;
}
#greenbox .b {
background-color: #d0e064;
}
#yellowbox1 .b {
background-color: #ffdf60;
}
#yellowbox2 .b {
background-color: #ffdf60;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:7px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog .content .wrapper {
 position: static;
 max-height:350px;
 overflow:auto;
}

.dialog p {
margin:0;
}

.dialog h1 {
 padding-bottom:0px;
}
/* End of 'Rounded corners' */