/* Body */
body {
     margin: 0em;
     padding: 0em;
     font-family: Helvetica, Verdana, Arial, sans-serif;
     /* font-size: 1em; */
}
/* Top */
#logo {
     background-image: url(images/logo.jpg);
     height: 100px;
     background-repeat: no-repeat;
     margin: 0em;
     padding: 0em;
}
#photo {
     background-image: url(images/scotland.jpg);
     height: 112px;
     background-repeat: repeat-x;
     padding: 0em;
     margin: 0em;
}
#photo p {
     padding-top: 102px;
     padding-right: 2px;
     text-align: right;
     font-size: 10px;
     color: #354b67;
}
/* Tabs */
#tabs {
     float: left;
     width: 100%;
     background-color: white;
     /* text-shadow: #333333 2px 2px 1px; */
     font-size: .7em;
     line-height: normal;
     font-family: Helvetica, Verdana, Arial, sans-serif; 
}
#tabs ul {
     list-style: none;
     margin: 0px;
     padding: 10px 10px 0px 10px;
}
#tabs ul li {
     float: left;
     background: /*#cac3b6*/ url(images/tab_left.jpg) no-repeat left top;
     margin: 0px;
     padding: 0px 0px 0px 11px; /* 9px; */
}
#tabs ul li#current {
     background-color: #354b67;
     background-image: url(images/tab_left_on.jpg);
}
#tabs ul li a {
     display: block;
     background: #cac3b6 url(images/tab_right.jpg) no-repeat right top;
     padding: 15px 20px 4px 2px;
     text-decoration: none;
     font-style: italic;
     color: #354b67;
}
#tabs ul li#current a {
     background-image: url(images/tab_right_on.jpg);
     color: #cac3b6;
     padding-bottom: 4px; /* 5px; */
}
#tabs ul li a:hover {
     color: black;
     /* background-color: #354b67; */
     text-decoration: underline;
}
#tabs ul li#current a:hover {
     text-decoration: none;
}
/* Page body */
#main {
     background-color: #354b67;
     color: #cac3b6;
     padding: 0px;
     font-size: .8em;
     margin: 0px;
     line-height: 1.5em;
     clear: both;
}
#container {
     margin-left: 20%;
}
/* Left navigation */
#left {
     background-color: #354b67;
     padding: 5px;
     width: 20%;
     /* border: thin solid #cac3b6; */
     float: left;
     margin: 5px;
     margin-top: 15px;
}
#left h1 {
     font-size: 1.2em;
     color: #cac3b6;
}
#left h1 a {
     text-decoration: none;
}
#left ul {
     padding-left: 1em;
     /* color: white; */
}
#left ul li {
     list-style-type: none;
     margin: 2px;
     /* border: #354b67 solid thin; */
     border: solid thin black;
     background-color: #cac3b6;
}
#left ul li a {
     display: block;
     text-decoration: none;
     color: #354b67;
     padding: 0.25em 0.5em 0.25em 0.75em;

}
#left ul li a:hover {
     /* color: #cac3b6;
     background-color: #354b67;
     border-color: #354b67; */
     color: black;
     text-decoration: underline;
}
#left ul li ul {
     padding-left: 2em;
}
#left ul li ul li {
     list-style-type: disc;
}
#left ul li ul li a {
     text-decoration: none;
     color: #cac3b6;
}
#left ul li ul li a:hover {
     color: white;
     text-decoration: underline;
}
div.clearer {
     clear: both;
}
/* Right column */
#right {
     /* padding: 10px; */
     width: 30%;
     float: right;
}
#right div.box {
     margin: 10px;
     padding: 10px;
     border: thin #cac3b6 solid;
}
#right div.box h1 {
     font-size: 1em;
     line-height: 1.5em;
}
#right div.box ul {
     padding-left: 1.5em;
     color: white;
}
#right div.box ul li {
     padding-left: 0em;
     margin-left: 0em;
     list-style-type: disc;
     list-style-position: outside;
}
#right div.box ul li a {
     text-decoration: none;
     color: #cac3b6;
}
#right div.box ul li a:hover {
     color: #ffffff;
     text-decoration: underline;
}
#right div.box ul li p {
     color: #cac3b6;
     margin: 0;
}
/* Page content */
#content {
     padding: 10px;
     margin: 10px;
     margin-top: 0px;
     margin-left: 20px;
     margin-right: 30%;
}
p.right {
    text-align: right;
    font-size: 0.8em;
}
h1 {
     text-shadow: #333333 4px 4px 2px;
     font-size: 2em;
     line-height: 2em;
}
h2 {
     text-shadow: #333333 4px 4px 2px;
     line-height: 1.5em;
     font-size: 1.5em;
}
h3 {
     text-shadow: #333333 4px 4px 2px;
     font-size: 1.2em;
     line-height: 1.4em;
}
a:link, a:visited {
     color: #cccc00;
}
a:hover {
     color: #ffff00;
}
img {
     border: 0;
}
table {
     color: #cac3b6;
}
table tr {
     color: #cac3b6;
}
table tr td {
     display: table-cell;
     vertical-align: top;
     padding-right: 1em;
     padding-top: 1em;
     color: #cac3b6;
}
/* Footer */
#footer {
     border-top: thin white solid;
     text-align: center;
     color: white;
     font-size: .8em;
     line-height: 1.5em;
     margin-bottom: 0px;
     padding-bottom: 1em;
}
#footer img {
     margin-top:5px;
     border: 0;
}