﻿
html, body
{
    height: 100%;
}

body
{
    margin: 0px;
    padding: 0px;
    background: #CFD3D7;
    font-family: 'Segoe UI' , Tahoma, arial, sans-serif;
    font-size: 16px;
    color: #444;
}

h1, h2, h3
{
    margin-top: 0px;
}

p, ol, ul
{
    margin-top: 0px;
}

p
{
    line-height: 180%;
}

strong
{
}

a
{
    color: #65990C;
}

a:hover
{
    text-decoration: none;
}

a img
{
    border: none;
}

img.border
{
}

img.alignleft
{
    float: left;
    margin-right: 25px;
    padding-top: 7px;
}

img.alignright
{
    float: right;
}

img.aligncenter
{
    margin: 0px auto;
}

hr
{
    display: none;
}

/** WRAPPER */

#wrapper
{
    background: url(images/bg1_02.jpg) repeat;
}

#wrapper-bgtop
{
    background: url(images/bg1_01.jpg) repeat-x left top;
}

#wrapper-bgbtm
{
    overflow: hidden;
    background: url(images/bg1_03.jpg) repeat-x left bottom;
}

.container
{
    width: 1000px;
    margin: 0px auto;
}

.clearfix
{
    clear: both;
}

/** HEADER */

#header-wrapper
{
    height: 183px;
    background: url(images/bg1_04.jpg) no-repeat center top;
}

#header
{
    overflow: hidden;
    height: 88px;
    padding: 95px 0px 0px 0px;
}
.header1_Black
{
    font-family: 'Segoe UI Light' , Tahoma, arial, sans-serif;
    font-size: 38px;
    color: #222;
}
.header1_Blue
{
    font-family: 'Segoe UI Light' , Tahoma, arial, sans-serif;
    font-size: 38px;
    color: #2C5ABC;
}
.header2_Black
{
    font-family: 'Segoe UI Light' , Tahoma, arial, sans-serif;
    font-size: 34px;
    color: #444;
}
.header2_Blue
{
    font-family: 'Segoe UI Light' , Tahoma, arial, sans-serif;
    font-size: 34px;
    color: #2C5ABC;
}
.header3_Black
{
    font-family: 'Segoe UI Light' , Tahoma, arial, sans-serif;
    font-size: 26px;
    color: #444;
}
.header3_Blue
{
    font-family: 'Segoe UI Light' , Tahoma, arial, sans-serif;
    font-size: 26px;
    color: #2C5ABC;
}
.header4_Black
{
    font-size: 20px;
    color: #444;
}
.header4_Blue
{
    font-size: 20px;
    color: #2C5ABC;
}
/** MENU */

#menu
{
    float: right;
    width: 710px;
    height: 66px;
}

#menu ul.nav
{
    /*float: right;*/
    margin: 0px;
    padding: 16px 30px 0px 0px;
    list-style: none;
    line-height: normal;
}

#menu li.nav
{
    display: inline-block;
    float: left;
    height: 40px;
    margin-left: 5px;
}

#menu a.nav
{
    display: inline-block;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #2E5773;
    text-transform: capitalize;
    font-family: "Segoe UI" , Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
}

#menu a:hover
{
    text-decoration: none;
}

#menu span
{
    display: inline-block;
    height: 33px;
    padding: 5px 20px 2px 20px;
}

#menu li.active
{
    background: url(images/homepage03.jpg) repeat-x left top;
    display: inline-block;
    float: left;
    height: 40px;
    margin-left: 10px;
}

#menu li.active a
{
    background: url(images/homepage02.jpg) no-repeat left top;
}

#menu li.active span
{
    background: url(images/homepage04.jpg) no-repeat right top;
}
#menu li.active li 
{
    background:none;
}
#menu li.active li a 
{
    background: none;
}


/** BACKGROUNDS */

#bg1
{
    background: url(images/bg1_05.jpg) repeat-y center top;
}

#bg2
{
    overflow: hidden;
    background: url(images/bg1_06.jpg) no-repeat center bottom;
}

#bg3
{
    background: #D9DDE0 url(images/bg1_07.jpg) repeat-x left top;
}

#bg4
{
    background: url(images/bg1_10.jpg) repeat-y left top;
}

#bg5
{
    background: url(images/bg1_09.jpg) no-repeat left top;
}

#bg6
{
    overflow: hidden;
    background: url(images/bg1_11.jpg) no-repeat left bottom;
}

#bg7
{
    width: 960px;
    margin: 0px auto;
    background: url(images/bg3_05.jpg) repeat-y left top;
}

#bg8
{
    background: url(images/bg3_04.jpg) no-repeat left top;
}

#bg9
{
    overflow: hidden;
    background: url(images/bg3_06.jpg) no-repeat left bottom;
}


/** PAGE */

#page
{
    overflow: hidden;
}

.subpage #page
{
    width: 966px;
    padding: 0px 17px 17px 17px;
}

/** CONTENT */

#content
{
    float: left;
    width: 641px;
    background: url(images/bg4_02.jpg) repeat-y left top;
}

#content-bgtop
{
    background: url(images/bg4_01.jpg) no-repeat left top;
}

#content-bgbtm
{
    overflow: hidden;
    background: url(images/bg4_03.jpg) no-repeat left bottom;
}

#content .content
{
    padding: 30px 25px;
    background: url(images/subpage1_01.jpg) no-repeat left top;
}

#top-left 
{
    width:550px;
}
#top-right 
{
    width:365px;
    padding-left:10px;
    float:right;
    background-image: url(images/Box_BottomBackground.png);
    background-repeat: repeat-x;
    border:solid thin #D5D9DC;
}
.bold
{
    font-weight: bold;
}
.underline 
{
    text-decoration: underline;
}

/** SIDEBAR */

#sidebar
{
    float: right;
    width: 316px;
}

.subpage #sidebar
{
    padding: 17px 0px 0px 0px;
}

/** FOOTER CONTENT */

#footer-content
{
    overflow: hidden;
    padding: 40px 40px 20px 40px;
    text-shadow: 1px 1px 1px #FCFDFD;
}

#footer-content #column1
{
    float: left;
    width: 595px;
}

#footer-content #column2
{
    float: right;
    width: 270px;
}

#footer-content #column1 .title, #footer-content #column2 .title
{
    padding-bottom: 20px;
}

/** FOOTER */

#footer
{
    overflow: hidden;
    height: 150px;
    background: url(images/bg1_08.jpg) repeat-x left top;
}

#footer p
{
    margin: 0px;
    padding: 45px 0px 0px 0px;
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;
    font-family: 'Segoe UI' , Tahoma, arial, sans-serif;
    font-size: 15px;
    color: #979EA4;
}

#footer .legal
{
}

#footer .links
{
}

/** BOX BACKGROUND STYLE */

.box1-style
{
    /*background: url(images/bg2_02.jpg) repeat-y left top;*/
}

.box1-style .bgtop
{
    background: url(images/bg2_01.jpg) no-repeat left top;
}

.box1-style .bgbtm
{
    overflow: hidden;
    background: url(images/bg2_03.jpg) no-repeat left bottom;
}

.box1-style .content
{
    padding: 30px 45px 50px 45px;
    background: url(images/subpage2_01.jpg) no-repeat left top;
}

/** BOX BACKGROUND STYLE 2 */

.box2-style
{
    background: url(images/bg4_05.jpg) repeat-y left top;
}

.box2-style .bgtop
{
    background: url(images/bg4_04.jpg) no-repeat left top;
}

.box2-style .bgbtm
{
    overflow: hidden;
    background: url(images/bg4_06.jpg) no-repeat left bottom;
}

.box2-style .content
{
    padding: 20px 23px 0px 23px;
    background: url(images/subpage1_03.jpg) no-repeat left top;
}

/** BOX BACKGROUND STYLE 2 */

.box3-style
{
    background: url(images/bg4_08.jpg) repeat-y left top;
}

.box3-style .bgtop
{
    background: url(images/bg4_07.png) no-repeat left top;
}

.box3-style .bgbtm
{
    overflow: hidden;
    background: url(images/bg4_09.png) no-repeat left bottom;
}

.box3-style .content
{
    padding: 30px 28px 30px 28px;
    background: url(images/subpage1_02.jpg) no-repeat left top;
}


/** BOX STYLE */

.box-style
{
}

.box-style .title
{
    margin: 0px;
    padding: 0px;
    letter-spacing: -1px;
    text-shadow: 1px 1px 1px #ECEEEF;
    font-family: "Trebuchet MS" , "Lucida Sans Unicode" , "Lucida Grande" , "Lucida Sans" , Arial, sans-serif;
    font-weight: normal;
    font-size: 25px;
    color: #203541;
}

/** IMAGE BORDER STYLE 1 */

.image-style1
{
    position: relative;
    width: 650px;
    height: 239px;
}

.image-style1 span
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-style1 img
{
    position: absolute;
    top: 0;
    left: 0;
}

.image-style1a span
{
    background: url(images/bg3_01.gif) no-repeat left top;
}

/** IMAGE BORDER STYLE 2 */

.image-style2
{
    position: relative;
    width: 270px;
    height: 93px;
    margin-bottom: 20px;
}

.image-style2 span
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-style2 img
{
    position: absolute;
    top: 4px;
    left: 4px;
}

.image-style2a span
{
    background: url(images/pics04.gif) no-repeat left top;
}

/** IMAGE BORDER STYLE 3 */

.image-style3
{
    position: relative;
    float: left;
    width: 190px;
    height: 123px;
    margin-top: 5px;
    margin-right: 25px;
    margin-bottom: 20px;
}

.image-style3 span
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-style3 img
{
    position: absolute;
    top: 4px;
    left: 4px;
}

.image-style3a span
{
    background: url(images/pics05.gif) no-repeat left top;
}

/** LINK STYLE 1 */

.link-style1
{
    display: inline-block;
    margin: 15px 0px 0px 0px;
    background: url(images/homepage06.jpg) repeat-x left top;
}

.link-style1 a
{
    display: inline-block;
    height: 42px;
    background: url(images/homepage05.jpg) no-repeat left top;
    text-decoration: none;
}

.link-style1 span
{
    display: inline-block;
    height: 37px;
    margin: 0px;
    padding: 5px 20px 0px 20px;
    background: url(images/homepage07.jpg) no-repeat right top;
    text-shadow: 1px 1px 1px #446908;
    font-family: "Trebuchet MS" , "Lucida Sans Unicode" , "Lucida Grande" , "Lucida Sans" , Arial, sans-serif;
    font-size: 21px;
    color: #FFFFFF;
}

/** LINK STYLE 2 */

.link-style2
{
    display: inline-block;
    margin: 15px 0px 0px 0px;
    background: url(images/homepage10.jpg) repeat-x left top;
}

.link-style2 a
{
    display: inline-block;
    height: 42px;
    background: url(images/homepage09.jpg) no-repeat left top;
    text-decoration: none;
}

.link-style2 span
{
    display: inline-block;
    height: 37px;
    margin: 0px;
    padding: 5px 20px 0px 20px;
    background: url(images/homepage11.jpg) no-repeat right top;
    text-shadow: 1px 1px 1px #446908;
    font-family: "Trebuchet MS" , "Lucida Sans Unicode" , "Lucida Grande" , "Lucida Sans" , Arial, sans-serif;
    font-size: 19px;
    color: #FFFFFF;
}

/** LINK STYLE 3 */

.link-style3
{
    display: block;
    margin: 4px 0px 0px 0px;
    background: url(images/homepage30.jpg) repeat-x left top;
}

.link-style3 a
{
    display: block;
    height: 30px;
    background: url(images/homepage39.jpg) no-repeat left top;
    text-decoration: none;
}

.link-style3 span
{
    display: block;
    height: 37px;
    margin: 0px;
    padding: 1px 20px 0px 20px;
    background: url(images/homepage31.jpg) no-repeat right top;
    text-shadow: 1px 1px 1px #446908;
    font-family: "Trebuchet MS" , "Lucida Sans Unicode" , "Lucida Grande" , "Lucida Sans" , Arial, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
}

/** LIST STYLE 1 */

ul.style1
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-shadow: 1px 1px 1px #FFFFFF;
}

ul.style1 li
{
    padding: 0px 0px 15px 0px;
}

/** No STYLE */
ul.nostyle 
{
    margin:0px;
    padding:0px;
    list-style: none;
}
/** BOX 1 */

#box1
{
}

#box1 .title
{
    height: 45px;
    padding: 42px 0px 0px 40px;
}

/** BOX 2 */

#box2
{
}

#box2 .title
{
    height: 45px;
    padding: 42px 0px 0px 23px;
}

/** BOX 3 */

#box3
{
    overflow: hidden;
    margin-bottom: 15px;
}

#box3 .title
{
    height: 45px;
    padding: 25px 0px 0px 23px;
}

/** BOX 4 */

#box4
{
}

#box4 .title
{
    height: 45px;
    padding: 25px 0px 0px 23px;
}

/** BANNER */

#banner
{
    overflow: hidden;
    width: 960px;
    height: 239px;
    margin: 0px auto;
    padding: 20px 0px 0px 0px;
}

#banner .column1
{
    float: left;
    width: 650px;
    height: 239px;
}

#banner .column2
{
    float: right;
    width: 260px;
    height: 199px;
    padding: 40px 25px 0px 25px;
    background: url(images/bg3_03.jpg) no-repeat left top;
}

#banner .column2 h2
{
    margin: 0px;
    padding: 0px;
    letter-spacing: -1px;
    text-transform: none;
    text-shadow: 1px 1px 1px #2C516D;
    font-family: "Trebuchet MS" , "Lucida Sans Unicode" , "Lucida Grande" , "Lucida Sans" , Arial, sans-serif;
    font-size: 30px;
    font-weight: normal;
    color: #FFFFFF;
}

#banner .column2 .text1, #banner .column2 .text2
{
    margin: 0px;
    padding: 0px 0px 20px 0px;
    letter-spacing: -1px;
    text-shadow: 1px 1px 1px #284A66;
    font-family: "Segoe UI" , Tahoma, Geneva, Verdana, sans-serif;
    font-size: 21px;
    color: #C8E4F9;
}

#banner .column2 .text2
{
    margin-top: -12px;
}

/** THREE COLUMNS */

#three-columns
{
    overflow: hidden;
    width: 960px;
    margin: 0px auto 25px auto;
}

#col1
{
    float: left;
    width: 310px;
    margin-right: 15px;
}

#col1 .title, #col2 .title, #col3 .title
{
    display: block;
    width: 270px;
    height: 42px;
    margin: 0px;
    padding: 40px 20px 0px 20px;
    font-family: "Trebuchet MS" , "Lucida Sans Unicode" , "Lucida Grande" , "Lucida Sans" , Arial, sans-serif;
}

#col1 .content
{
    padding: 0px 20px 0px 20px;
    background: url(images/homepage08.jpg) no-repeat left top;
}

#col2
{
    float: left;
    width: 310px;
    margin-right: 15px;
}

#col2 .content
{
    padding: 0px 20px 0px 20px;
    background: url(images/homepage08.jpg) no-repeat left top;
}

#col3
{
    float: left;
    width: 310px;
}

#col3 .content
{
    padding: 0px 20px 0px 20px;
    background: url(images/homepage08.jpg) no-repeat left top;
}

#1
{
}

#2
{
}

#3
{
}


/* name=TSite fix*/
.bookmark
{
    font-family: 'Segoe UI Light' , Tahoma, arial, sans-serif;
    font-size: 34px;
    color: #2C5ABC;
}
.black
{
    background-color: black;
    color:white;
}
.white
{
    background-color: white;
}
/*
 * Dropit v1.1.0
 * http://dev7studios.com/dropit
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* These styles assume you are using ul and li */
.dropit {
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-trigger { position: relative; }
.dropit .dropit-submenu {
    position: absolute;
    top: 100%;
    left: 0; /* dropdown left or right */
    z-index: 1000;
    display: none;
    min-width: 300px;
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-open .dropit-submenu { display: block; }
.menu ul { display: none; } /* Hide before plugin loads */
.menu ul.dropit-submenu {
    background-color: #fff;
    border: 1px solid #b2b2b2;
    padding: 6px 0;
    margin: 3px 0 0 1px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
       -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
            box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}          
.menu ul.dropit-submenu a {
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: black;
    padding: 0 18px;
    text-decoration:none;
    font-weight:bold;
}
.menu ul.dropit-submenu a:hover {
    /*background: #4479BA;*/
    color: #4479BA;
    text-decoration:none;
    font-weight:bold;
}
/*Contact us Form*/
label 
{
    font-weight: bold;
    padding-right:15px;
}
select 
{
    width:204px;
    float:right;
}
input 
{
    width:200px;
    float:right;
}
.formstuff 
{
    width:500px;
}
textarea 
{
    width:350px;
    height:100px;
    float:right;
}
button 
{
    float:right;
    height:40px;
    width:150px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #2E5773;
    text-transform: capitalize;
    font-family: "Segoe UI" , Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    border-radius:5px;
}
input:valid,
input:in-range {
    background:hsl(120, 50%, 90%);
    border-color:hsl(120, 50%, 50%);
}

input:invalid,
input:out-of-range {
    border-color:hsl(0, 50%, 50%);
    background:hsl(0, 50%, 90%);
}