body {
	margin: 20px 0;
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
        font-size: 80%;
        line-height: 135%;
	color: #303030;
        background-color: #f7f7f7;
        height: 100%;
}

h1 {
       color: #2582A4;
       font-size: 170%;
       padding: 0.5em 0 1.5em 0;
}

h2, h3, h4, h5, h6 {
	color: #2582A4;
}

p, ol, ul {
	text-align: justify;
}

strong {
	font-weight: bold;
	color: #202020;
}

a {
	color: #87A019;
}

a:hover {
	text-decoration: none;
	color: #2582A4;
}

.box {
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(/uploads/Integral/integral/images/img07.gif) repeat-x left bottom;
        text-align: justify;
}

.bottom {
	display: block;
	margin-bottom: 0;
	padding-bottom: 10px;
	background: url(/uploads/Integral/integral/images/img08.gif) no-repeat left bottom;
}

.image {
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
}

.indent {
	margin-left: 125px;
}

/* Header */

#header {
	width: 928px;
	height: 37px;
	margin: 0 auto;
	background: #BECF74 url(/uploads/Integral/integral/images/img01.gif) repeat-x;
        background-color: #f7f7f7;
        padding-bottom: 2px;
}

/* Search */

#search {
	float: right;
	height: 28px;
	margin: 0;
	padding: 9px 25px 0 0;
	background: url(/uploads/Integral/integral/images/img03.gif) no-repeat right top;
}

#cntnt01searchinput {
	width: 164px;
	padding: 2px 5px;
	background: #FFFFFF;
	border: 1px solid #6B7C2E;
}

#input2 {
	height: 20px;
	background: #2582A4;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
        margin-left: 5px;
        border: 1px solid #6B7C2E;
}

/* Content */

#content {
	width: 926px;
        height: 100%;
}

#outerc {
        width: 926px;
        margin: 0 auto;
        border-left: 1px solid #BECF74;
        border-right: 1px solid #BECF74;
        border-bottom: 1px solid #BECF74;
        background-color: #fff;
}

#colOne {
	float: left;
	width: 238px;
	background: url(/uploads/Integral/integral/images/img05.gif) repeat-x;
        margin-bottom: 2em;
        height: 100%
}

#colOne h3 {
	padding: 0 20px;
}

#colOne ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
}

#colOne li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
}

#colOne li.first {
	border: none;
}

#colTwo {
	float: right;
	width: 615px;
	padding: 0px 40px 0 30px;
	background: url(/uploads/Integral/integral/images/img09.gif) repeat-x;
        height: 100%;
}

#colTwo h2 {
	margin-top: 0;
	font-size:150%;
}

#colTwo h3 {
	margin: 1em 0;
        font-size: 140%;
}

#colTwo h4 {
	margin-top: 0;
	font-size: 125%;
}

#colTwo .box {
	margin: 0 -30px 30px -20px;
	padding: 0 30px 20px 20px;
}

#colTwo .bottom {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}

#colTwo p {
text-align: justify;
}


/* Logo */

#logo {
	height: 150px;
	background: url(/uploads/Integral/integral/images/img06.gif) no-repeat;
}

#logo h1, #logo h2, #logo a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	color: #FFFFFF;
}

#logo h1 {
	padding-top: 25px;
	font-size: 34px;
}

#logo h2 {
	margin-top: -5px;
	font-size: 12px;
}

/* Footer */

#footer {
	clear: both;
	width: 926px;
	margin:0 auto;
	padding-top: 40px;
	background: url(/uploads/Integral/integral/images/img11.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
}

div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/

form {
padding: 0;
margin: 0;
}

form input, select {
font-family: trebuchet ms, Arial, Helvetica, sans-serif;
}

#searchfs {
border: none;
padding: 0;
}

.foot_small {
font-size: 90%;
padding: 10px 0;
}

.contactform {
margin:3em 0;
}

/* Contact form css */
.contactform fieldset div {
margin-bottom:0.5em;
margin-left:1em;
}
.contactform fieldset div div {
margin-top:0.5em;
margin-left:1em
}
.contactform fieldset {
margin-bottom:1em;
border:1px solid #6B7C2E;
padding:0.5em;
background: #eef1e0;
}
.contactform fieldset label {
width:auto;
}
.contactform legend {
color:#FFF;
background:#2582A4;
font-size: 110%;
font-weight: bold;
margin-bottom:0.5em;
padding:0.4em;
width:auto;
border:1px solid #6B7C2E;
}

.contactform textarea {
margin: 0.5em 0;
width:98%;
height: 6em;
border: 1px solid #6B7C2E;
font-family: trebuchet ms, Arial, Helvetica, sans-serif;
font-size: 100%;
}

.contactform input, select {
border: 1px solid #6B7C2E;
margin: 3px 0;
}

.short-label label {float:left; width:10em; font-weight: bold}
.required label {float:left; width:10em; font-weight: bold; color: #2582A4}

/* Pretty up your Captcha image output */
.captcha {
margin:0.5em 0;
width:200px;
text-align:center
}
.captcha img {border:1px solid #6B7C2E; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

.fbsubmit {
margin-top:0.5em;
padding: 4px;
background: #2582A4;
text-transform: lowercase;
font-size: 100%;
font-weight: bold;
color: #FFFFFF;
border: 1px solid #6B7C2E;
}

.infowin {
text-align: right;
font-weight: bold;
}

#map_canvas {
border: 1px solid #6B7C2E;
margin: 10px 0;
}

.expand{
margin:1em 0;
border: 1px dotted #6B7C2E;
background-color: #eef1e0;
padding:0.5em;
}

.expanda{
cursor:pointer;
font-weight: bold;
color: #2582A4;
font-size: 110%;
}

/* POMs table */

#poms{
margin: 1em;
}

#poms td {
background-color: #eef1e0;
padding: 0.5em;
}

#poms img {
border: 2px solid #6B7C2E;
}

.pom_name2 {
font-weight: bold;
text-align: left;
border-bottom: 1px solid #e5e5e5;
}

.pom_name {
text-align: center;
border-bottom: 1px solid #e5e5e5;
}

.pom_name3 {
width: 30%;
font-weight: bold;
font-size: 110%;
text-align: center;
border-bottom: 1px solid #e5e5e5;
}

.pom_header {
color: #fff;
font-weight: bold;
font-size: 110%;
background-color: #2582A4 !important;
}

#poms th {
color: #fff;
font-weight: bold;
padding: 0.2em;
background-color: #9BB143;
border-bottom: 1px solid #6B7C2E;
} 

.check {
border: 1px dotted #6B7C2E;
background-color: #eef1e0;
padding: 1em 1em 1em 3em;
list-style-type: disc;
list-style-image:url(/uploads/images/green.gif);
line-height: 150%;
margin: 0.2em;
}

.tick {
padding: 1em 1em 1em 3em;
list-style-type: disc;
list-style-image:url(/uploads/images/check.gif);
line-height: 150%;
margin: 0.2em;
}

.noborder, a.noborder img {border: none}

/* --------------------------------------------------
    Slideview homepage widget
   -------------------------------------------------- */

    /* Preloader stuff, do not modify! */
    .svwp
    {
        width: 50px;
        height: 20px;
        background: #fff;
    } 
        .svwp ul
        {
            position: relative;
            left: -999em;
        }
    .slideViewer
    { 
        position: relative;
        overflow: hidden; 
        margin: 0;
        padding: 0;
        background: #fff;
    }
     /* Your list of images */
    .slideViewer ul
    { 
        position: relative;
        left: 0;
        top: 0;
        width: 1%;
        list-style-type: none;
        margin: 0; 
        padding: 0;
    }
        .slideViewer ul li
        {
            float:left;
        }
    /* For the text pop-up */
    .slideViewer span.typo
    { 
        padding: 6px; /* do not modify padding */
        background: #fff;
        color: #494949;
        font: bold 12px trebuchet ms, Arial, Helvetica, sans-serif;
    }
    .thumbSlider
    { 
    overflow: hidden;
    width: 1%;
    background: #fff;
    }
        .thumbSlider ul
        { 
        list-style-type: none;
        margin: 0; 
        padding: 0;
        }
            .thumbSlider ul li
            { 
                float:left;
                margin: 0;
            }
        .thumbSlider a
        {
            color: #fff;
            text-decoration: none;
        }
            .thumbSlider a img
            {
                border: 0;
                display: block;
                padding: 0;
            }
        .thumbSlider p.tmbrdr {
            /* the border above -not around- each thumb */
            /* width, height and top values are dynamically added by the script. Do not modify. */
            position:relative; 
            left: 0;
            font-size: 0.01em;
            left: 0;
            margin: 0;
            padding: 0;
        }
        a.left, a.right
        {
            /*the left and right buttons (links)*/
            background: transparent; /* could be any color  */
            color: #ff0000;
            font: bold 16px trebuchet ms, Arial, Helvetica, sans-serif;
            overflow: hidden;
        }
        a.left span, a.right span
        {
        }
        a.left img, a.right img
        {
            border: 0;
        }
        a.l_dis, a.r_dis
        {
            background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
            cursor: default;
        }
        a.l_dis span, a.r_dis span
        {
            display: none;
        }
            a:focus
            {
                outline:none;
            }

.main_image, #slidebox {
float: right;
margin: 18px 0 25px 35px;
border: 1px solid #BECF74;
}