html, body {
  border: 0;
  margin: 0;
  padding: 0;
}

body {
  font: 100%/1.25 arial, helvetica, sans-serif;
  background: #283250 url(./images/layout/bg.jpg) repeat-y top center;
  width: 100%;
  min-width: 970px;
}
/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1 {
  width: 90%;
  clear: both;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 3px;
  letter-spacing: -1px;
  font: 2em arial, helvetica, sans-serif;
  color: #344a85;
  background-color: transparent;
  border-bottom: 4px solid #344a85;
}

h2 {
  padding: 10px 0 0 0;
  color:  #443833;
  background-color: transparent;
  font-size: 110%;
  letter-spacing: -1px;
  font: 1.4em arial, helvetica, sans-serif;
}

h3 {
  font: 1em arial, helvetica, sans-serif;
  font-weight: bold;
}

p, ul, ol {
  margin: 0;
  padding: 0 0 18px 0;
}

ul, ol {
  list-style: none;
  padding: 0 0 18px 40px;
}

blockquote {
  font-size: 1.4em;
  color: #55453E;
  background-color: transparent;
  width: 400px;
  padding-left: 18px;
  text-indent: -18px;
}

blockquote:first-letter {
  padding-left: 40px;
  font: italic 2em Georgia, "Times New Roman", Times, serif;
}


small {
  font-size: 0.85em;
}

img {
  border: 0;
}

sup {
  position: relative;
  bottom: 0.3em;
  vertical-align: baseline;
}

sub {
  position: relative;
  bottom: -0.2em;
  vertical-align: baseline;
}

acronym, abbr {
  cursor: help;
  letter-spacing: 1px;
  border-bottom: 1px dashed;
}
/***** Links *****/

a {
  text-decoration: none;
  color: #0066FF;
}

a:hover {
  text-decoration: underline;
  color: #C10000;
}

a img {
  border: none;/*remove border for linked images*/
}
/***** Tables *****/

table {
  border: 0;
  margin: 0 0 18px 0;
  padding: 0;
}

table tr td {
  padding: 2px;
}

/***** Global Classes *****/

.clear         { clear:both; }

.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px;margin:0 auto; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.noborder      { border: none; }

/***** Main Layout ****/
#container {
  background: url(./images/layout/bg_top.jpg) repeat-x top left;
  width: 100%;
  height: 100%;
}

#wrapper {
  display: block;
  width: 970px;
  text-align: center;/* IE fix to center the page in the middle of the page*/
  margin: 0 auto;/*center the page in Firefox*/
}
/**** Sidebar ****/

#sidebar {
  display: block;
  float: left;
  width: 290px;
  text-align: left;
  color: white;
}

#sb_top {
  width: 290px;
  height: 240px;
  background: url(./images/layout/sb_top.jpg) no-repeat left top;
  color: #A8948A;
  font-weight: bold;
  text-align: center;
}

.sb_logo {
  padding-top: 17px;
}

.sb_content {
  text-align: left;
  padding-left: 12px;
  width: 268px;
}

#sidebar .sb_content h2 {
  color: #e2e2e2;
  background: url(./images/layout/bg_h2.jpg) repeat-x;
  width: 253px;
  padding-left: 15px;
  padding-top: 10px;
  margin-bottom: 15px;
  font: 1.5em Georgia, "Times New Roman", Times, serif;
}

#sidebar .sb_content p {
  padding: 10px;
}

#sidebar .sb_content ul {
  list-style-type: square;
}
/*links*/

#sidebar .sb_content a {
  color: #FFFF99;
}

#sidebar .sb_content a:hover {
  color: #FFFF99;
  border-bottom: 1px dotted #FFFF99;
}

#sidebar .sb_content img {
  border: 1px solid #333F63;
  padding: 4px;
  background-color: #333F63;
  Margin: 7px 0;
}

#sidebar .sb_content img.noborder {
  border: none;
  padding: 0;
  background-color: transparent;
  Margin: 7px 0;
}

/**** Main Menu ****/

#sidebar #navlist {
  margin: 0;/*removes indent IE and Opera*/
  padding: 0;/*removes indent Mozilla and NN7*/
  list-style-type: none;/*turns off display of bullet*/
  width: 268px;
}

#sidebar #navlist a, #sidebar #navlist a:visited {
  display: block;
  height: 40px;
  padding: 2px 2px 2px 24px;
  border: none;
  border-top: 1px solid #333F63;

  background-color: transparent;
  color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;/* this value must match the height in order to center vertically the text*/
  text-decoration: none;
}

#sidebar #navlist a:hover {
  background-color: #333F63;
  color: #e7cf8c;
}

#sidebar #navlist a.noborder, #sidebar #navlist a:visited.noborder {
  border-bottom: none;
}
/*Copyright*/

#sidebar .copyright {
  display: block;
  margin: 60px auto 40px auto;
  width: 220px;
  text-align: center;
  background-color: #333F63;
  border: 1px solid black;
  color: #877065;
  font-size: 85%;
}

#sidebar .copyright a {
  color: #FFFF99;
}

#sidebar .copyright a:hover {
  color: #FFFF99;
  border-bottom: 1px dotted #FFFF99;
}
/**** Header ****/

#header {
  display: block;
  float: left;
  clear: right;
  width: 670px;
  height: 40px;
  padding-top: 15px;
  color: white;
  text-align: right;
}

#header a {
  color: white;
}

#header a:hover {
  border-bottom: 1px dotted white;
}
/**** Content ****/

#content {
  display: block;
  float: left;
  width: 670px;
  border-top: #3e478a 9px solid;
  text-align: left;
  margin-bottom: 50px;
  
}

#content ul li {
  
}

#content img {
  border: 1px solid #D0C5BF;
  padding: 4px;
  background-color: #E7E1DE;
  Margin: 15px 0;
}

#content img.alignleft {
  display: block;
  float: left;
  clear: none;
  margin: 5px 10px 5px 0;
}

#content img.alignright {
  float: right;
  margin: 5px 10px 0 10px;
}

#content img.noborder {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 10px;
}

#intro {
  width: 670px;
  height: 176px;
  border-bottom: 1px solid #919191;
  background: #f0f0f0 url(./images/layout/head.gif) no-repeat top right;
}

.intro_t{
  width: 98%;
  margin-left: 0px;
}

#intro h1 {
  margin: 0;
  color: 323F62;
  font-size: 36px;
  font-weight:bold;
  font-style:italic;
  font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
  border: none;
  padding: 35px 0 0 0;
}

#intro h2 {
  margin: 0;
  padding: 0 0 15px 0;
  color: black;
  font-size: 18px;
}

#intro #testimonial {
  text-align: left;
  padding: 15px 0 15px 15px;
}

#introduction {
  width: 100%;
  background-color: #55453E;
  height: 176px;
  color: white;
  margin-bottom: 25px;
}

#introduction h1 {
  margin: 0;
  padding-top: 15px;
  margin-bottom: 25px;
}
/*links

#intro a, #introduction a {
  color: #FFFF99;
}

#intro a:hover, #introduction a:hover {
  color: #FFFF99;
  border-bottom: 1px dotted #FFFF99;
}
*/

/**** Form Layout ****/


/* Main Form formatting*/
form {
  margin: 0;
  padding: 0;
  display: inline;
}

input, textarea, select {
  font: 1em arial, helvetica, sans-serif;
  background-color: #f0f0f0;
  border: 1px solid #443833;
  line-height: 1.25em;
  padding: 0 0 0 2px;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid #55453E;
  background-color: #f0f0f0;
}

label {
  cursor: pointer;
}




/* SlideShow */


.carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;     
}
 .carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        .carousel ul {
            margin: 0;
        }
        .carousel li img, 
        .carousel li p {
            background-color: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;
        }
        
        .widget img {
            cursor: pointer;
        }
            .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            .vertical {
                margin-left: 170px;
            }
                .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            .imageSlider li img, 
            .imageSlider li p, 
            .imageSliderExt li img , 
            .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }