/* Derivation of andreas03 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author. */

body{
margin:0;
font:76% tahoma,verdana,sans-serif;
/*background:#047 url(bodybg.png) repeat-x fixed;*/
color:#222;
}

#Container
{
width: 99%;
margin: 30px auto 0px auto;
padding: 0px;
/*background: #ffffff url(contbg.png) no-repeat;*/
color: #222;
}


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

#Header {
margin: 0px 0px 0px 200px;
padding: 20px;
}

#Header #Logo {
float: left;
width: 240px;
height: 150px;
background: url(Logo-240-150.jpg) no-repeat;
}

#Header #LogoText {
    margin-top: 70px;
    height: 80px;
}

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

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

.HeaderStyle
{
display: block;
margin: 30px 0 10px 0;
padding: 5px 0 5px 8px;
background: #eee url(gradient2.png) repeat-x;
color: #222;
border-top: 1px solid #ddd;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #ddd;
text-decoration: none;
}

#Sidebar
{
float: left;
clear: left;
width: 175px;
padding: 35px 10px 20px 10px;
font-size: 1em;
line-height: 1.3em;
}

#Sidebar p{
font-size: 0.9em;
}

#Navigation a {
display: block;
width: 160px;
margin: 3px 10px 2px 0;
padding: 5px 0 5px 5px;
font-size: 1.0em;
font-weight: bold;
text-align: left;
background: #eee url(gradient1.png) repeat-x;
color: #26c;
border-top: 1px solid #ddd;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #ddd;
}

#Navigation a:hover, #Navigation a.MenuHeader {
background: #fff url(gradient2.png) repeat-x;
color: #222;
border-top: 1px solid #ddd;
border-right: 1px solid #888;
border-bottom: 1px solid #888;
border-left: 1px solid #ddd;
text-decoration: none;
}

#Footer 
{
margin: 10px auto 0px auto;
padding: 10px;
clear: both;
background:#fff url(footerbg.png) bottom left no-repeat;
font-size:0.9em;
color:#888;
text-align:center;
}



a img{
border: 0;
}

.Block {
padding: 20px;
background: #eee;
color: #222;
border: 2px solid #ddd;
}

.Indent {
margin-left: 20px;
}

.ClearBoth {
clear: both;
}



/* 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
{
    background-position: left top;
    padding: 15px;
    margin: 4px;
    _font-size: 126.7px;
    width: 120px;
    height: 90px;
    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;  background-color:Black }
#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; background-color:Black  }
#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; }

/* Admin Section */

#Container .AdminFormRow { clear: both; margin: 10px; }
#Container .AdminFormLabel { float: left; width: 80px; font-weight: bold; padding-right: 10px; }
#Container .AdminFormItem { padding-left: 10px; }