/*BASE STYLES ========= */
body {
 text-align: center;
}
img {
 border:0;
}
div#wrapper {
 margin: 0 auto;
 width: 706px;
 text-align: left;
 font-family: Verdana, sans-serif;
 font-size: 11px;
 color: #666;
}
h2 {
  color: #003366;
  font-family: 'Palatino Linotype',Palatino,serif;
  font-size:12px;
  height: 22px;
  text-transform: uppercase;
  background: transparent url(images/title-bg.gif) no-repeat left top;
  padding-top: 4px;
  padding-left: 15px;
  margin:0;
}
h3 {
  color: #003366;
  margin:0;
  padding:0;
  font-family: 'Palatino Linotype',Palatino,serif;
  font-size:12px;
  text-transform: uppercase;
}
a:link, a:visited {
  color: #5c0022;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/*HEADER STYLES ========= */

h1#header {
 position:relative;
 height: 67px;
 margin:0;
}
h1#header a {
 position: absolute;
 top:0;
 left:0;
 width: 706px;
 height: 67px;
 min-height: 67px;
 background: transparent url(images/header2.gif) no-repeat;
 font-size:1em;
}

/*MENU STYLES =========== */

#menuWrapper {
  background: #fff url(images/grad_bar2.jpg) no-repeat;
  height: 53px;
}
#menu, #menu ul {
  position: relative;
  top:6px;
  margin: 0;
  margin-left: 120px;
  padding: 0;
  list-style-type: none;
  line-height: 1;
  width: 600px;
  
}
#menu li {
  margin:0;
  float:left;
  width:65px;
  white-space:nowrap
}

#menu li#menuSolutions {
  margin:0;
  float:left;
  width:100px;
  white-space:nowrap
}

#menu li#menuMarketing {
  margin:0;
  float:left;
  width:70px;
  white-space:nowrap
}

li#menuHome, li#menuAbout {
  width:50px;
}
li#menuCorner {
  width:118px;
}
#menu a, .aoff {
  display: block;
  height: 19px;
  font-size: 11px;
  color: #97a9b3;
  text-decoration:none;
  padding-right:5px;
  padding-left:6px;
  padding-top:2px;
  /*
   background: transparent url(images/menu_divider.gif) no-repeat right 2px;
   */
}
#menu a:hover, .ahover {
  border-left: 1px solid #abbbc0;
  border-bottom: 1px solid #abbbc0;
  padding-left:5px;
  background: transparent url(images/tab-right.gif) no-repeat right top;
  color: #603 !important;
}
#menu li ul { 
	position: absolute;
	width: 443px;
	top:8px;
    left:-999em;
	margin: 0;
	margin-top: 13px;
	background: transparent url(images/subdrop-bg-right.gif) no-repeat right top;
}
#menu li li {
   border-top: 1px solid #abbbc0;
   border-bottom: 1px solid #abbbc0;
   height: 21px;
   text-align:left;
   padding-left:5px;
}

#menu li li.subfirst {
   padding-left:15px;
   height:22px;
   border-bottom: none;
   background: transparent url(images/subdrop-bg-left.gif) no-repeat left bottom;
}
#menu li li.sublast {
   border-top: none;
   padding-top:1px;
}

#menu #menuSolutions ul {
   width: 443px;
}
#menu #menuPortfolio ul {
   width: 215px;
}

#menu #menuMarketing ul {
   width: 250px;
}
#menu #menuProducts ul {
   width: 180px;
}
#menu #menuAbout ul {
   width: 393px;
   margin-left: -147px;
}
#menu #menuCorner ul {
   width: 330px;
   margin-left: -130px;
}
#menu li li#menuPublicRelations {
  width: 102px;
}
#menu li li#menuGolfMarketing {
  width: 102px;
}
#menu li li#menuCommunity {
   width: 110px;
}
#menu li li#menuEmail {
  width: 102px;
}
#menu li li#menuContent {
  width: 93px;
}
#menu li li#menuBrand {
  width: 108px;
}
#menu li li#menuPortlist {
  width: 85px;
}
#menu li li#menuPortdetails {
  width: 110px;
}
#menu li li#menuEcommerce {
  width: 80px;
}
#menu li li#menuKiosk {
  width: 80px;
}
#menu li li#menuAboutus {
  width: 70px;
}
#menu li li#menuContact {
  width: 80px;
}
#menu li li#menuPeople {
  width: 57px;
}
#menu li li#menuCareers {
  width: 60px;
}
#menu li li#menuContributions {
  width: 90px;
}
#menu li li#menuLogin {
  width: 50px;
}
#menu li li#menuSupport {
  width: 110px;
}
#menu li li#menuInvoices {
  width: 85px;
}
#menu li li#menuFaqs {
  width: 53px;
}

#menu li li a {
    font-size:10px;
    height: 17px;
    padding-left:0;
    padding-right:0;
    padding-top:4px;
}
#menu li li a:hover {
   background: none;
   border-left: none;
   border-bottom: none;
   padding-left:0;
}
#menu li:hover ul,  #menu li.sfhover ul {
	left: auto;
}

/* Home page */
.bullets li {text-indent:-10px; color:#eaeaea;}

/*FLASH STYLES =========== */
#flash {
 margin:0;
 margin-top: -4px;
 margin-bottom: 4px;
 padding: 0;
}
#flash img {
 margin:0;
 padding:0;
}

/*MIDDLE COLUMN STYLES ========= */

#middleWrapper {
  float:left;
  width:100%;
}
#middleColumn {
  margin: 0 160px 0 250px;
  border-left: 1px solid #bacad3;
}
#middleColumn p {
  margin: 0;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 10px;
  padding-left: 15px;
}
#middleColumn p a:link, #middleColumn p a:visited {
  padding-left: 5px;
  color: #a0b3be;
  text-decoration: none;
}
#middleColumn p a:hover {
  color: #603;
}

/*LEFT COLUMN STYLES ========== */

#leftColumn {
  float: left;
  width: 220px;
  margin-left: -689px;
  border-left: 1px solid #bacad3;
}
#leftColumn img {
  margin-left: 7px;
  margin-bottom: 5px;
}

/*SUB PAGE STYLES ========== */

#subWrapper {
  margin-top:-3px;
  margin-bottom: 10px;
  width: 704px;
  border-right: 1px solid #aabec7;
  border-bottom: 1px solid #aabec7;
  z-index: 1;
}
#subWrapper #subLeft {
  float:left;
  width: 157px;
  padding-left: 1px;
  padding-bottom: 10px;
}

#subWrapper #subRight h2 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 21px;
  font-weight:normal;
  text-transform: none;
  margin:0;
  margin-left:157px;
  margin-bottom: 15px;
  height: 39px;
  padding-top: 15px;
  padding-left: 15px;
  background: transparent url(images/hor-dots.gif) repeat-x bottom;
}
#subWrapper #subRight h2 span {
  color: #620027;
  font-family: Georgia, serif;
}
#subWrapper #subRightLeft {
  float: left;
  width: 115px;
}
#subWrapper #subRight p {
  margin-left: 270px;
  margin-top: 0;
  margin-right: 15px;
}
#subWrapper #subRightLeft ul {
  margin-top: 0;
}
#subWrapper #subRightLeft li {
  margin-bottom: 8px;
}
#subWrapper #round {
 position: relative;
  width: 157px;
  height: 21px;
  margin-bottom: -1px;
  z-index: 1000;
  background: transparent url(images/portal-left-bottom2.gif) no-repeat left bottom;
}

/* Column-less Main Area Styles */

#subWrapper2 {
  margin-top:-3px;
  margin-bottom: 10px;
  width: 704px;
  border-right: 1px solid #aabec7;
  border-bottom: 1px solid #aabec7;
  border-left: 1px solid #aabec7;
}
#subWrapper2 #subRight h2 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 21px;
  font-weight:normal;
  text-transform: none;
  margin:0;
  margin-bottom: 15px;
  height: 39px;
  padding-top: 15px;
  padding-left: 15px;
  background: transparent url(images/hor-dots.gif) repeat-x bottom;
}
#subWrapper2 #subRight h2 span {
  color: #620027;
  font-family: Georgia, serif;
}
#subWrapper2 #subRight p {
  margin-left: 15px;
  margin-top: 0;
  margin-right: 15px;
}
#subWrapper2 #round {
  position: relative;
  margin-left: -1px;
  width: 21px;
  height: 20px;
  margin-bottom: -1px;
  background: #fff url(images/white-round.gif) no-repeat left bottom;
}

.design {  background: transparent url(images/portal-design-bg.gif) repeat-y left;}
.cms {  background: transparent url(images/portal-cms-bg.gif) repeat-y left;}
.portal {  background: transparent url(images/portal-bg.gif) repeat-y left;}
.emt {  background: transparent url(images/portal-email-bg.gif) repeat-y left;}
.contributions {  background: transparent url(images/portal-contrib-bg.gif) repeat-y left;}
.careers {  background: transparent url(images/portal-careers-bg.gif) repeat-y left;}
.people {  background: transparent url(images/portal-people-bg.gif) repeat-y left;}
.contactus {  background: transparent url(images/portal-contact-bg.gif) repeat-y left;}
.aboutus {  background: transparent url(images/portal-about-bg.gif) repeat-y left;}
.email_kiosk {  background: transparent url(images/portal-kiosk-bg.gif) repeat-y left;}
.quick_ecommerce {  background: transparent url(images/portal-commerce-bg.gif) repeat-y left;}
.here {  background: transparent url(images/portal-here-bg.gif) repeat-y left;}
.here {  background: transparent url(images/portal-here-bg.gif) repeat-y left;}
.here {  background: transparent url(images/portal-here-bg.gif) repeat-y left;}


/*CUSTOMER CORNER STYLES ======== */

#custCorner {
  margin-top:-3px;
  margin-bottom: 10px;
  width: 704px;
  border-right: 1px solid #aabec7;
  border-bottom: 1px solid #aabec7;
  border-left: 1px solid #aabec7;
  background: #ffc url(images/corner-mainBG.jpg) no-repeat right 54px;
}
#custCorner #subRight h2 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 21px;
  font-weight:normal;
  text-transform: none;
  margin:0;
  height: 39px;
  padding-top: 15px;
  padding-left: 15px;
  background: #f93;
  color: #fff;
}
#cornerLogin {
  position:relative;
  left: 330px;
  top: -193px;
  width: 300px;
}
#cornerLogin table {
 background: url(images/corner-loginBG.jpg) no-repeat left top;
}
#cornerLogin form {
  margin: 0;
  padding: 0;
}
#cornerLogin form fieldset {
  border:none;
  margin:0;
  padding:0;
}
#cornerLogin td {
  text-align:right;
}
#cornerLogin label {
  padding-right: 10px;
  padding-left: 7px;
}
#cornerLogin input {
  margin-right: 10px;
}
#cornerLogin p {
 margin-top:3px;
 color: #000;
 font-size: 11px;
}
#custCorner #subRight h2 span {
  color: #620027;
  font-family: Georgia, serif;
}
#custCorner #subRight ul {
 margin:0;
 padding:0;
 padding-left:30px;
}
#custCorner #subRight ul#topul {
 background: url(images/corner-dots-top.gif) repeat-x top;
 margin:0;
 padding:0;
 padding-left:30px;
 padding-top: 30px;
 margin-bottom: 80px;
 width: 230px;
}
#custCorner #round {
  position: relative;
  margin-left: -1px;
  width: 21px;
  height: 20px;
  margin-bottom: -1px;
  background: #ffc url(images/corner-round.gif) no-repeat left bottom;
}


/*LOGIN BOX STYLES ======== */

#rightColumn {
  float:left;
  width: 150px;
  margin-left: -150px;
}
#loginBox {
  background: #eaeaea url(images/login-bg-top.gif) no-repeat top;
  padding:5px;
  width:138px;
}
#loginBox form {
  margin: 0;
}
#loginBox fieldset {
 text-align:right;
 margin:0;
 padding:0;
 border:none;
}
#loginBox label {
  color: #a0b3be;
  font-size: 9px;
  font-weight:bold;
  display:inline;
}
#loginBox input {
  font-size: 12px;
  width: 78px;
  margin-top:5px;
}
#loginBox .roundBottom {
  background: #eaeaea url(images/login-bg-bottom.gif) no-repeat bottom;
  margin:-5px;
}
#loginBox .button {
 width: 45px;
}
#loginBox p {
 font-size: 10px;
 width: 110px;
 margin:10px 0 3px 16px;
}
#loginBox ul {
 margin: 0;
 margin-left: 30px;
 padding: 0;
 font-size: 10px;
}
#loginBox li {
  line-height: 1;
  margin:0;
  padding: 0;
}
#loginBox a {
  margin-left: 15px;
  font-size: 10px;
  text-decoration: underline;
  color: #a0b3be;
}
#loginBox a:hover {
  color: #603;
}

/*FOOTER STYLES ======== */

#footer {
  clear:left;
}
#footer div {
  background: #fff url(images/dots_footer.gif) repeat-x;
  height: 55px;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 2px;
  width: 480px;
}
#footer ul {
  list-style-type;
  background: transparent url(images/grad_footer.jpg) repeat-y left;
  height: 34px;
  margin: 0;
  padding-top:5px;
  padding-left: 35px;
}
#footer li {
  position: relative;
  top: 7px;
  margin:0;
  display: inline;
}
#footer li a:link, #footer li a:visited {
  font-size: 11px;
  color: #a0b3be;
  text-decoration:none;
  padding-right: 8px;
  background: transparent url(images/menu_divider.gif) no-repeat right 2px;
}
#footer li a:hover {
  color: #603;
}
#footer li.menuLast a:link,#footer li.menuLast a:visited {
  background: none;
}
#footer p {
  float:right;
  width:150px;
  margin:0;
  margin-top: 15px;
  padding:0;
  color: #bacad3;
  font-size: 9px;
}

/*MISC STYLES ========== */

.clearDiv {
  clear:left;
}