/* ------ COMMON ------*/
*, html { margin: 0; padding: 0; }
body { background-color: #2A383F; font-family: "Georgia", "Times New Roman", Times, serif; font-size: 11px; line-height: 18px; color: #525247; text-align: center; }
p, ul { margin: 10px 0; }
ul { list-style-type: none; }
li { background: url(../img/li.gif) no-repeat 0px 7px; padding-left: 15px; }
a { color: #D8741C; text-decoration: none; }
a:hover { color: #AF5818; text-decoration: underline; }
h2 { color: #3D505B; font-size: 18px; font-weight: normal; margin: 15px 0; }

/* ------ lAYOUT ------*/
div#top { background: #435560 url(../img/bg_header.gif) repeat-x top center; height: 303px; }
div#header { height: 270px; overflow: hidden; }
div#middle { background: #EDC980 url(../img/bg_content.gif) repeat-y top center; }
div#content { width: 800px; margin: 0px auto; background: White url(../img/bg_content_main.gif) repeat-x; display: table; text-align: left; }
div#contentLeft { float: left; width: 490px; } div#contentLeftC { margin: 25px 0 0 25px; }
div#contentRight { float: right; width: 260px; } div#contentRightC { margin: 25px 25px 0 0 }
div#bottom { padding: 15px 0; }

/* ------ MENU ------*/
.menu {padding:0; width:830px; margin: 0 auto; background: url(../img/bg_nav.gif) no-repeat top center;}
.menu ul {padding:0;margin:0 15px;list-style-type:none; height:33px; background:transparent; }
.menu ul ul {width:725px;}
.menu ul li {float:left; height:33px; line-height:33px; display:block; padding: 0px; background: none;}
.menu ul ul li {display:block; width:200px; height:auto; line-height:1em;}
.menu a, .menu a:visited { display:block; float:left; height:33px; font-size:11px; text-decoration:none; color:#000; text-align:center; border:0; background-color: #525247; background-image: url(../img/nav.gif); text-indent: -9999px;}
.menu ul ul a, .menu ul ul a:visited {display:block; background:#A4B0B5; color:#fff;width:228px; height:100%; line-height:1em; padding:5px 10px; border:1px solid #605A4E; border-width:0 1px; text-indent: 0px;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:250px; w\idth:228px;}
.menu ul ul li.last a, * html .menu ul ul li.last a, * html .menu ul ul li.last a:visited { border-bottom:1px solid #605A4E; }
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
.menu ul :hover a.sub1 {background:#477;}
.menu ul ul :hover a.sub2 {background:#889296;}
* html .menu a:hover {color:#fff; border:0; height:33px; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#fff; border:0; height:33px;}
* html .menu ul ul a:hover{color:#fff; background:#889296; position:relative; z-index:110; height:100%; border:1px solid #000; border-width:0 1px;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a { background:#889296; z-index:110; height:100%; border:1px solid #605A4E; border-width:0 1px;}
.menu ul ul { visibility:hidden; position:absolute; height:0; top:33px; left:0; width:250px; }
.menu ul :hover ul { visibility:visible; height:auto; padding:0px 30px 30px 30px; left:-45px; }
li#nav01, li#nav01 a { width: 91px; background-position: 0px 0px; }
body#home li#nav01, body#home li#nav01 a, li#nav01:hover, li#nav01 a:hover { background-position: 0px -33px; }
li#nav02, li#nav02 a { width: 142px; background-position: -91px 0px; }
body#about li#nav02, body#about li#nav02 a,li#nav02:hover, li#nav02 a:hover { background-position: -91px -33px; }
li#nav03, li#nav03 a { width: 93px; background-position: -233px 0px; }
body#work li#nav03, body#work li#nav03 a,li#nav03:hover, li#nav03 a:hover { background-position: -233px -33px; }
li#nav04, li#nav04 a { width: 59px; background-position: -326px 0px; }
body#blog li#nav04, body#blog li#nav04 a,li#nav04:hover, li#nav04 a:hover { background-position: -326px -33px; }
li#nav05, li#nav05 a { width: 160px; background-position: -385px 0px; }
body#news li#nav05, body#news li#nav05 a,li#nav05:hover, li#nav05 a:hover { background-position: -385px -33px; }
li#nav06, li#nav06 a { width: 161px; background-position: -545px 0px; }
body#partner li#nav06, body#partner li#nav06 a,li#nav06:hover, li#nav06 a:hover { background-position: -545px -33px; }
li#nav07, li#nav07 a { width: 94px; background-position: -706px 0px; }
body#contact li#nav07, body#contact li#nav07 a,li#nav07:hover, li#nav07 a:hover { background-position: -706px -33px; }

/* ------ CLASSES ------*/
.sidebar { background-color: #E7E7DD; border: 1px solid #9E9E98; margin-bottom: 20px; }
.sidebarHeader { background-color: #D8D8CF; padding: 10px 0; text-align: center; }
.sidebarContent { padding: 15px; font-weight: bold; }
.fLeft { float: left; width: 165px; height: 375px; }



/* Added photo stuff */

#Container
{
width: 162%;
margin: 30px auto 0px auto;
padding: 0px;
background: #ffffff no-repeat;
color: #222;
}


/* Special case for the editor */
#Container .ContentControlTinyMCE
{
    width: 99%;
}

#MainContent p {
padding: 0 0 0 10px;
}

#MainContent
{
margin: 0px 0px 0px 10px;
padding: 10px;
}

/* Formatting for Blog Controls */

#Container .BlogStream { margin: 0px 170px 0px 0px; }
#Container .BlogFeatures { width: 150px; float: right; }
#Container .BlogFeatures div { padding-bottom: 20px; margin-bottom: 20px; border-left: solid 1px #d3d3d3; text-align: center; }
#Container .BlogFeatures h1 { font-size: 16px; font-weight: bold; background: url('ContentDividerTileLight-4-14.gif') repeat-x; padding: 6px; margin: 0px 0px 10px 0px; }
#Container .BlogFeatures ul { list-style: none; margin: 0px; padding: 0px; }
#Container .BlogFeatures .BlogFeaturesSearchBox { width: 80px; }
#Container .BlogFeatures .BlogFeaturesSearchButton { width: 40px; }
#Container .BlogEntry { border-left: solid 1px #d3d3d3; margin: 0px 0px 20px 0px; }
#Container .BlogEntryHeader { padding: 10px 6px 6px 6px; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x; }
#Container .BlogEntryHeader .BlogEntryHeaderPostTitle span { font-size: 1.6em; }
#Container .BlogEntryHeader .BlogEntryHeaderPostDate span { font-size: 0.8em; color: #787878; }
#Container .BlogEntryHeader div label { display: block; float: left; width: 100px; }
#Container .BlogEntryBody { padding: 6px; }
#Container .BlogEntryBody .TinyMCETextArea { width: 98%; }    
#Container .BlogEntryFooter { background: #ffffff url('ContentDividerTileLightFlip-4-14.gif') repeat-x bottom left; padding: 6px; }
#Container .BlogEntryFooter .BlogEntryFooterCommands { float: left; }
#Container .BlogEntryFooter .BlogEntryFooterCommands a { margin-right: 10px; }
#Container .BlogEntryFooter .BlogEntryFooterLinks div { float: left; }
.BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksPermalink a, .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksServices a { margin-right: 10px; }
#Container .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksComments { display: block; float: right;  text-align: right; margin-left: 20px; }
#Container .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksTags { display: block; float: none;  text-align: right; }
#Container .BlogEntryFooter ul { padding-left: 0px; margin: 0px; list-style-type: none; display: inline; }
#Container .BlogEntryFooter ul li { display: inline; margin-left: 6px; }
#Container .BlogNavigation { margin-right: 200px; margin-top: 20px; text-align: center; }
#Container .BlogNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #6f5230; text-decoration: none; }
#Container .CommentsStream { margin: 0px 0px 20px 40px; }
#Container .CommentsStream .CommentsEntry { margin-bottom: 20px; background: #fdfcf6 url('FeatureBackgroundTile-1-119.gif') repeat-x; border-bottom: solid 1px #e1d2bd; }
#Container .CommentsStream .CommentsEntryHeader { font-style:italic; margin-bottom: 10px; padding: 6px; }
#Container .CommentsStream .CommentsEntryBody { padding: 6px; }
#Container .CommentsStream .CommentsEntryFooter { padding: 6px; text-align: left; }
#Container .CommentsStream .CommentsAdd { border: dashed 1px #6f5230; padding: 10px; }
#Container .CommentsStream .CommentsAdd h1 { font-size: 16px; font-weight: bold; margin: 0px; }
#Container .CommentsStream .CommentsAdd div { padding: 4px; }
#Container .CommentsStream .CommentsAdd label { display: block; float: left; width: 150px; }
#Container .CommentsStream .CommentsAdd textarea { width: 99%; }
#Container .CommentsStream .CommentsAdd a, .CommentsCommands a { padding: 4px; border: outset 1px #d3d3d3; text-decoration: none; }


/* Photo Section */

#Container .GalleryFeatures { width: 150px; margin-top: 0px; float: right; }
#Container .GalleryFeatures div { padding-bottom: 6px; margin-bottom: 20px; border-left: solid 1px #d3d3d3; text-align: center; }
#Container .GalleryFeatures h1 { font-size: 16px; font-weight: bold; background: url('ContentDividerTileLight-4-14.gif') repeat-x; padding: 6px; margin: 0px 0px 10px 0px; }
#Container .GalleryFeatures ul { margin: 0px; list-style: none; padding: 0px;}
#Container .GalleryFeatures ul li { margin-bottom: 4px; }
#Container .GalleryFeatures input { width: 120px; }
#Container .GalleryStream {  }
#Container .GalleryStreamStandoff {  margin-right: 180px; }
#Container .GalleryStream div { float: left; }
#Container .GalleryStream img {  vertical-align: middle; border: none; max-width: 120px; max-height: 120px; }
#Container .GalleryStream .PhotoItemHidden { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; _border: dashed 1px #6f5230; }
#Container .GalleryStream .PhotoItem { margin: 4px; line-height: 140px; _font-size: 126.7px; text-align: center; width: 140px; height: 150px; border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x top left; } /* UnderScore Hack 90.5% of box height, 50% critical to IE5 */
#Container .GalleryNavigation { padding-top: 20px; text-align: center; clear:left; }
#Container .GalleryNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #d3d3d3; text-decoration: none; }

#GalleryPopup { color: #ffffff; font-size: 12px; }
#GalleryPopup a { color: #ffffff; }
#GalleryPopup .PhotoTextItems { width: 100%; }
#GalleryPopup .PhotoDescription { padding: 2px; }
#GalleryPopup .DownloadLink { padding: 2px; vertical-align: top; text-align: right; font-weight: bold;  }
#GalleryPopup .AdminPhoto { float: left;  }
#GalleryPopup .AdminForm { width: 280px; float: right; }
#GalleryPopup .AdminForm .FormRow { clear: both; margin: 10px; }
#GalleryPopup .AdminForm .FormLabel { float: left; width: 80px; font-weight: bold; padding-right: 10px; }
#GalleryPopup .AdminForm .FormItem { padding-left: 10px; }
#GalleryPopup .AdminForm { white-space:nowrap; }
#GalleryPopup .AdminForm .FixedWidth { width: 160px; }
#GalleryPopup .AdminForm a { margin-top: 20px; padding: 4px; border: outset 1px #6f5230; text-decoration: none; }
#GalleryPopup .AdminForm .DeleteButton { float: left; }
#GalleryPopup .AdminForm .SaveButton { float: right; }

#Container li { background: no-repeat 0px 7px; padding-left: 15px; }