/* Revision Date 21/10/2007
/* Hack fix for IE5.x font-size not being medium as defined in CSS */
#gallery div, #gallery p, #gallery th, #gallery li, #gallery dd, #gallery td, #gallery tr, #gallery a {
/* more specific to override imported rule */
font-size: xx-small;
/* false value for WinIE4/5 */
voice-family: "\"}\"";
/* trick WinIE4/5 into thinking rule is over */
voice-family: inherit;
/* recover from trick */
font-size: x-small
/* intended value for better browsers */
}


/* ********************************************************************************
 * Building blocks
 * h2, h3, p, etc        Standard html tags
 * div.gbBlock           Sidebar or content section with style for contained lists
 * ul.gbBreadCrumb       List of links/path elements
 * table.gbDataTable     Table for data/form elements with styles for shading rows
 */

#gallery h2, #gallery h3, #gallery h4, #gallery form {
    margin: 0;
    padding: 0;
}

#gallery p {
    margin: 0.06em 0;
    padding: 0;
}

.gbBlock {
    padding: 0.0em;
    border-width: 0 0 0px 0;
    border-style: inherit;
    border-color: inherit;
    /* IE can't inherit these */
    border-style: expression(parentElement.currentStyle.borderStyle);
    border-color: expression(parentElement.currentStyle.borderColor);
}

.gbBlock ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.gbBlock ul ul {
    margin: 0 0 0.5em 1.0em;
}

.gbBlock li {
    padding: 6px 0 0 0;
}

#gallery .gbBlock h3 {
    margin-bottom: 0.5em;
}

#gallery .gbBlock h4 {
    margin-top: 0.5em;
}


#gsNavBar div.gbBreadCrumb {
    margin: 0;
    padding: 4px 8px;
}

table.gbDataTable {
    padding-bottom: 4px;
}

table.gbDataTable th, table.gbDataTable td {
    padding: 4px;
}

.giBlockToggle {
    padding: 0 0.4em 0.1em;
}
.giBlockToggle:hover {
    cursor: pointer;
}

.gbMarkupBar {
    margin: 4px 0;
}

#gallery .gbMarkupBar input {
    margin: 0;
    padding: 0;
}

.sideInfo {
/* *** applies to table where title,description,rating, etc. are displayed when on side of thumbnails for album pages
 * width:140px;
 */
}

/* ********************************************************************************
 * Sections
 * body.gallery     Page body in G2 standalone (doesn't apply to embedded)
 * #gallery         Page container
 * #gsNavBar   Top bar with breadcrumb and other links
 * #gsSidebar       Sidebar
 * #gsContent       Main content
 */

body.gallery {
    margin: 0;
    padding: 0;
}

#gallery {
    padding: 8px;
}
#gallery.rtl {
    direction: rtl;
}

#gsNavBar {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

#gsNavBar div.gbSystemLinks {
    padding: 4px 6px;
}

#gsNavBar div.gbSystemLinks span {
    padding: 0 4px;
}

#gsSidebar {
    border-right-width: 1px;
    width: 175px;
    overflow: hidden;
}

#floatingSidebar {
    border-right-width: 1px;
    width: 175px;
    z-index: 25;
    visibility: hidden;
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
    position: absolute; left: 15px; top: 15px;
}

body>div #floatingSidebar {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  /*  position: fixed; top: 15px;*/

    position: absolute; left: 15px; top: 15px;
}

#gsSidebarCol {
    width: 1%; /* Expand to fit content ("0" bad4 firefox, "1px" bad4 opera) */
}

#gallery td.giAlbumCell select, #gallery td.giItemCell select {
    margin-top: 0.0em;
}

/* So imageframed thumbs can be centered */
td.giAlbumCell table, td.giItemCell table {
    margin: auto;
}

#gsPages span {
    padding: 0 0.3em;
}

#gallery #gsSidebar ul {
    font-size: 1em;
}

/* ********************************************************************************
 * X_treme Theme for Gallery 2
 * by Pedro Gilberto
 */

/* ********************************************************************************
 * Building blocks
 * #gallery              Default font/color settings
 * .gcBackground1,2..    Palette of backgrounds
 * .gcBorder1,2..        Palette of borders
 * a, h2, h3, etc        Standard html tags
 * .giTitle, .giSubtitle, .giDescription, .giInfo, .giSuccess, .giWarning, .giError
 *                       Palette of text styles
 * div.gbBreadCrumb      List of links/path elements
 * table.gbDataTable     Table for data/form elements with styles for shading rows
 * div.gbTabBar          UI component for selectable tabs
 * .autoComplete*        Styles for autoComplete popup lists
 */

#gallery {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    color: #333;
    background-color: #fff;
}

body.gallery {
    background-color: #fff;
}

.gcBackground1 {
    background-color: #eee;
}

.opacityT {
    cursor:pointer;
}


.gcBackground2, .iframeBackground {
    background-color: #e7e7e7;
}

.gcBorder1 {
    border: 1px solid #ccc;
}

.gcBorder1Author {
    border-right: 1px solid #ccc;
}

.gcBorder1Top {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.gcBorder2 {
    border: 1px solid #888;
}

#gallery a, #imap a#prevT span, #imap a#nextT span, #imap a#fullT span, #imap a#prevB span, #imap a#nextB span, #imap a#fullB span {
    font-weight: bold;
    text-decoration: none;
    color: #6b8cb7;
}

#gallery a:hover, #imap a#prevT span:hover, #imap a#nextT span:hover, #imap a#fullT span:hover, #imap a#prevB span:hover, #imap a#nextB span:hover, #imap a#fullB span:hover {
    text-decoration: none;
    color: #f4560f;
}

#gallery a:active {
    text-decoration: none;
    color: #f9c190;
}

#gallery img {
    border-width: 0;
}

#gallery h2, #gallery h3, #gallery h4 {
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
}

#gallery input:focus, #gallery textarea:focus {
    background-color: #ffc;
    color: #000;
}

#gallery input.inputTypeSubmit, #gallery input.inputTypeButton {  /* No input[type=submit] in IE */
    color: #333;
    background-color: #eee;
    border-width: 2px;
    border-style: solid;
    border-color: #e7e7e7 #666 #666 #e7e7e7;
}

#gallery select {
    font-size: 1em;
}

.giTitle, {
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}

#gallery pre, #gallery tt {
    font-family: Courier New;
    font-size: 1.2em;
}

.giSubtitle {
    font-size: 0.9em;
    font-weight: normal;
    vertical-align: text-bottom;
}

.giDescription {
    font-size: 1.1em;
    line-height: 1.4em;
}

.gbEmptyAlbum {
    height: 400px;
}

.giDescription h3.emptyAlbum {
    line-height: 4.0em;
    text-align: center;
}

#gsPages, #gsPages div {
    color: #888;
    font-size: 0.9em;
}

.giInfo {
    font-size: 0.9em;
    color: #888;
}

.giInfo span.summary {
    display: block;
}

.giSuccess, .giWarning, .giError  {
    font-weight: bold;
}

.giSuccess { color: #5c0; }
.giWarning { color: #c50; }
.giError { color: #a44; }

.giNew, .giUpdated {
    border-width: 2px;
    border-style: ridge;
    padding: 0 6px;
    line-height: 1.9em;
}

#topNavBar td.BreadCrumb div{
    font-size: 1.3em !important;
}

#topNavBar td.BreadCrumb div span, #topNavBar td.BreadCrumb div a {
    font-size: 1.0em !important;
}

#topNavBar td.SystemLinks{
    font-size: 1.3em !important;
}

#topNavBar td.SystemLinks span a, #topNavBar td.SystemLinks a{
    font-size: 1.0em !important;
}

#gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span {
    padding: 0 0 0 14px;
    background: url('images/icon_path_separator.gif') no-repeat left;
}

#gsNavBar div.gbBreadCrumb a.BreadCrumb-1 {   /* no :first-child in IE */
    padding-left: 0;
    background-image: none;
    white-space: nowrap;
}

#gsThumbMatrix {
    width: 100%;
}

#gallery.IE div.gbBreadCrumb span {
    display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
    padding-right: 4px;      /* IE has less space at right of each span */
}

#gsNavBar div.gbBreadCrumb span.BreadCrumb-1 {   /* no :first-child in IE */
    padding-left: 0;
    background-image: none;
}

#gsNavBar div.gbSystemLinks {
  float: right;
}

table.gbDataTable th {
    text-align: left;
    background-color: #e7e7e7;
}

.gbEven {
    background-color: #fff;
}

.gbBusy {
    background-color: #78D478 !important;
}

.gbOdd {
    background-color: #eee;
}

div.gbTabBar {
    font-size: 0.9em;
    font-weight: bold;
    margin: 0.8em 0 0;
    padding: 6px;
    background: url('../x_treme/images/tab_bg.gif') repeat-x bottom;
    white-space: nowrap;
}

div.gbTabBar span.o {
    padding: 6px 0 5px 8px;
    background: url('../x_treme/images/tab_left.jpg') no-repeat left top;
}

#gallery.IE div.gbTabBar span.o {
    display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
    margin-bottom: 1px;      /* ..and then adds padding differently with inline-block.. */
}

/* IE may clip off the right end of a long set of tabs, so allow IE to wrap them */
#gallery.IE div.gbTabBar { padding-bottom: 0; white-space: normal; }
#gallery.IE div.gbTabBar span.giSelected { margin-bottom: 0; }

#gallery div.gbTabBar span span {
    padding: 6px 12px 5px 4px;
    background: url('../x_treme/images/tab_right.jpg') no-repeat right top;
}

#gallery div.gbTabBar a {
    color: #777;
    text-decoration: none;
}

#gallery div.gbTabBar a:hover {
    color: #333;
}

#gallery div.gbTabBar span.giSelected {
    padding-bottom: 6px;
    background-image: url('../x_treme/images/tab_left_on.jpg');
}

#gallery div.gbTabBar span.giSelected span {
    color: #333;
    padding-bottom: 6px;
    background-image: url('../x_treme/images/tab_right_on.jpg');
}

.autoCompleteShadow {
    background-color: #a0a0a0;
}

.autoCompleteContainer {
    border: 1px solid #404040;
    background-color: #fff;
}

.autoCompleteContainer li.yui-ac-highlight {
    background-color: #eee;
}

#gallery .gbMarkupBar input {
    font-size: 1.1em;
}

.giSearchHighlight {
    font-weight: bold;
    background-color: #ff6;
}


/* ********************************************************************************
 * Sections
 * #gallery         Page container
 * #gsNavBar   Top bar with breadcrumb and other links
 * #gsSidebar       Sidebar
 * #gsContent       Main content
 */

#gsNavBar div {
    margin-top: 0.1em;  /* Align system links with breadcrumb */
    font-weight: bold;
}

#gsSidebar div ul {   /* no > in IE */
    font-size: 1.1em;
    font-weight: bold;
}
#gsSidebar div ul ul { font-size: 1.0em; }

#gsSidebar ul span {
    color: #999;
}

div.gbNavigator div.next-and-last {
  float: right;
}
div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: right;
}

div.gbNavigator a.first {
  padding-left: 27px;
  background: url('images/nav_first.gif') left no-repeat;
}

div.gbNavigator a.previous {
  padding-left: 27px;
  background: url('images/nav_prev.gif') left no-repeat;
}

div.gbNavigator a.next {
  padding-right: 27px;
  background: url('images/nav_next.gif') right no-repeat;
}

div.gbNavigator a.last {
  padding-right: 27px;
  background: url('images/nav_last.gif') right no-repeat;
}

div.gbNavigator div.first-and-previous img {
  vertical-align: middle;
  padding-right: 0.5em;
}
div.gbNavigator div.next-and-last img {
  vertical-align: middle;
  padding-left: 0.5em;
}

#gallery.rtl div.gbNavigator div.next-and-last {
  float: left;
}
#gallery.rtl div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: left;
}
#gallery.rtl div.gbNavigator div.first-and-previous {
  text-align: right;
}
/* Both IE and Gecko have bugs with omitting padding on rtl inline content */
#gallery.IE.rtl div.gbNavigator a {
  display: inline-block;
}
#gallery.gecko.rtl div.gbNavigator a {
  display: -moz-inline-box;
}

#gallery.rtl div.gbNavigator a.first {
  padding: 0 27px 0 0;
  background: url('images/nav_last.gif') right no-repeat;
}
#gallery.rtl div.gbNavigator a.previous {
  padding: 0 27px 0 0;
  background: url('images/nav_next.gif') right no-repeat;
}
#gallery.rtl div.gbNavigator a.next {
  padding: 0 0 0 27px;
  background: url('images/nav_prev.gif') left no-repeat;
}
#gallery.rtl div.gbNavigator a.last {
  padding: 0 0 0 27px;
  background: url('images/nav_first.gif') left no-repeat;
}
#gallery.rtl div.gbNavigator div.first-and-previous img {
  padding: 0 0 0 0.5em;
}
#gallery.rtl div.gbNavigator div.next-and-last img {
  padding: 0 0.5em 0 0;
}

div.block-search-SearchBlock a.advanced {
  display: block;
  padding: 3px;
}

div.block-core-ItemLinks {
  margin: 3px 0;
}
div.block-core-ItemLinks a {
  padding: 3px;
}
div#gsSidebar div.block-core-ItemLinks a {
  display: block;
}

div#gsSidebar div.block-core-PeerList a {
  display: block;
  padding: 3px;
}

div#gsSidebar div.block-core-PeerList span {
  font-weight: bold;
  display: block;
  padding: 3px;
}

div#gsSidebar div.block-core-PeerList span.current {
  color: #0b6cff;
}

/* ***************************************************** */
/*                   Dynamic blocks                      */
/* ***************************************************** */

div.block-comment-ViewComments {
  margin: 5px;
}

div.block-comment-ViewComments div.one-comment {
  border: 1px solid #e7e7e7;
  padding: 5px;
  margin-bottom: 5px;
}

div.block-comment-ViewComments h3 {
}

div.block-comment-ViewComments span {
  padding-right: 5px;
}

div.block-comment-ViewComments p.info {
  font-style: italic;
  text-align: right;
  font-size: 0.95em;
}

div.block-core-GuestPreview {
  float: right;
}
#gallery.rtl div.block-core-GuestPreview {
  float: left;
}

span.block-core-SystemLink {
}

div.block-exif-ExifInfo {
  margin: 5px;
}

span.bsw_ButtonDisabled {
  color: #999;
}

span.bsw_ButtonEnabled {
  color: #000;
  cursor: pointer;
}

table.bsw_ParamTable {
  width: 100%;
  border: 1px solid #999;
  border-collapse: collapse;
}

tr.bsw_ParamHeaderRow {
  background-color: #EEE;
}

tr.bsw_ParamHeaderRow td {
  font-weight: bold;
  text-align: center;
  border: 1px solid #999;
}

td.bsw_BlockCommands {
  white-space: nowrap;
  text-align: center;
}

#gsFooter {
  padding-top: 4px;
}

/* ********************************************************************************
 * Rating module style fix
 */
.giRatingUI {
    margin: 10px auto; /* Required to center default rating module star images */
}
#gsThumbMatrix .giRatingAverageContainer {
    margin: auto;
}

.giThumbnail {
    padding: 0px;
    margin: 0px;
    text-align: center;
}



.BlockOpacity table{
    filter: alpha(opacity=93);
    -moz-opacity: 0.93;
    opacity: 0.93;
    -khtml-opacity:0.93;
}
.infoblockIopacity{
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.90;
    -khtml-opacity:0.90;
}

.BlockMove {
    cursor:move;
    vertical-align: middle;
}
.tableacpic{
    height:25px;
    vertical-align: middle;
}

.tableacpic td{
    vertical-align:middle;
    height:25px;
    nowrap:nowrap;
}

.tableacpic a:hover{
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}
.tableacpic a{
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

.icon img {
    border-width: 0; 
    text-decoration: none !important;
    vertical-align: bottom;
}

hiddenPic {
    display: none;
    height: 1px; 
    width: 1px; 
}


.footerButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    -khtml-opacity:0.3;
}

.footerButtonOn {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity:1.0;
}


.footerCopy {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.85em;
}

.footerCopyAlpha {
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    -khtml-opacity:0.3;
}

.footerCopyAplphaOn {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity:1.0;
}


.footerCopyText {
    font-family: Arial;
    font-size: 1.25em;
}


#gsSideBlocks {
    border-right-width: 1px;
    width: 200px;
    overflow: hidden;
}
div#gsSideBlocks div.block-core-ItemLinks a {
  display: block;
}

div#gsSideBlocks div.block-core-PeerList a {
  display: block;
  padding: 3px;
}

div#gsSideBlocks div.block-core-PeerList span {
  font-weight: bold;
  display: block;
  padding: 3px;
}

div#gsSideBlocks div.block-core-PeerList span.current {
  color: #0b6cff;
}
#gsSideBlocks div ul {   /* no > in IE */
    font-size: 1.1em;
    font-weight: bold;
}
#gsSideBlocks div ul ul { font-size: 1.0em; }

#gsSideBlocks ul span {
    color: #999;
}

.author {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none;
}

.authoremail {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    font-style: italic;
}

a.authorlink {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    font-variant: small-caps
    text-decoration: none;
}

.thumbSmall {
    background-color: #000;
    border: 1px solid #000;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.thumbSmall:hover {
    border: 1px solid #000;
}

.thumbSmall:active {
    border: 1px solid #f00 !important;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.thumbSmallSelected {
    border: 1px solid #777 !important;
    padding: 0px;
    margin: 0px;
    text-align: left;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -khtml-opacity:0.8;
}

.gsSingleImage {
    background: url('images/loading.gif') no-repeat 50% 50%;
    background-color: #000;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px solid #666;
}

.gsSingleImageNoF {
    background: url('images/loading.gif') no-repeat 50% 50%;
    background-color: #000;
    border: 0px solid #666;
}



/* ********************************************************************************
 * Gallery Site Administration
 * X_treme Theme Settings
 */
.helplink {
    background-color: #ccddff;
    height: 30px;
    padding: 5px;
}

.helplink a {
    background-color:#ccddff;
    color:#4466cc;
    cursor: help;
    border-bottom: dashed 1px #f4560f;
    font-weight:bold;
}

.helplink a:hover {
    color: #4466cc;
    background-color: #e6edff;
}

.helplink a:active {
    color: #6666dd;
}

.admin_theme_settings, .admin_theme_settingsS, .admin_theme_settingsI  {
    text-align:center; 
    font-size:1.3em;
    font-weight: bold; 
}

.admin_theme_settings {
    background-color:#ccddff;
    color:#4466cc; 
}

.admin_theme_settingsS {
    background-color:#b0e0dd; 
    color:#2277aa;
}

.admin_theme_settingsI {
    background-color:#88eebb; 
    color:#00aa88;
}

.admin_theme_applied {
    font-weight: lighter; 
    color:#fff; 
    font-size:0.8em;
}

.speed {
    font-weight: bold; 
    color: #f4560f; 
}

.help {
    font-weight: bold; 
    color: #6b8cb7;
    font-size: 1.2em;
    cursor: help;
    background: url(images/info.png) left center no-repeat;
}


a.tLink-att_admin:hover img{ 
    background: url(../x_treme/images/icons/default/hover/info.gif) left center no-repeat;
}

a.tLink-att_admin img{ 
    background: url(../x_treme/images/icons/default/info.gif) left center no-repeat;
}

/* microthumbs text */
.MTtextPage {
    font-size: 0.9em !important;
    text-decoration: none;
    color: #6b8cb7;
}

.MTindexThis {
    font-size: 0.9em !important;
    text-decoration: none;
    color: #8bbcd7 !important;
}


.MTtextThumb {
    font-size: 0.85em !important;
    font-weight: light !important; 
    line-height: 1.8 !important;
    color: #7bacc7;
}

.MTtextB {
    font-size: 1.0em !important;
    font-weight: bold !important; 
    color: #6b8cb7;
}

/* for slideshow */
.menuoff {
    font-weight: bold;
    text-decoration: none;
    color: #ccc;
}

/* for description links at Xtreme Frame */
#gsContent td.xtremeFrameLink a {color: #666 !important;}
#gsContent td.xtremeFrameLink a:hover {color: #444 !important;}

/*************************/
/* SECTION 1 -url(../../img/background_body_grey.gif) top center repeat-y MAIN BODY */
/*************************/

body {margin: 0px auto; padding: 0px; background-color:#F5F4F1;}
.page-container-1 {width: 95%; min-width: 770px; margin: 0px auto; padding: 0px; border: solid 1px rgb(100,100,100); background-color:white;}
.page-container-2 {width: 100%; margin: 0px auto; padding: 0px; border: solid 1px rgb(100,100,100);}
.page-container-3 {width: 100%; margin: 0px auto; padding: 0px; border: solid 1px rgb(100,100,100);}

/*************************************/
/* SECTION 2 - HEADER AND NAVIGATION */
/*************************************/

/*-----------------------------------*/
/* 2.1 - Sitename, slogan and banner */
/*-----------------------------------*/
.site-name {width: 300px; height: 45px; top: 12px; position: absolute; z-index: 4; overflow: hidden; margin: 0px; padding-left: 15px; color: rgb(69,140,204);}
.site-name p.title  {margin: 0px; padding: 0px; font-family: "trebuchet ms", arial, sans serif; font-weight: bold; font-size: 24px;}
.site-name p.subtitle  {clear: both; width: 300px; margin: -6px 0px 0px 0px; padding: 0px; background-color: transparent; font-family: "trebuchet ms", arial, sans serif; font-size: 12px;}
.site-name a {margin: 0px; padding: 0px; text-decoration: none; color: rgb(88,144,168);}
.site-name a:hover {text-decoration: none;}
.site-slogan-container  {width: 80%; height: 130px; top: 112px; position: absolute; z-index: 1; overflow: hidden; margin: 0px; padding-right: 15px; background-color: transparent;}
.site-slogan {float: right; width:770px; margin: 0px; padding: 0px; background-color: transparent; font-size: 10px;}
.site-slogan p.title {float: right; width: 700px; margin: 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif;  text-align: right; font-weight: bold; font-size: 220%;}
.site-slogan p.subtitle {clear: both; float: right; width: 700px; margin: -5px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; font-size: 200%;}
.site-slogan p.text {clear: both; float: right; width: 700px; margin: 10px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; line-height: 1.0em; font-size: 140%;}
.site-slogan p.readmore {clear: both; float: right; width: 700px; margin: 10px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; line-height: 1.0em; }
.site-slogan a {color: rgb(234,239,247); text-decoration: underline;}
.site-slogan a:hover {text-decoration: none; color: rgb(50,50,50);}
.img-header {clear: both; float: left; width: 770px; height: 250px; margin: 0px; padding: 0px;}

/*--------------------------*/
/* 2.2 - Navigation - Flags */
/*--------------------------*/
.navflag-container {width: 100%; top: 14px; min-width:770px; position: absolute; z-index: 2; background-color: transparent;}
.navflag {margin: 0px; padding: 0px; font-size: 1.0em;}	
.navflag ul {float: right; margin: 0px; padding: 0px 20px 0px 0px;}	
.navflag li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.navflag li a {margin: 0px; padding: 0px 0px 0px 1px;}
.navflag a:hover {color: rgb(0,0,0); text-decoration: none;}
.img-navflag {display: inline; height: 14px; margin: 0px; padding: 0px; border: none;}

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container {width: 95%; height: 32px; position: absolute; z-index: 3; background: white; border-bottom:solid; border-bottom-color:black; border-width:thin;}
.nav1 {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em; margin-top:14px;}
.nav1 ul {float: right; margin: 0px; padding: 0px 20px 0px 0px; border-left: solid 1px rgb(120,120,120); background-color: rgb(255,255,255); font-weight: bold;}	
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav1 li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px rgb(120,120,120); color: rgb(115,162,182); text-decoration: none; font-size: 10px;}
.nav1 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none;}

/*----------------------------*/
/* 2.4 - Navigation - Level 2 */
/*----------------------------*/
.nav2 {clear: both; margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 0.8em;}
.nav2 ul {float: left; width: 100%; margin: 0px; padding: 0px; border-top: solid 1px rgb(73,41,40); border-bottom: solid 1px rgb(73,41,40); background-color: rgb(90,41,40); font-weight: bold;}	
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;font-size:120%;}
.nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 1px rgb(73,41,40); color: rgb(255,255,255); text-transform: uppercase; text-decoration: none; font-size: 140%;}
.nav2 a:hover, .nav2 a.selected {color: rgb(3,151,189); text-decoration: none;}
.buffer {clear: both; width: 100%; height: 30px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

/*----------------------------*/
/* 2.5 - Navigation - Level 3 */
/*----------------------------*/
.nav3 {overflow: hidden; clear: both; float: left; width: 15%; margin: 0px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em; position:relative;}
.nav3 ul {width: 160px; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(219,230,241);font-size:120%;}	
.nav3 li {list-style: none; margin: 0px; padding: 0px;font-size:120%;}
.nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size:120%;}
.nav3 li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); font-weight: bold;font-size:120%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); text-decoration: none; font-size:120%;}
.nav3 li a:hover, .nav3 li a.selected {border-left: solid 10px rgb(158,102,102);  color: rgb(30,30,30); text-decoration: none;}

/******************************************************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (With navigation, with sidebar )*/
/******************************************************************************/

.content1 {float: left; color: rgb(75,75,75); width:83%; position:relative;}
.contentbox {float: left; color: rgb(75,75,75); width:100%; position:relative; margin: 0px 0px 0px 1%;}
.content1-container {clear: both; float: left; width:100%; margin: 0px 0px 0px 0px; padding: 0px;}
.content1-pagetitle {overflow: hidden; width: 408px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px rgb(88,144,168);); color: rgb(88,144,168); font-weight: bold; font-size: 180%;}

/* SECTION 6 - COMMON PARAMETERS */
/*********************************/

/*--------------------*/
/* 6.1 - Content Area */
/*--------------------*/
.roadlist {border-bottom:solid 1px; min-height:110px; }
.notebox {background: #EDEBE4;border-left: 1px solid; border-right: 1px solid;border-top: 1px solid;border-bottom: 1px solid;padding:5px; width:90%; margin-left:auto;margin-right:auto;}
.legal {font-size:80%; line-height:10px;}
/* Headings */


/* Embedded emphasis */
.embed {float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}


/* Tables */
.table {clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(233,232,244);}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; }
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; 	}
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; }

/* Images */
.img-left-noborder-notopmargin {float: left; margin: 0px 10px 0px 0px;}
.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px;}
.img-left-border-notopmargin {float: left; margin: 0px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-left-border-topmargin {float: left; margin: 3px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;}
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;}
.img-right-border-notopmargin {float: right; margin: 0px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
.img-right-border-topmargin {float: right; margin: 3px 0px 0px 10px; border: solid 1px rgb(150,150,150);}

/*--------------------*/
/* 6.2 - Sidebar Area */
/*--------------------*/
.sidebar {overflow: hidden; float: right; width: 1%; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; color: rgb(75,75,75); position:relative;}
.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 80%;}
.sidebar-title-noshade {margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; }
.sidebar-title-shade {margin: 0px; padding: 2px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; }
.sidebar-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
.sidebar-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; background-color: rgb(235,235,235);}
.sidebar-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
.sidebar-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}

/*--------------------*/
/* 6.3 - Footer Area  */
/*--------------------*/
.footer {overflow: hidden; clear: both; width: 100%; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(105,42,40); background-color: rgb(114,38,38); color: rgb(255,255,255); font-size: 1.0em;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 100%; color:#DFD5CE;}

/*-------------------*/
/* 6.4 - Hyperlinks  */
/*-------------------*/
.content1 a, .content2 a, .content3 a, .sidebar-txtbox-noshade a, .sidebar-txtbox-shade a {color: rgb(128,0,0); text-decoration: underline;}
.content1 a:hover, .content2 a:hover, .content3 a:hover, .sidebar-txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover {color: rgb(0,64,128); text-decoration: none;}
.content1 a:visited, .content2 a:visited, .content3 a:visited, .sidebar-txtbox-noshade a:visited, .sidebar-txtbox-shade a:visited  {color: rgb(60,0,0);}
.footer a {color: rgb(255,255,255); text-decoration: underline;}
.footer a:hover {color: rgb(100,100,100); text-decoration: none;}
.bookLink a {color:#400000; font-size:130%;}
.bookLink a:hover {color:#234325; font-size:130%;}
.bookLink a:visited {color:#003040; font-size:130%;}
/*******************************/
/* SECTION 7 - GENERIC CLASSES */
/*******************************/

/*----------------------------*/
/* 7.1 - Title decoration box */
/*----------------------------*/
.box-on {float: left; min-width: 0.3em; margin-right: 0.2em; padding: 0px 0.2em 0px 0.3em;}
.box-off {display: none;}
/* html box-on {width: 1%;} /* IE6-Hack for min-width. Also compliant with IE7-Beta2 */ */

/*-----------------------------*/
/* 7.2 - Horizontal alignments */
/*-----------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

/*****************************/
/* SECTION 8 - MISCELLANEOUS */
/*****************************/
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}

.arrowsidemenu{
	width: 100%; /*width of menu*/
	border-style: solid solid solid solid;
	border-color: #8A3432;
	border-size: 1px;
	border-width: 1px;
}
	
.arrowsidemenu div a{ /*header bar links*/
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(http://www.pacificng.com/img/arrowwine.gif) 100% 0;
    height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 10px 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #000000;
}

.arrowsidemenu div a:hover{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #C0C0C0;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: white;
	background-position: 100% -64px !important;
}

.arrowsidemenu ul{
    text-align:left;
    width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #8A3432;
}

.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: black;
	padding: 8px 4px 4px 4px;
	border-left: 10px double #9e6666;
    border-right: 10px double #9e6666;
}

.arrowsidemenu ul li a:hover{
	background: #C0C0C0;
}