/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo some of the default styling of common (X)HTML browsers */
html {font: 0.625em  Verdana, Arial sans-serif;}
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {  }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font:  Verdana, Arial sans-serif; border:none; color: #002246;}

/* whoever thought blue linked image borders were a good idea?  
a img,:link img,:visited img { border:none; }

/* de-italicize address */
address { font-style:normal }

body {text-align: center; margin: 0px 0px; padding:0px; font:Verdana, Arial, Helvetica, sans-serif; background-color:#ffffff;}

#container {text-align: left; width: 955px; height:600px; margin:10px auto 0 auto; background:#ffffff; }

#titleBar {display:inline; float:left; height:94px; width:925px; margin-left:15px; background: url(images/logo.jpg) no-repeat; background-position:0px 3px;}
#titleBar .title {display:inline; float:left; color:#F6A800; font-size:1.6em; margin:40px 0 0 155px;}
#titleBar .contact {float:right; color:#08725A; font-size:1.5em; margin:40px 0 0 0; text-align:right;}
#titleBar .email {float:right; color:#707173; font-size:1.1em; margin:2px 0 0 0; width:300px; text-align:right;}
#titleBar .email a {color:#707173; text-decoration:underline;}

#navBar {display:inline;color:#ffffff;float:left; height:22px; width:925px; background: #08725A; margin-left:15px;}
#navBar span{color:#ffffff; float:left; padding:4px 0 0 0;   }
#navBar a {color:#ffffff; }
#navBar a:hover {color:#ffffff; font-weight:bold;}
#navBar .item1 {float:left; padding:4px 0px 0 5px; width:58px; text-align:center;}
#navBar .item2 {float:left; padding:4px 0px 0 0; width:75px; text-align:center;}
#navBar .item3 {float:left; padding:4px 0px 0 0; width:84px; text-align:center;}
#navBar .item4 {float:left; padding:4px 0px 0 0; width:124px; text-align:center;}
#navBar .item5 {float:left; padding:4px 0px 0 0; width:62px; text-align:center;}
#navBar .item6 {float:left; padding:4px 0px 0 0; width:67px; text-align:center;}
#navBar .item7 {float:left; padding:4px 0px 0 0; width:79px; text-align:center;}
#navBar .item8 {float:left; padding:4px 0px 0 0; width:110px; text-align:center;}
#navBar .item9 {float:left; padding:4px 0px 0 0; width:106px; text-align:center;}
.current {font-weight:bold;}

#mainPanel {display:inline; display:inline; float:left; width:925px; height:469px; background: url(images/menuShadow.gif) repeat-x #B3CBEE; margin-left:15px;}
#mainPanel.expanding {height:690px;}

#mainPanelTop {display:inline; float:left; width:628px; height:176px; background:url(images/homeImage1.jpg) no-repeat; margin:17px 0 0 15px; }
#mainPanelTop h1 {color:#FFFFFF; font-size:1.8em; font-weight:normal; text-align:right;margin:45px 30px 0 0; line-height:1.5em;} 
#mainPanelBottom {display:inline; float:left; width:628px; height:259px; background:url(images/roundedBottom.gif) no-repeat; margin:0px 0 0 15px; }
#mainPanelBottom p {display:inline; float:left; line-height:1.2em; font-size:1.1em; color:#000000; margin:30px 0 0 30px; width:310px;}
#mainPanelBottom a {color:#08725A;}
#mainPanelBottom a:hover {color:#08725A; text-decoration:underline;}
#mainPanelSub {display:inline; float:right; width:226px; height:300px; background:url(images/orangeHeader.gif) no-repeat; margin:30px 30px 0 0;}
#mainPanelSub h1 {color:#FFFFFF; font-size:1.4em; font-weight:normal; margin:5px 0px 5px 7px;} 
#mainPanelSub a {color:#08725A;}
#mainPanelSub a:hover {color:#F6A800;}
#mainPanelSub ul li {float:left; border-bottom:2px dotted #797A7C; line-height:2.3em; font-size:1.1em; font-weight:bold; width:223px; padding:0 0 0 2px;}

#mainPanelBottom2 {display:inline; float:left; width:628px; height:259px; background:url(images/roundedBottom.gif) no-repeat; margin:0px 0 0 15px; }
#mainPanelBottom2 h1 {line-height:1.6em; font-size:1.6em; color:#08725A; margin:15px 0 0 30px; font-weight:normal; width:250px;}
#mainPanelBottom2 p {display:inline; float:left; line-height:1.2em; font-size:1.1em; color:#000000; margin:10px 0 0 30px; width:270px;}
#mainPanelBottom2 a {color:#08725A;}
#mainPanelBottom2 a:hover {color:#08725A; text-decoration:underline;}

.rightText {width:300px; float:right; margin-right:20px;}

#rightPanelWhite {display:inline; position:relative; float:right; width:248px; height:435px; background:url(images/rightPanel.png) no-repeat; margin:17px 15px 0 0px;}
#rightPanelWhite h1 {color:#F6A800; font-size:1.0em; font-weight:bold; width:115px; margin:-2px 0 5px 115px; }
#rightPanelWhite h2 {color:#08725A; font-size:1.4em; font-weight:normal; margin:5px 0 20px 0px;}
#rightPanelWhite h2 a {color:#08725A;}
#rightPanelWhite h2 a:hover {color:#F6A800;}
#rightPanelWhite p {color:#000000; font-size:1.0em; font-weight:normal; width:108px; margin-left:115px;}
.rightPanelSubItem {display:inline; float:left; border-bottom:2px dotted #797A7C; margin:10px 0px 0px 15px; padding-bottom:10px; width:218px; }
.rightPanelSubItemBlank {display:inline; float:left; margin:15px 0 0px 15px;width:218px;}

#rightPanelBlue {display:inline; position:relative; float:right; width:248px; height:435px; background:url(images/rightPanelBlue.png) no-repeat; margin:15px 15px 0 0;}
#rightPanelBlue h1 {color:#ffffff; margin:12px 0 10px 14px; font-size:1.4em; font-weight:normal;}
#rightPanelBlue form {margin:0 0 0 13px;}
#rightPanelBlue select {width:221px;}

.accreditations {position:absolute; bottom:0; left:0;}

#contentPanel {display:inline; float:left; width:628px; height:435px; background:url(images/contentPanel.gif); margin:17px 0 0 15px;}
#contentPanel h1 {line-height:1.6em; font-size:1.6em; color:#08725A; margin:15px 0 0 30px; font-weight:normal;}
#contentPanel p {line-height:1.6em; font-size:1.1em; color:#000000; margin:10px 0 0 30px;}
#contentPanel a {color:#08725A;}
#contentPanel a:hover {color:#08725A; text-decoration:underline;}

#contentPanel.expandingContent {height: 650px; background-color:#ffffff; background:url(images/bg-expanded-page.gif)}

#leftCol {float:left; width:299px; height:350px;}
#leftCol ul li {color:#000000; font-size:1.0em; list-style:disc; margin:0 0 0 46px; line-height:1.6em;}
#rightCol {display:inline; float:right; width:299px; height:350px; margin:40px 30px 0 0;}
#rightCol ul li {color:#000000; font-size:1.0em; list-style:disc; margin:0 0 0 46px; line-height:1.6em;}

#rightCol2 {display:inline; float:right; width:319px; height:350px; margin-right:30px;}
#rightCol2 ul li {color:#000000; font-size:1.0em; list-style:disc; margin:0 0 0 46px; line-height:1.6em;}



.black {color: #000000;}

.galleryThumb {display:inline; float:left; width:104px; height:75px; margin:11px 0 0 13px; border:none; }
.unselected {border:none;}
.selected {border:2px solid #F6A800; width:100px; height:71px;}

#portfolioImage { margin:20px 0 0 64px; position:relative;}
#navigator {float:right; color:#F6A800; font-size:1.1em; font-weight:bold; margin:5px 64px 0 0;}
#navigator a {color:#F6A800;}

.description {position:absolute;top:367px; left:00px;}

.designed {font-size:0.9em; float:left; text-align:right; height:12px; width:940px; padding-top:4px; margin-right:30px;}
.designed a {color:#000000;}
.designed a:hover {color:#F6A800;}

.galleryPage {
	position:absolute;
	top:412px;
	left:12px;
	font-weight:bold;
	color:#08725A;
	width:219px;
	text-align:right;
	margin:3px 0px 0px 0px;
	padding:0px;
}
.galleryPage .current {color:#F6A800;}
.galleryPage a {color:#08725A;}
.galleryPage a:hover {color:#F6A800; text-decoration:underline;}

.divider001 {clear:both;}