@charset "UTF-8"; 
/* CSS Document */

/* Overall */
body { background: #FFF; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 170%; min-width: 1000px; }
h1 { margin: 0px auto; padding: 25px 0px 20px 0px; width: 550px; }
h1 a { background: url(images/logo.png) top left no-repeat; display: block; height: 121px; text-indent: -9999px; }
h2 { background: url(images/h2left.jpg) top left no-repeat; color: #FFF; font-size: 20px; font-weight: normal; height: 41px; margin: 52px 44px 45px 92px; overflow: hidden; padding: 0px 0px 0px 30px; }
h2 span { float: left; height: 28px; line-height: 1em; padding: 15px 2px 0px; text-transform: uppercase; }
h2 small { float: left; font-size: 85%; height: 24px; line-height: 1em; padding: 17px 0px 0px 50px; text-transform: lowercase; }
h2 img { vertical-align: top; }
h3 { font-size: 150%; line-height: 1.2em; padding: 18px 0px; }
h4 { font-size: 135%; line-height: 1.2em; padding: 15px 0px; }
h5 { font-size: 125%; line-height: 1.2em; padding: 10px 0px; }
h6 { font-size: 115%; line-height: 1.2em; padding: 10px 0px; }
p, address { padding: 12px 0px; }
ol { margin: 12px 5px 12px 40px; }
ul { margin: 12px 5px; }
ol li { padding: 2px 2px 2px 8px; list-style-type: decimal; }
ul li { background: url(images/bullet.gif) 17px 8px no-repeat; list-style-type: none; padding: 2px 2px 2px 40px; position: relative; }
table { background: #142529 url(images/tablebg.png) top left repeat-x; border-spacing: 5px; margin: 12px 0px; }
td, th { border-left: 1px solid #718186; border-bottom: 1px solid #485A60; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 140%; padding: 8px 10px; text-align: center; }
tr:last-child td, tr:last-child th { border-bottom: none; }
td:first-child, th:first-child { border-left: none; }
th { text-transform: uppercase; }
td { text-transform: lowercase; }
a { color: #FFF; text-decoration: none; }
a:hover { color: #333; }
a:focus { outline: none; }
img.Replacement { vertical-align: top; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
hr { border: none; border-top: 1px solid #FFF; height: 1px; margin: 10px auto; width: 99%; }

/* Wrapper */
#divBody { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 170%; margin: 0px auto; width: 968px; }
#divContent, #divContentBottom, #divMenu, #divFooter { margin-left: 171px; }

/* Menu */
#ulMenu { height: 26px; margin: 0px auto; overflow: auto; padding: 0px; position: relative; width: 650px; }
#ulMenu li { background: url(images/menuitembg.gif) 0px 1px no-repeat; float: left; margin: 0 6px; padding: 0 6px; }
#ulMenu li.First, #ulMenu li:first-child { background-image: none; }
#ulMenu a { color: #000; float: left; font-size: 12px; height: 24px; letter-spacing: 1px; line-height: 1em; padding: 2px 8px 0px 9px; text-decoration: none; text-transform: lowercase; }
#ulMenu a:hover, #ulMenu li.CurrentPage a { background: url(images/menuhoverbg.gif) bottom center no-repeat; color: #D85C2B; }
#ulMenu a:hover img, #ulMenu li.CurrentPage a img { visibility: hidden; }

/* Wrapper */
#divWrapper { background: url(images/contentleft.gif) 163px 0px repeat-y; }
#divWrapper2 { background: url(images/contentbottomleft.gif) 163px bottom no-repeat; }

/* Left Bar */
#divLeftBarWrapper { float: left; overflow: auto; padding-bottom: 10px; position: relative; width: 171px; }
#divLeftBar { background: url(images/leftbarbg.png) top left repeat-y; }
#divLeftBarTop { background: url(images/leftbartop.png) top left no-repeat; padding: 75px 0px 0px 0px; }
#divLeftBar h4 { background: #1A344E; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; color: #FFF; font-size: 13px; letter-spacing: 1px; line-height: 1.2em; margin: 0px; min-height: 0px; opacity: 0.5; padding: 4px 5px; text-align: center; text-transform: lowercase; }
#divLeftBar ul { margin: 5px 0px 9px 13px; }
#divLeftBar ul li { background: url(images/leftmenubg.gif) 4px center no-repeat; font-size: 12px; line-height: 1.1em; padding: 2px 0px 2px 15px; text-transform: lowercase; }
#divLeftBar ul li.First, #divLeftBar ul li:first-child { background-image: url(images/leftmenufirst.gif); }
#divLeftBar ul li.Last, #divLeftBar ul li:last-child { background-image: url(images/leftmenulast.gif); }
#divLeftBar ul li.FirstLast, #divLeftBar ul li:first-child:last-child { background-image: url(images/leftmenufirstlast.gif); }
#divLeftBar ul a { color: #CCC; display: block; padding: 2px 4px 2px 6px; text-decoration: none; }
#divLeftBar ul a:hover, #divLeftBar ul li.CurrentPage a { background: #C25C35; }
#divLeftBarBottom { background: url(images/leftbarbottom.gif) bottom left no-repeat; height: 16px; line-height: 1.2em; overflow: hidden; padding: 15px 0px 6px 35px; }
#divLeftBarBottom a { color: #DF7A52; text-decoration: none; text-transform: uppercase; }
#divLeftBarBottom a:hover { color: #FFF; }

/* Content */
#divContent { background: url(images/contentbg.png) top left repeat-y; }
#divContentTop { background: url(images/contenttop.png) top left no-repeat; }
#divText { overflow: auto; padding: 0px 5px; position: relative; }
#divContentBottom { background: url(images/contentbottom.gif) top left no-repeat; height: 43px; }
.ContentLeft, .ContentFull { margin: 0px 20px 0px 145px; }
.ContentLeft { margin-right: 295px; }
.ContentRight { float: right; margin: 0px 20px 0px 0px; overflow: auto; position: relative; width: 250px; }
.ContentRight img, div.ProjectImage img { background-color: #000; padding: 5px; border: 2px solid #FFF; }
p.FirstLetterContainer { background: url(images/firstletter.gif) 0px 9px no-repeat; margin-left: -8px; padding-left: 8px; }
.FirstLetter { color: #FFF; font-size: 22px; line-height: 100%; }
#divContent a img { border: 1px solid #FFF; margin: 3px; }
#divContent a:hover img { border: 4px solid #FFF; margin: 0px; }

input[type=text] { background: #274753; border: 1px solid #FFF; color: #FFF; height: 16px; padding: 3px 5px; width: 220px; }
input.Text { background: #274753; border: 1px solid #FFF; color: #FFF; height: 16px; padding: 3px 5px; width: 220px; }
textarea { background: #274753; border: 1px solid #FFF; color: #FFF; padding: 3px 5px; }

/* Content Black */
#divContent .ContentBlack { background: url(images/contentblackbg.png) top left repeat; border-top: 1px solid #FFF; color: #FFF; overflow: auto; padding: 0 78px 0 142px; position: relative; }
#divContent .ProjectImage { overflow: auto; padding-bottom: 30px; position: relative; }
#divContent .ContentBlack a.LeftArrow img, #divContent .ProjectImage a.LeftArrow img, #divContent .ContentBlack a.RightArrow img, #divContent .ProjectImage a.RightArrow img { border: 0px; margin: 0px; }
.ContentBlack a.LeftArrow, .ProjectImage a.LeftArrow { position: absolute; left: 50px; bottom: 50px; }
.ContentBlack a.RightArrow, .ProjectImage a.RightArrow { position: absolute; right: 50px; bottom: 50px; }

/* Footer */
#divFooter { clear: both; }
#pFooter { color: #3B3B3B; font-size: 12px; line-height: 1.2em; padding: 35px 20px 5px 20px; text-align: center; }
#ulFooterMenu { background: url(images/footermenubg.gif) top left repeat-x; height: auto; margin: 0px auto; overflow: auto; padding: 20px 0px 0px 0px; position: relative; width: 546px; }
#ulFooterMenu li { background: url(images/footermenuitembg.gif) 0px 1px no-repeat; float: left; margin: 0 5px; padding: 0 5px; }
#ulFooterMenu li.First, #ulFooterMenu li:first-child { background-image: none; }
#ulFooterMenu a { color: #000; float: left; font-size: 12px; height: 14px; letter-spacing: 1px; line-height: 1em; padding: 2px 7px 0px 8px; text-decoration: none; text-transform: lowercase; }
#ulFooterMenu a:hover, #ulFooterMenu li.CurrentPage a { color: #D85C2B; } 
#ulFooterMenu a:hover img, #ulFooterMenu li.CurrentPage a img { visibility: hidden; }
#pWebsite { padding: 35px 20px 10px 20px; text-align: center; text-transform: uppercase; }
#pWebsite a { color: #B84E24; text-decoration: underline; }
#pWebsite a:hover { text-decoration: none; }

/* Classes */
.Right, .alignright { float: right; margin: 0px 0px 20px 20px; }
.Left, .alignleft { float: left; margin: 0px 20px 20px 0px; }
.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.Border { border: 1px solid #F0F0A8; padding: 4px; background-color: #000; }
div.ProjectImage {
	text-align: center;
	width: 570px;
}

