﻿body {margin:0px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size:0.8em; line-height:1.7em; background-color: #fff; color:#283090; /*405EA6;*/ }
/*~~~ WRAPPER  ~~~~~~~~~~~~~~*/
#container {width: 760px; height: 100%; text-align: center; margin-left:auto; margin-right:auto; background: #fff; }
/*~~~ CONTENT CONTAINER - TWO COLUMN  ~~~~~~~~~~~~~~~~~*/
#content-container-two-column {margin-top:3px; margin-left:auto; margin-right:auto; padding:15px; width:728px; border-left: 3px solid #608fc8; border-right: 1px solid #608fc8; background: #fff url(images/bg-content-side.png) repeat-y right; position:relative;}
#content-main-two-column {width:540px; float:left; text-align: left;}
#content-side-two-column {float: right; width:160px; text-align: left;}
#content-container-alternate-two-column {margin-top:3px; margin-left:auto; margin-right:auto; padding:15px; width:728px; border-left: 3px solid #608fc8; border-right: 1px solid #608fc8; background: #fff; position:relative;}
#content-side-alternate-two-column {width:160px; float:left; text-align: left;}
#content-main-alternate-two-column {float: right; width:540px; text-align: left;}
/*~~~ CONTENT CONTAINER - TWIN COLUMN  my design for Inn capsules ~~~~~~~~~~~~~~~~~*/
#content-container-twins {margin-top:3px; margin-left:auto; margin-right:auto; padding:15px; width:728px; border-left: 3px solid #608fc8; border-right: 1px solid #608fc8; background: #fff url(images/twin.png) repeat-y right; position:relative; text-align: left;}
#intro {background: #fff; z-index: 20;}
.twin {width:345px; float:left; margin-right: 12px; font-size: .9em; line-height: normal;}

/*~~~ CONTENT CONTAINER - THREE COLUMN ~~~~~~~~~~~*/
#content-container-three-column {margin-top:3px; margin-left:auto; margin-right:auto; padding:15px; width:728px; border-left: 3px solid #608fc8; border-right: 1px solid #608fc8; background: #fff url(images/bg-three-column-main.png) repeat-y; position:relative; }
#content-container-alternate-three-column {margin-top:3px; margin-left:auto; margin-right:auto; padding:15px; width:728px; background: #fff; position:relative; }
#content-main-three-column {width:355px; float:left; margin-left:25px; text-align: left;}
#content-side2-three-column,
#content-side1-three-column {width:160px; font-size: .9em; line-height: normal; }
#content-side2-three-column {float:right; text-align: left; }
#content-side1-three-column {float:left; text-align: left; }
#content-main-alternate-three-column {width:30%; float:left; text-align: left;}
#content-side2-alternate-three-column,
#content-side1-alternate-three-column {width:30%; margin: 0px 2%; font-size: .9em; line-height: normal; }
#content-side2-alternate-three-column {float:right; text-align: left; }
#content-side1-alternate-three-column {float:left; text-align: left; }
/*~~~ HOME PAGE - THREE COLUMN SECTION ~~~~~~~~~~~*/
#three-column-container {background:url(images/bg-three-column-home.png) repeat-y; padding:0; margin:20px 0 10px 0; font-size: .9em; line-height: normal;}
#three-column-container p {text-align: left;}
#three-column-side1 {float:left; width:30%; text-align: left;}
#three-column-side2 {float:right; width:30%;text-align: left; }
#three-column-middle {width:30%; margin:0px 32% 0px 35%;text-align: left; }
/*~~~ TOP INFORMATION ~~~~~~~~~~~~~~~~*/
#top-information-id {position:fixed; top:0; right: 10px;}
#top-information {width:760px; height: 60px; background: #fff url(images/crab.gif) no-repeat top right; margin-left:auto; margin-right:auto; margin-bottom:3px; color:#039; font-size:.85em; position:relative; z-index: 99;}
#logo {position:absolute; top:.5em; left:0.5em; font-size:2.6em; font-family: Georgia, Baskerville, serif; height:2.8em; padding:.1em 0 .2em 0; font-variant:small-caps; }
#logo span {font-size: .6em; line-height: 1.5em;}
/*~~~ POSTER PHOTO ~~~~~~~~~~~~~~~~~~*/
#poster-photo-container {margin-top:3px; margin-left:auto; margin-right:auto; width:760px; height: 180px; background:#608fc8; position:relative; }
.poster-photo-image {border-right:3px solid #fff; display:inline;   /* was block */ }
/*~~~ pagetitle ~~~~~~~~~~~~~~~~~*/
#pagetitle {margin-top:2px; margin-left:auto; margin-right:auto; width: 760px; background:#608fc8; position:relative; color:#fff; font-size: 1.2em; font-weight: bold; padding:.5em 0; }
#pagetitle a:link,
#pagetitle a:visited {color:#fff; text-decoration:none; }
#pagetitle a:hover{color:#D4E7F8; text-decoration:none; }

/*~~~ MAIN NAV ~~~~~~~~~~~~~~~~~~*/
#navmain {margin-left:auto; margin-right:auto; padding:0; position:relative; font-weight:bold; z-index: 1;}
.nav ul {margin:0; padding:0;}
.nav li {display:inline; list-style:none; padding:0 3em; background:none; }
.nav a:link,
.nav a:visited {color:#fff; text-decoration:none; font-weight: bold;}
.nav a:hover {color:#fff; background: #800;}
.nav a:active {color:#fff;}
.nav li.current a:link,
.nav li.current a:visited {color:#008; background: #800;}
.nav li.current a:hover {color:#008; text-decoration:underline;}
.nav li.current a:active {color:#008;}
#group {position: relative; top: -10px; font-size: .85em; text-align: right; margin: 0; padding: 0;}
#group span {margin: 0 30px 0 0; padding: 0; color: #fff; font-weight: bold;}
/*~~~ FOOTER ~~~~~~~~~~~~~~~~~~*/
#footer {background:#608fc8; margin-top:3px; margin-left:auto; margin-right:auto; width:760px; padding:0; position:relative;}
#footer a:link,
#footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover {color:#D4E7F8; text-decoration:none;}
#footer a:active {color:#fff;}
/*~~~ FOOTER-SUB ~~~~~~~~~~~~~~~~~~
#footer-sub {margin-top:1em; margin-left:auto; margin-right:auto; width:740px; text-align:center; padding:.1em 0 2em 0; position:relative; font-size:.8em; color:#999; }
#footer-sub ul {margin:0; padding:0; }
#footer-sub li {display:inline; list-style:none; padding:0 1em 0 0; background:none; }
#footer-sub a:link,
#footer-sub a:visited {text-decoration:underline; color:#999;}
#footer-sub a:hover {color:#405EA6; text-decoration:none;} */
/*~~~ minor html elements  ~~~~~~~~~~~~~~*/