/* 
myshipley.com - Main template
updated - 06/18/08
Created by Matt
*/

html, body {
  margin:0;
  padding:0;
  background:url(bg1.jpg) repeat-x #191919;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
}

td {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:1.5em;
}

p {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:1.5em;
}

img {
  border:0px;
}

/* Top Navigation Bar */
#topbar {
  background:url(topnavbg.jpg) repeat-x;
  text-align:center; /* IE Only */
  height:29px;
  font-size:12px;
  color:#ffffff;
}

#topbar .container {
  margin-left:auto; /* Mozilla Only */
  margin-right:auto; /* Mozilla Only */
  width:769px;
}

#topbar .left {
  float:left;
  margin-top:4px;
  margin-left:10px;
}

#topbar .left a {
  color:#ffffff;
}

#topbar .right {
  float:right;
  margin-top:0px;
  margin-right:10px;
  color:#70aacf;
}

#topbar .right a {
  color:#ffffff;
  margin-left:10px;
  margin-right:10px;
}

#topbar .right a:hover {
  color:#ffffff;
  text-decoration:underline;
}

#topbar .NormalTextBox1 {
  height:14px;
  font-size:11px;
  color:#666666;
  border:#70aacf solid 1px;
  margin-left:20px;
  margin-right:5px;
}

#container {
  margin:0 auto; /* center, not in IE5 */
}

/* Top Header */
#header {
  background:url(header.jpg) no-repeat;
  height:100px;
}

#header .logo {
  float:left;
  margin-top:3px;
  margin-left:31px;
  display:inline;
}

#header #quickfind {
  float:right;
  margin-right:10px;
}

/* Sub Header Table */
#subheader {
  background:url(subheader.jpg) no-repeat;
  overflow: hidden;
  color:#FFFFFF;
  padding-top:5px;
  padding-bottom:5px;
  font-size:13px;
}

#subheader .title {
  padding-left:35px;
  margin-right:10px;
  font-weight:bold;
  text-transform:uppercase;
}

#subheader .breadcrumbs {
}

#subheader a {
  text-decoration:none;
  color:#FFFFFF;
}

/* Login Box */
#login {
  background:url(loginbg.jpg) no-repeat;
  width:183px;
  height:163px;
  color:#666666;
  line-height:2em;
}

#login #padding{
  padding-top:6px;
	padding-left:8px;
}

#login .custlogin {
  font-size:12px;
  background-color:#ffffff;
  border: 1px solid #1678b7;
  width:85px;
}

#login label {
  font-size:12px;
  width:75px;
}

#login #title {
  font-size:14px;
  font-weight:bold;
}

#login a {
  font-size:10px;
  line-height:1.2em;
}

#login p {
  margin-top:5px;
  margin-bottom:5px;
}


/* Content Table */
.contentframe {
  background:url(contentbg.jpg) repeat-y;
}

#content {
  text-align:left;
  padding-left:19px;
  padding-right:19px;
  font-size:12px;
}

#content .left {
  margin-top:25px;
}

#content .left .leftnav {
  background:url(leftnavbg.jpg) repeat-y;
  margin-bottom:20px;
}

#content .right {
  margin-top:12px;
  line-height:1.5em;
}

#content .right hr {
  border:0px;
  height:5px;
  background:#e9e9e9;
  color:#e9e9e9;
}

#content .left hr {
  border:0px;
  height:5px;
  background:#e9e9e9;
  color:#e9e9e9;
}

#content h1 {
  margin-left:0px;
  margin-top:10px;
  margin-bottom:0px;
  color:#0c79bf;
  font-size:30px;
  font-weight: normal;
}

#content h2 {
  margin-left:0px;
  margin-top:10px;
  margin-bottom:10px;
  color:#f47623;
  font-size:20px;
  font-weight: normal;
}

#content h3 {
  margin-left:0px;
  margin-top:10px;
  margin-bottom:10px;
  font-size:16px;
  color:#333333;
  font-weight: normal;
}

#content h4 {
  margin-left:0px;
  margin-top:0px;
  margin-bottom:0px;
  color:#f47623;
  font-size:20px;
  font-weight: normal;
}

/* Footer */
#footer {
  background:url(contentbg.jpg) repeat-y;
  text-align:left;
  line-height:2em;
  font-size:11px;
  padding-left:19px;
  padding-right:19px;
}

#footer hr {
  border:0px;
  height:5px;
  background:#e9e9e9;
  color:#e9e9e9;
}

.footertitlegreen {
  font-size:18px;
  color:62b651;
  margin-bottom:5px;
  padding-bottom:5px;
  border-bottom: #E2E1E1 solid 1px;
}

.footertitlebluenoline {
  font-size:18px;
  color:5aade2;
  margin-bottom:5px;
  padding-bottom:0px;  
  border-bottom: #FFFFFF solid 0px;
}

.footertitleblue {
  font-size:18px;
  color:5aade2;
  margin-bottom:5px;
  padding-bottom:5px;
  border-bottom: #E2E1E1 solid 1px;
}

#footernav a {
  border-bottom: #E2E1E1 solid 1px;
  width:151px;
  height:24px;
}

/* Elements */


a {
  color:#1480BE;
  text-decoration:none;
}

a:hover {
  color:#f47623;
  text-decoration:none;
}

/* Styles for top menu */

.dmSubmenu {
  width:100%;
  border: solid 1px #BFBFBF;
  background-color: #FFFFFF;
  background-image: url(../images/msmback.gif);
  background-repeat: repeat-y;
}

.dmSubmenuTop {
  background-color: #FFFFFF;
}

.dmItem1 {
  margin: 1px;
  width:100%;
  cursor: default;
}

.dmItem2 {
  margin: 0px;
  width:100%;
  cursor: default;
  background-color: #FFFFFF;
  border: solid 1px #AEAEAE;
}

.dmText1 {
  padding: 1px 14px 1px 14px;
  font:normal 12px Trebuchet MS, Tahoma, Arial, Helvetica;
  color: #5B5B5B;
}

.dmText2 {
  padding: 1px 14px 1px 14px;
  font:normal 12px Trebuchet MS, Tahoma, Arial, Helvetica;
  color: #000000;
}

.dmTextTop1 {
  font:normal 12px Trebuchet MS, Tahoma, Arial, Helvetica;
  color: #5B5B5B;
}

.dmTextTop2 {
  font:normal 12px Trebuchet MS, Tahoma, Arial, Helvetica;
  color: #000000;
}

/* Top-level items */

.dmItemTop11 {
  width:55px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
}

.dmItemTop12 {
  width:55px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
  background-color: #AAAAAA;
}

.dmItemTop21 {
  width:90px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
}

.dmItemTop22 {
  width:90px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
  background-color: #6EA7F3;
}

.dmItemTop31 {
  width:70px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
}

.dmItemTop32 {
  width:70px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
  background-color: #FF9797;
}

.dmItemTop41 {
  width:75px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
}

.dmItemTop42 {
  width:75px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
  background-color: #86D483;
}

.dmItemTop51 {
  width:70px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
}

.dmItemTop52 {
  width:70px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
  background-color: #FFD15B;
}

.dmItemTop61 {
  width:70px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
}

.dmItemTop62 {
  width:70px;
  height:82px;
  border-right:solid 1px #EFEFEF;
  text-align:center;
  cursor: default;
  background-image: url(../images/mitemback.gif);
  background-color: #DEACED;
}

.menuRight {
  font:normal 11px Trebuchet MS, Tahoma, Arial, Helvetica;
  text-align:center;
  padding: 14px 9px 9px 9px;
  cursor: default;
  background-image: url(../images/mitemback.gif);
}

/*defined for bounder*/
#navSideMenu2 {
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: #ffffff;
}

#navSideMenu2 {
  PADDING-RIGHT: 0px;
  PADDING-LEFT: 0px;
  FLOAT: left;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  WIDTH: 165px;
  ;
  PADDING-TOP: 0px;
  LIST-STYLE-TYPE: none;
}

#navSideMenu2 UL {
  PADDING-RIGHT: 0px;
  PADDING-LEFT: 0px;
  FLOAT: left;
  PADDING-BOTTOM: 1px;
  MARGIN: 0px;
  WIDTH: 167px;
  ;
  PADDING-TOP: 0px;
  LIST-STYLE-TYPE: none;
}

#navSideMenu2 LI {
  FLOAT: left;
  MARGIN-BOTTOM: -1px;
  WIDTH: 165px;
  ;
  LINE-HEIGHT: 20px;
  POSITION: relative;
  list-style-type: none;
}

#navSideMenu2 LI UL {
  MARGIN-TOP: -20px;
  LEFT: -999em;
  MARGIN-LEFT: 167px;
  POSITION: absolute;
  border: 1px solid #CCCCCC;
}

#navSideMenu2 LI UL UL {
  LEFT: -999em;
}

#navSideMenu2 LI A {
  BORDER-RIGHT: 0px solid #CCCCCC;
  PADDING-RIGHT: 0.5em;
  BORDER-TOP: black 0px solid;
  DISPLAY: block;
  PADDING-LEFT: 0.5em;
  FONT-WEIGHT: bold;
  PADDING-BOTTOM: 0px;
  BORDER-LEFT: 0px solid #CCCCCC;
  WIDTH: 155px;
  COLOR: #0c79bf;
  PADDING-TOP: 0px;
  BORDER-BOTTOM: black 0px solid;
  BACKGROUND-COLOR: #ffffff;
  TEXT-DECORATION: none;
}

#navSideMenu2 LI A:hover {
  COLOR: #f47623;
  BACKGROUND-COLOR: #ffffff;
}

#navSideMenu2 LI:hover UL UL {
  LEFT: -999em;
}

#navSideMenu2 LI:hover UL UL UL {
  LEFT: -999em;
}

#navSideMenu2 LI.sfhover UL UL {
  LEFT: -999em;
}

#navSideMenu2 LI.sfhover UL UL UL {
  LEFT: -999em;
}

#navSideMenu2 LI:hover UL {
  LEFT: auto;
}

#navSideMenu2 LI LI:hover UL {
  LEFT: auto;
}

#navSideMenu2 LI LI LI:hover UL {
  LEFT: auto;
}

#navSideMenu2 LI.sfhover UL {
  LEFT: auto;
}

#navSideMenu2 LI LI.sfhover UL {
  LEFT: auto;
}

#navSideMenu2 LI LI LI.sfhover UL {
  LEFT: auto;
}

#navSideMenu2 LI A.havechild {
  background: url(arrow12.gif) no-repeat 95% 50%;
  BACKGROUND-COLOR: #ffffff;
  color:#0c79bf;
}

#navSideMenu2 LI A.havechild:hover {
  COLOR: #f47623;
  background: url(arrow12.gif) no-repeat 95% 50%;
  BACKGROUND-COLOR: #ffffff;
}

#navsidemenu2 li img.imgf {
  padding-top: 6px;
  padding-left:0px;
}

#navsidemenudiv2 {
  padding-left: 0px;
  padding-bottom:5px;
  height:95px;
}

/* Hot topics */
#hottopics {
  text-align:left;
  padding-top:5px;
}

#hottopics .title {
  color: #f47623;
  font-size:14px;
  font-weight:bold;
  margin-bottom:5px;
}


#hottopics li {
  margin-bottom:10px;
  text-indent:-15px;
  margin-left:20px;
}

.faceboxlinks {
  width:auto;
  margin-left:14px;
  margin-top:5px;
  margin-bottom:5px;
  margin-right:5px;
  font-size:12px;
}

.faceboxlinkssub {
  margin-left:0px;
  margin-top:5px;
  margin-bottom:5px;
  margin-right:5px;
  font-size:12px;
}

/* Facebox code */
#facebox .b {
  background:url(/js/facebox/b.png);
}

#facebox .tl {
  background:url(/js/facebox/tl.png);
}

#facebox .tr {
  background:url(/js/facebox/tr.png);
}

#facebox .bl {
  background:url(/js/facebox/bl.png);
}

#facebox .br {
  background:url(/js/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 500px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#hero_promo {
  height:  363px;
  width:   248px;
  padding: 0;
  margin:  0;
}

#hero_promo img {
  width:  363px;
  height: 248px;
  top:  0;
  left: 0;
}

#hero_promo a {
  width:  363px;
  height: 248px;
}