/*  Info
--------------------------------------------------------------------------------------*/
/*  Styles for ITCM
    Created by Ed Merritt
    20th November 2007
--------------------------------------------------------------------------------------*/


/*  Structure
--------------------------------------------------------------------------------------*/
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.3em;}
body {position: relative;  background: url(../images/bkg.gif) top repeat-x #e9e6e1; font: 75% Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: center; z-index: 50;}
#container {display: block; width: 900px; margin: 0 auto; text-align: left; z-index: 65;}
#header, #highlight, #highlight1, #nav, #content, #footer {position: relative; float: left; display: block; width: 900px;}
#logoPrint {display: none;}

#logo {position: absolute; top: 33px; display: block; width: 162px; height: 39px; background: url(../images/logo3.gif) top left no-repeat; text-indent: -5000px;}
#logo:hover {background-position: bottom left;}
#header form {float: right; display: block; clear: both; margin: 25px 0 2px; width:  400px; text-align: right; }
#header input {position: relative; top: 6px;} 
#header .field {top: 0; width: 224px; }
#header ul {float: right; display: block; clear: both; list-style: none; margin-bottom: 23px; font-size: 0.9em; color: #1b3b5e; text-decoration: none; } 
#header li {display: inline; border-right: 1px solid #ccc; padding-right: 2px;}
#header li:last-child, #header li:last-child a, #header .lastChild, #header .lastChild a {padding-right: 0 !important; border: none;} 
#header ul a, #header ul a:visited {padding: 0em 0.7em; color: #1b3b5e; text-decoration: none;}
#header a:hover {color: #000;}
img.flag { vertical-align: middle; margin: 0px 10px 5px 0px; border-style: none;}

#highlight {clear: both; position: relative; top: 0; left: 0; z-index: 100; width: 900px; min-height: 255px; border-bottom: 3px solid #4a4f4a;}
#hl_foot {position: absolute; bottom: 0; left: 0; display: block; width: 900px; height: 25px; z-index: 99;}
#highlight .maincol {float: left; display: block; width: 550px; padding: 25px 25px 0 25px;}
#highlight .sidecol {float: left; display: block; width: 250px; padding: 25px 25px 0 25px; text-align: right;}
#highlight h2 {display: none; color: #8ba3be; font-size: 3em; margin-bottom: 20px;}
#highlight .sidecol h3 {color: #fff; font: 1.6em Arial, Helvetica, sans-serif; margin: 0 0 18px 0;}
#highlight .sidecol ul {list-style: none;}
#highlight .sidecol a {display: block; color: #fff; padding: 1px 5px 2px 0; width: 245px;}
#highlight .sidecol a:focus {outline: none;}
#highlight .sidecol a.hl_current, #highlight .sidecol a:hover {background: url(../images/highlight_nav.png) left no-repeat;}

#hpheaderwrap {position: relative; top: 0; left: 0; }
#hpheader { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 900px; height: 255px; z-index: -9999; overflow: hidden; }
#hpheader li { display: block; }

.hl {display: none; float: left; width: 525px; height: 150px; padding: 10px; background: url(../images/hl4.png) top left; margin-top: 20px;}
.hl img {float: left; margin-right: 10px; border: 3px solid #3a3f39;}
.hl h3 {color: #fff; font: bold 1.6em Arial, Helvetica, sans-serif; margin: 5px 0 10px 0;}
.hl p {color: #fff; margin: 0;}
.more {text-align: right; margin: 0;}
#content .box .more {margin-top: -25px;}
.more a {color: #fff668; border-bottom: 1px solid #ccc;}
.more span {font-weight: bold; font-size: 1.9em; position: relative; top: 2px;}
.more a:hover {color: #fff88c; border-color: #fff;}

#nav { clear: both; float: left; display: block; width: 900px; background: url(../images/nav_top2.gif) top left no-repeat #8e9eaf; padding-top: 2px; margin: -2px 0 25px 0; z-index: 98; }
#nav ul {float: left; display: block; width: 899px; list-style: none; background: url(../images/nav_base2.gif) bottom left no-repeat; padding: 0 0 0 1px;}
#nav ul li {float: left; display: inline;}
#nav ul li a {float: left; display: block; padding: 0 10px; margin-bottom: 1px; background: url(../images/nav_a2.gif) bottom right no-repeat; color: #eee; text-decoration: none; line-height: 33px; height: 33px; }
#nav ul li a:hover {background: url(../images/nav_a_hover2.gif) bottom right no-repeat; color: #fff;}
#nav ul li a.current {background: url(../images/nav_a_current2.gif) bottom right no-repeat; color: #fff;}
#nav ul li:last-child a.current, #nav li:last-child a.current:hover {background: url(../images/nav_a_current2.gif) bottom left no-repeat;}
#nav ul li:last-child a:hover {background: url(../images/nav_a_hover2.gif) bottom left no-repeat;}

#content .current_page_item a, #content .current_page_item a:visited {color: #000 !important; font-weight: bold; border: none !important;}

#content {float: left; margin: 0 0 25px 0;}
#content .maincol {float: left; width: 575px; margin-right: 25px;}
#content .sidecol {float: left; width: 300px;}

/*
#footer {font-size: 0.8em; background: url(../images/footer.gif) top left no-repeat; min-height: 26px; margin: 0 0 25px 0;}
#footer #mpm {position: absolute; top: 0; right: 0; display: block; width: 80px; height: 26px; text-indent: -5000px; z-index: 100;}
*/
#footer {font-size: 0.8em; background: url(../images/footer2.gif) top left no-repeat; height: 50px; margin: 25px 0 50px 0;}
#footer #mpm {display: none;}
#footer p {margin: 6px 10px 0; color: #fff;}
#footer a {color: #fff;}



#content h1 {font: bold 2.1em Arial, Helvetica, sans-serif; color: #2d322c; margin: 0.6em 0 1em; letter-spacing: -1px;}
#content h2 {font: bold 1.8em Arial, Helvetica, sans-serif; margin: 1.2em 0 0.6em 0;}
#content h2 span {color: #666;}
#content h3 {font: 1.6em Arial, Helvetica, sans-serif; margin: 1.2em 0 0.8em 0;}
#content h4 {font: bold 1.4em Arial, Helvetica, sans-serif; margin: 1.2em 0 0.8em 0;}
#content p {margin: 0 0 0.8em 0;}
#content ul {margin: 0 0 0.8em 25px;}
#content ul ul {margin-bottom: 0;}
/*
#content .maincol h2 {margin-top: -25px;}
*/
#content .breadcrumb {background: #e6e5e3; padding: 4px 5px; width: 565px; font-size: 0.9em; margin-bottom: 25px;}

a {text-decoration: none;}
#content a, #content a:visited {color: #0060a9; border-bottom: 1px solid #ccc;}
#content a:hover {color: #1b3b5e; border-color: #1b3b5e;}



fieldset {border: none;}
.field, .field2, select, textarea, .fmverify {padding: 4px 2px 3px 2px; border: 1px solid #c5c2bd; width: 244px; color: #000; line-height: 1em; background: url(../images/field.gif) top left no-repeat #fff;}
select option {background: #fff;}
/*
textarea.field {width: 570px !important; margin: 0 0 15px 0;}
textarea.field2 {float: right; width: 50%; height: 70px;}
.wpcf7 p {float: left; width: 100%;}
.wpcf7 .field {float: right; width: 50%;}
.wpcf7 .checkBox {float: left; margin: 0 0 15px 0;}
.wpcf7 .checkBox .wpcf7-list-item {float: left; width: 49%; margin: 0 0 3px 0;}
.wpcf7 .checkBox .wpcf7-list-item-label {margin: 0; color: #666;}
.wpcf7 .checkBox input {float: left;}
.your-location input {margin: 0 0 20px;}
.button {margin: 10px 0 0 0; font-size: 1.2em; padding: 0.5em 1em;}
.wpcf7-captcha-captcha-255 {position: relative; top: 5px;}
*/
.ddfmwrap, .ddfmwrap form {width: 100% !important; font: 1em Verdana, Arial, Helvetica, sans-serif !important;}
.ddfmwrap p {margin: 0 !important;}
.fieldwrap label {padding-top: 5px; width: 150px !important; text-align: left !important; height: 1em;}
.fieldwrap .field2, .fieldwrap .fmverify {padding: 4px 2px 3px 2px; width: 200px; color: #000; line-height: 1em;}
.fieldwrap select {padding: 4px 2px 3px 2px; border: 1px solid #c5c2bd; width: 200px; color: #000; line-height: 1em;}
.taSmall {padding: 4px 2px 3px 2px; width: 200px !important;}
.taWide {padding: 4px 2px 3px 2px; width: 400px !important;}
.ddfmwrap .submit {text-align: left !important;}
.ddfmwrap .submit input {margin-left: 160px; font-size: 1.2em; padding: 0.2em 0.5em;}
.ddfmwrap .credits {display: none !important;}
.fmcheck p {margin: 0 0 3px;}
.fmcheck input {margin: 0 5px 0 0; position: relative; top: 2px;}

.field, .field2, textarea, .fmverify  {font: 1em Verdana, Arial, Helvetica, sans-serif !important; color: #000 !important;}

#content .box {float: left; width: 300px; background: url(../images/box_base.gif) bottom no-repeat; margin-bottom: 25px;}
#content .box h3 {float: left; width: 250px; background: url(../images/box_top.gif) top no-repeat; padding: 15px 25px 10px 25px; text-transform: uppercase; font-weight: bold; font-size: 1.3em; margin: 0;}
#content .box h3 .rss {float: right; display: block; width: 14px; height: 14px; text-indent: -5000px; background: url(../images/rss.gif) bottom left no-repeat; border: none; margin-top: 3px;}
#content .box h3 .rss:hover {background-position: top;}
#content .boxinner {display: block; clear: both; padding: 0 25px;}
#content .box .news {list-style: none; margin-left: 0; border-bottom: 1px solid #c5c2bc;}
#content .box .news h4, #content .box .news p {margin: 0; font-size: 1em;}
#content .box .news li {border-top: 1px solid #dbd8d2; padding: 10px 0;}
#content .box .news .date {color: #777; font-size: 0.9em;}
#content .box .contactTel {margin: -0.7em 0 1em 0; font-size: 1.6em;}
#content .box .contactTel span {color: #888;}

#bitgravity_player_6 {position: relative; margin: 10px 0px 10px 47px;}

.imgLeft {float: left; margin: 0 1em 1em 0; padding: 1px; border: 1px solid #ccc;}
.imgRight {float: right; margin: 0 0 1em 1em; padding: 1px; border: 1px solid #ccc;}

#content .caseSudiesList {list-style: none; margin-left: 0;}
#content .caseSudiesList a {font-size: 1.1em; font-weight: bold; border: none;}
#content .caseSudiesList li {border-bottom: 1px solid #ddd; padding: 0.3em 0.6em;}

hr {border: none; height: 0; overflow: hidden; color: #ccc; border-bottom: 1px solid #ccc; display: block; float: left; width: 100%; margin: 1em 0 2em;}
#content .sidecol ul {margin-bottom: 1.5em;}

#sitemap {list-style: none; margin-left: 0;}
#sitemap li {margin-bottom: 20px; margin-left: 0;}
#sitemap li ul {font-size: 90%; margin-top: 10px;}
#sitemap li li {margin: 0;}
#sitemap .current_page_item {display: none;}