/* Various clear function */
.clear {
    clear: both;
    height: 0;
}
#main .clear { /* CHANGE from standard! */
    clear: left;
}
#main-bottom {
    clear: both;
}
* html .clear {
    display: inline;
}

/* Make something hidden */
.hidden {
    display: none;
}

/* Graphic elements */
img.narrow {
    float: right;
}
img.wide {
    display: block;
}
.ImageElement {
    text-align: center;
}
.VideoElement {
    text-align: center;
}

/* Entity defaults */
a {
    text-decoration: none;
}
body {
    background-color: #f0f0f0;
    color:            #666666;
    font:             0.78em Verdana, Arial, Helvetica, sans-serif;
    margin:           8px;
    text-align:       center;
}
h2 {
	font-size:  1.5em;
    margin-top: 0;
}
h3 {
    font-size: 1.17em;
    margin:    .5em 0px;
}
ul {
    padding-left: 2em;
}


/* Page Layout settings */
#page-bottom {
    background: #999999;
    border:     1px solid #aeaeae;
    text-align: center;
    margin-top: 5px;
}
#page-bottom { /* Rounded Corners */
    border-radius:         1em;
    -moz-border-radius:    1em;
    -webkit-border-radius: 1em;
}
#page-container { 
    background: #f0f0f0;
    color:      #ffffff;
    margin:     0px auto 5px;
    max-width:  1251px;
    min-width:  771px;
    padding:    0;
    text-align: left;
    width:      100%;
}
#page-content { 
    background:   #ffffff;
    border-color: #aeaeae;
    border-style: solid;
    border-width: 1px;
    color:        #000000;
    margin-top:   5px;
    padding:      0;
    position:     relative;
}
#page-content { /* Rounded Corners */
    background-clip:         padding;
    border-radius:           1em;
    border-radius:           1em;
    -moz-background-clip:    padding;
    -moz-border-radius:      1em;
    -moz-border-radius:      1em;
    -webkit-background-clip: padding;
    -webkit-border-radius:   1em;
    -webkit-border-radius:   1em;
}
#page-top {
    background:     repeat-x url(DefaultHeader.jpeg);
    border-color:   #aeaeae;
    border-style:   solid;
    border-width:   1px;
    vertical-align: middle;
}
#page-top { /* Rounded Corners */
    background-clip:         padding;
    border-radius:           1em;
    border-radius:           1em;
    -moz-background-clip:    padding;
    -moz-border-radius:      1em;
    -moz-border-radius:      1em;
    -webkit-background-clip: padding;
    -webkit-border-radius:   1em;
    -webkit-border-radius:   1em;
}
#main {
    padding:     0 1em 1em;
    margin-left: 2px;
}

/* Page Header settings */
#title {
    float:          left;
    vertical-align: bottom;
}
#title h1 {
  color:           #ffffff;
  font-size:       3em;
  margin:          0;
  padding:         0;
  padding-left:    .3em;
  padding-top:     .1em;
  text-decoration: none;
  text-shadow:     0px 1px 2px #003f7d;
}
#title h1 a {
  color:           #ffffff;
  text-decoration: none;
  text-shadow:     0px 1px 2px #003f7d;
}
#title img {
  border:        0;
  float:         left;
  padding-left:  1em;
  padding-right: 1em;
}
#title p {
  color:        #eeeeee;
  font-style:   italic;
  font-weight:  bold;
  margin:       0;
  padding-left: 10px;
}

/* Site Menu settings */
#sitemenu {
    color:      #ffffff;
    margin-top: 0;
    padding:    0 1em;
}
#sitemenu a {
    color:           #ffffff;
    text-decoration: none;
}
#sitemenu li {    
    margin:     0px;
    text-align: right;
}
#sitemenu li:hover, #sitemenu li:hover a, #sitemenu li a:hover, #sitemenu li.currentPage {
    color: #000000;
}
#sitemenu li.currentPage {
    color: #000000;
}
#sitemenu ul {
    list-style-type: none;
    margin:          0px;
    padding:         2px 0px;
}

/* Breadcrumb settings */
#breadcrumb {
    background: #1f1f2f;
    color:      #d4d4d4;
    margin-top: 0;
    padding:    0 0 0 2em;
}
#breadcrumb { /* Rounded Corners */
    border-bottom-left-radius:          1em;
    border-bottom-right-radius:         1em;
    -moz-border-radius-bottomleft:      1em;
    -moz-border-radius-bottomright:     1em;
    -webkit-border-bottom-left-radius:  1em;
    -webkit-border-bottom-right-radius: 1em;
}
#breadcrumb a {
    color:           #d4d4d4;
    text-decoration: none;
}
#breadcrumb a:hover {
    color: #00bfff;
}
#breadcrumb-container {
    background:  #f0f0f0;
    clear:       both;
    padding-top: 1px;
}
#breadcrumb-content {
    margin:  0px;
    padding: 2px 0px;
}

/* Page Name settings */
#page-content-header {
    background: #1f1f2f;
    color:      #ffffff;
    padding:    0 2em;
    text-align: center;
}
#page-content-header { /* Rounded Corners */
    background-clip:                 padding;
    border-top-left-radius:          1em;
    border-top-right-radius:         1em;
    -moz-background-clip:            padding;
    -moz-border-radius-topleft:      1em;
    -moz-border-radius-topright:     1em;
    -webkit-background-clip:         padding;
    -webkit-border-top-left-radius:  1em;
    -webkit-border-top-right-radius: 1em;
}

/* Sidebar settings */
body.allow-sidebar #main {
    margin-right: 245px;
}
body.allow-sidebar #page-content {
    background-image:    url(sidebarbackground.gif);
    background-repeat:   repeat-y;
    background-position: right;
}
#sidebar {
    color:   #1f1f2f;
    float:   right;
    padding: 0px 10px;
    width:   220px;
}

/* Callout settings */
.callout {    
    float:        left;
    margin-right: 18px;
    width:        220px;
}
.callout .pagelet {
    margin:     10px 0px;
    padding:    2px 10px;
    color:      #ffffff;
    background: #1f1f2f;
}
.callout .pagelet a {
    color: #ffffff;
}
.callout .pagelet a:hover {
    color:      #1f1f2f;
    background: #eeeeee;
}
.callout .pagelet.bordered {
    background: #cccccc;
    color:      #1f1f2f;
    border:     1px solid #1f1f2f;
}
.callout .pagelet.bordered a {
    color: #1f1f2f;
}


/* Pagelet settings */
.pagelet {
    padding-bottom: 6px!important;
    padding-top:    4px;
}
.pagelet h4 {
    font-size: 120%;
    margin:    6px 0px;
}


/* Photo Blog settings */
.photoblog-index {
    background-color: #e6e6e6;
    margin:           10px auto;
    overflow:         auto;
    padding:          .5em;
    width:            100%;
}
.photoblog-index { /* Rounded Corners */
    border-radius:         1em;
    border-radius:         1em;
    -moz-border-radius:    1em;
    -moz-border-radius:    1em;
    -webkit-border-radius: 1em;
    -webkit-border-radius: 1em;
}
.photoblog-item {
    background: #ffffff;
    margin:     .5em;
    padding:    1em;
    text-align: left;
}
.photoblog-item { /* Rounded Corners */
    border-radius:         1em;
    border-radius:         1em;
    -moz-border-radius:    1em;
    -moz-border-radius:    1em;
    -webkit-border-radius: 1em;
    -webkit-border-radius: 1em;
}
.photoblog-thumb {
    float:         left;
    padding-right: 2em;
}
.photoblog-summary h3 {
    margin: 0;
}
.photoblog-summary p {
    margin: .5em 0 0;
}


/* Photo Album settings */
.photogrid-index {
    background-color: #e6e6e6;
    display:          block;
    margin:           10px auto;
    overflow:         auto;
    padding:          5px;
    text-align:       center;
}
.photogrid-index { /* Rounded Corners */
    border-radius:         1em;
    border-radius:         1em;
    -moz-border-radius:    1em;
    -moz-border-radius:    1em;
    -webkit-border-radius: 1em;
    -webkit-border-radius: 1em;
}
* html .photogrid-index {
    height: 1%;
}
* html body.allow-sidebar .photogrid-index {
    width: 490px;
}
.photogrid-index a {
    background:      #ffffff;
    color:           #000000;
    text-decoration: none;
}
.photogrid-index h3 a:hover {
    text-decoration: underline;
}
.gridItem {
    background:   #ffffff;
    border:       1px;
    border-color: #c8c8c8;
    color:        inherit;
    float:        left;
    height:       192px;    /* room for caption */
    margin:       3px;
    overflow:     hidden;
    padding-top:  10px;
    position:     relative;
    width:        152px;
}
.gridItem { /* Rounded Corners */
    border-radius:         1em;
    border-radius:         1em;
    -moz-border-radius:    1em;
    -moz-border-radius:    1em;
    -webkit-border-radius: 1em;
    -webkit-border-radius: 1em;
}
.gridItem h3 {
    background:  #ffffff;
    color:       #1f1f2f;
    font-size:   100%;
    font-weight: normal;
    height:      55px;
    margin:      2px 7px 0px;
    overflow:    hidden;
    position:    absolute;
    top:         147px; /* needs to leave 38px from the bottom of the gridItem */
    width:       136px;
}
.gridItem img {
    border:   1px solid #505050;
    bottom:   40px;
    display:  block;
    left:     0;
    margin:   auto;
    position: absolute;
    right:    0;
    top:      0;
}


/* Photo Navigation Graphics */
.photo-navigation {
    position: relative;
    height:   21px;
    width:    200px;
    margin:   0px auto 8px;
}
.photo-navigation div {
    width:       34px;
    height:      21px;
    position:    absolute;
    text-indent: -5000em;
}
.photo-navigation a {
    border-bottom: none;
    display:       block;
    width:         100%;
    height:        100%;
}
#previous-photo    {
    background: url(photo-prev-off.gif) no-repeat;
    left:       42px;
}
#previous-photo a {
    background: url(photo-prev.gif) no-repeat;
}
#next-photo {
    background: url(photo-next-off.gif) no-repeat;
    left:       124px; 
}
#next-photo a {
    background: url(photo-next.gif) no-repeat;
}
#photo-list {
    background: url(photo-list-off.gif) no-repeat;
    left:       83px;
}
#photo-list a {
    background: url(photo-list.gif) no-repeat;
}
.image-controls a {
    border-bottom: none !important;
}

/* IE Hack */
/* Hides from IE5-mac \*/
* html .gridItem img {
    position: relative;
    top:0px;
}

* html .gridItem h3 {
    position: relative;
    top: 0px;
}
/* End hide from IE5-mac */
/* Overall pagelet */
div.rssBadge
{
	margin: 10px;
}

/* Small icon option */
img.smallRSSBadgeIcon { vertical-align:middle; }
img.smallRSSBadgeIconLeft { margin-right:3px; }
img.smallRSSBadgeIconRight { margin-left:3px; }

/* Large icon option */
div.largeRSSBadgeIcon, p.largeRSSBadgeIcon
{
	margin: 0 10px;
	text-align:center !important;
}

img.largeRSSBadgeIcon { margin-bottom: 4px; }
p.largeRSSBadgeIcon { margin: 0; }
/* IE7 hacks */

*:first-child+html .gridItem img {
	position:relative;
	top:0px;
}

*:first-child+html .gridItem h3 {
	position:relative;
	top:0px;
}


/* Contact Element (standard and customized HTML) */

form.contactElement textarea,
form.contactElement input,
form.contactElement select {
	width:98%;
	margin:4px 0;
}
form.contactElement input.submit {
	width:auto;
	display:block;
	margin-left:auto;
	margin-right:2%;
	min-width:50%;
}
form.contactElement th {
	text-align:right;
	font-weight:normal;
	width:25%;
}

/* Contact Element For IE 7 */
*:first-child+html form.contactElement input.submit {
	padding:0px 10%;
	min-width: auto;
}