﻿

/* Layout */
body {padding:0; margin:0; text-align:center; background-image:url('images/body-bg.jpg'); background-repeat:repeat-x; background-color:#617E9B;}
#WrapperTop {width:970px; margin:20px auto 0 auto; font-size:0; font-family:Monospace; height:5px; background-image:url('images/WrapperTop.png'); background-repeat:no-repeat;}
#WrapperBtm {width:970px; margin:0 auto 20px auto; font-size:0; font-family:Monospace; height:5px; background-image:url('images/WrapperBtm.png'); background-repeat:no-repeat;}
#Wrapper
{
    width:920px;
    padding:0 25px 20px 25px;
    background-repeat:repeat-y;
    background-image: url('images/WrapperBg.png');
    text-align:left;
    position:relative;
    margin:0 auto;
}
#Masthead 
{
    height:132px;
    background-image: url('images/masthead-bg.png');
    background-repeat: no-repeat;
}
#ContentWrapper
{
    background-image:url('images/content-wrapper-plain-bg.jpg');
    background-repeat:repeat-y;
    background-color:white;
    width:920px;
}
#Footer
{
    background-image:url('images/footer-bg.jpg');
    background-repeat:repeat-x;
    background-color:#617E9B;
    padding:5px 10px;
    width:900px;
}
#FooterSignOff
{
    float:right;
    width:380px;
    color:White;
    text-align:right;
    font-size:0.9em;
}
#FooterSignOff a
{
    text-decoration:none;
    color:#B8C6D3;
}
#Navigation
{
    background-image:url('images/nav-bg.jpg');
    background-repeat:repeat-x;
    background-color:#637F9C;
    border-top:1px solid #003265;
    border-bottom:1px solid #003265;
}
#SearchBox
{
    display:block;
    float:right;
    width:200px;
    color:White;
    text-align:right;
    font-size:0.9em;
    line-height:1.2em;
    padding:2px 5px 0 0;
    vertical-align:top;
}
.SearchTextBox 
{
    font-size:10px;
    height:1em;
}
.SearchGoButton
{
    font-size:10px;
}
.CrumbTrail
{
    background-color:#003265;
    padding:7px 20px 8px 20px;
    line-height:1em;
    font-size:0.9em;
    color:#BFCBD7;
    border-bottom:1px solid #003265;
}


.PageHeader
{
    height:100px;
    background-color:#D7F2E1;
    border-bottom:2px solid #BDEACE;
    padding:20px;
}

.PageContentArea
{
    padding:20px;
}

.ClearBoth
{
    font-family:Monospace;
    font-size:0;
    line-height:0;
    clear:both;
}

/* Columns */
.LeftColumn
{
    width:199px;
    float:left;
}
.RightColumn
{
    width:720px;
    float:right;
}

/* Navigation */
#Navigation ul {list-style-type:none; margin:0; padding:0;}
#Navigation ul li {list-style-type:none; margin:0; padding:0; float:left;}
#Navigation ul li a {display:block; text-decoration:none; padding:7px 15px; line-height:12px; color:White; font-weight:bold;}
#Navigation ul li a.Selected {background-image:url('images/nav-bg-selected.jpg');}
#Navigation ul li a:hover {background-image:url('images/nav-bg-hover.jpg');}

#Footer ul {list-style-type:none; margin:0; padding:0;}
#Footer ul li {list-style-type:none; margin:0; padding:0; float:left;}
#Footer ul li a {display:block; text-decoration:none;}
#Footer ul li a.Selected {}
#Footer ul li a:hover {}

.SideNav {list-style-type:none; margin:0 0 40px 0; padding:0;}
.SideNav li {list-style-type:none; margin:0; padding:0;}
.SideNav li a {display:block; padding:7px 10px 7px 10px; background-image:url('images/subnav-bg.jpg'); background-repeat:repeat-x; background-color:#627F9C; color:White !important; text-decoration:none;  border-bottom:1px solid #003265;}
.SideNav li ul {padding:0; margin:0;}
.SideNav li a:hover {background-image:url('images/subnav-bg-hover.jpg'); text-decoration:none !important;}
.SideNav li a.Selected {background-image:url('images/subnav-bg-selected.jpg'); color:#003265 !important; font-weight:bold;}
.SideNav li ul li a {padding-left:20px;}
.SideNav li ul li ul li a {padding-left:25px;}
.SideNav li ul li ul li ul li a {padding-left:30px;}
.SideNav li ul li ul li ul li ul li a {padding-left:35px;}



/* Editable */

div.Editable .ContentFragmentEditButton 
{
    display:none;
    padding:4px 16px;
    border:1px solid #cccccc;
    background-color:#eeeeee;
}
div.Editable:hover .ContentFragmentEditButton 
{
    display:block;
}
div.Editable
{
    border: 1px solid white;
}
div.Editable:hover
{
    border:1px dotted green;
}

/* MISC */

.GalleryTable
{
    border-collapse:collapse;
    border:none;
    margin-left:auto;
    margin-right:auto;
}
.GalleryTable td
{
    width:220px;
    height:220px;
    text-align:center;
    vertical-align:middle;
    border:solid 1px #999999;
    background-color:#eeeeee;
}
.GalleryTable td img
{
    border:1px solid #333333;
}