body {
  background-image:url('/images/layout/background.jpg');
  background-repeat:repeat-x;
  margin: 0 0 10px 40px;
}
a {color:#226cb0;}
a:hover {color:#aac1d5;}
hr {background-color:#999999;border:none;height:1px;}
#wrapper {
  width:950px;
  margin: 20px auto;
}
#page-wrapper {
  float:left;
  margin-top:17px;
  width:904px; /* 934 */
  background-color:#bcdb8d;
  background-image:url('/images/layout/page-background-fade.jpg');
  background-repeat:no-repeat;
  background-position: bottom right;
}
#page {
  border-right:solid #7DA3AC 1px;
  background-image:url('/images/layout/page-top-right-corner.png');
  background-repeat:no-repeat;
  background-position:top right;
  min-height:700px;
}
#page-header {
  background:url("/images/layout/landacorp-hdr.png") no-repeat scroll 0 0 transparent;
  display:block;
  height:71px;
  position:relative;
  width:708px;
}

#page-header .text { 
  position:absolute;
  top:40px;
  left:330px;
  font-size:15px;
  font-style:italic;
  font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
#page-header a, #page-header a:hover { color:#5482ab; text-decoration:none;}

#page-footer {
  clear:both;
  background-image:url('/images/layout/page-footer.jpg');
  background-repeat:no-repeat;
  background-position:top right;
  height:27px;
  font-size:10px;
  text-align:center;
  padding:16px 0 0 40px;
  line-height:1em;
}
#content-wrapper {
  float:left;
  width:708px;
  margin:-17px 0px 0 -30px;
}
#content-header {
  background-color:#B8CDDD;
  background-image:url("/images/layout/navigation-background.gif");
  background-repeat:repeat-x;
  border-color:#9FBBD2;
  border-style:solid;
  border-width:0 1px;
  height:70px;
  padding-left:4px;
}
#content {
  background-color:#FFFFFF;
  border-left:solid #8fadc7 1px;
  border-right:solid #8fadc7 1px;
  background-repeat:repeat-y;
  min-height:800px;
  overflow:hidden;
}

#content-body-narrow {
  background:url("/images/layout/body-back.png") no-repeat scroll 0 0 transparent;
  float:left;
  margin-left:10px;
  min-height:455px;
  padding:20px 20px;
  position:relative;
  width:430px;
  margin-top:10px;
}
#content-body {
  background:url("/images/layout/body-back-wide.png") no-repeat scroll 0 0 transparent;
  float:left;
  margin-left:10px;
  min-height:455px;
  padding:20px 20px;
  position:relative;
  width:648px;
  margin-top:10px;
}

.home-top .content-body {
  margin: 0 0 0 22px;
  padding-top:15px;
}

#content-sidebar {
  background:url("/images/layout/side-bar-back.png") no-repeat scroll 0 0 transparent;
  float:right;
  font-size:11px;
  margin:10px 10px 0 0;
  min-height:455px;
  padding:0px 10px 20px 20px;
  position:relative;
  width:175px;
  line-height:1.5em;
}

#content-header-img {
  margin-bottom:-33px;
}

#content-sidebar div {
  margin-top:20px;
}
#content-sidebar img {
  margin-bottom:7px;
}
#content-footer {
  background-image:url('/images/layout/content-footer.png');
  background-repeat:no-repeat;
  height:13px;
}
#top-nav {
  position:absolute;
  margin-top: -15px;
  margin-left: 5px;
  font-size:11px;
  color:#FFFFFF;
  min-width: 220px;
  line-height: 1em;
}
#top-nav a {
  padding:0 10px;
  color:#FFFFFF;
  text-decoration:none;
}
#top-nav a:hover {
  text-decoration:underline;
}

#main-nav {
  margin:0;
  padding: 0;
  height: 50px;
}

#main-nav ul { 
  margin: 0;  padding: 0;
  height: inherit;
  list-style: none;
  position:relative;
}

#main-nav li { 
  margin: 0; padding: 0;
  float: left; 
  height: 35px;
  padding:10px 1.1em 0;
}

#main-nav ul li:hover, #main-nav ul li.hover {
  /*  background-image: url('../images/layout/pointer.png');*/
  background-position: center bottom;
  background-repeat: no-repeat;
}

#main-nav ul li a, #main-nav ul li a:visited { 
  color: #5381AB;
  font-weight: bold;
  text-decoration: none;
}

#main-nav ul li:hover a, #main-nav ul li.hover a {
  color: #0055a5;
}

#main-nav ul ul {
  display: none;
  float: left;
  position: absolute;
  top:45px;
  left:0px;
  margin: 0;
  padding: 0;
  width:680px;
  height: 20px;
}

#main-nav ul li:hover ul, #main-nav ul li.hover ul {
  display: block;
}

#main-nav ul ul li{
  margin: 0;
  padding: 0 .5em 0 1em;
  height: 20px;
  line-height: 1.5em;
}
#main-nav ul span.drop-text{
  font-weight: normal;
  display: inline; /* block */
  /*font-size:8pt;*/ 
  /*color:#aac1d5 !important;*/
  
  /*margin-top:-5px;*/
}

#main-nav ul ul a, #main-nav ul ul a:visited {
  color:  #FFFFFF; 
  font-weight: bold;
  text-transform:uppercase;
  font-size:9pt;
}

#main-nav ul li:hover ul li, #main-nav ul li.hover ul li { /* to counter-act the #main-nav ul li:hover from above */
  background-image: none;
}

#main-nav ul li:hover ul li a, #main-nav ul li.hover ul li a { /* to counter-act the #main-nav ul li:hover a from above */
  color:#0055a5;
}

/* Sub Nav Hover Color
- not sure why the !important is required... 
*/
#main-nav ul ul li:hover a, #main-nav ul ul li.hover a {
  color: #111 !important; /*#fff0c7*/
}
#main-nav ul ul li:hover span.drop-text, #main-nav ul ul li.hover span.drop-text {color:#444 !important;}
#main-nav ul ul#nav-solutions {
  padding-left: 37px;
  width:643px; /*680 - padding left*/
}
#main-nav ul ul#nav-news-and-events {
  padding-left: 177px;
  width:503px; /*680 - padding left*/
}
#main-nav ul ul#nav-contact {
  padding-left: 220px;
  width:560px; /*680 - padding left ... should be 460px but it was wrapping */
}

#right-column {
  font-size:11px;
  margin-left:678px;
  line-height:1.2em;
}
#right-column .section {
  margin-top:7px;
  background-image:url('/images/layout/right-section-header.png');
  background-repeat:no-repeat;
  min-height:81px;
}
#right-column .title {
  color:#5482ab;
  font-weight: bold;
  font-size:14px;
  margin-bottom:4px;
}

#right-column .title a {
  color: #5482ab;
  text-decoration: none;
}
#right-column .title a:hover { text-decoration: underline; }

#right-column p.calendar-link { width: 100%; padding: 10px; }
#right-column p.calendar-link a { color: inherit; text-decoration: none; }
#right-column .calendar-link a:hover { text-decoration: underline; }

#right-column .section .title {
  padding:10px 0 0 10px;
  margin-bottom:20px;
  font-size: 14px;
  color:#658732;
  font-weight:bold;
}

.PageTitle img {padding-bottom:10px;}


#contactform {
  margin-top: 2em !important;
}

#contactform .formelement {
  clear: both;
  padding-top: .7em;
}

#contactform label {
  float: left;
  display: block;
  margin: 0;
  margin-right: 1em;
  padding: 0;
  width: 8em;
  font-weight: bold;
}


#contactform .formelement.nofloat label {
  float: none;
  width: auto;
  padding-bottom: .5em;
}

#contactform .formelement.nofloat input, #contactform .formelement.nofloat select, #contactform .formelement.nofloat textarea {
  float: none;
}


#contactform input[type=text] {
  float: left;
  border: 1px #5482AB solid;
  background: none;
}

#contactform select {
  float: none;
  clear: left;
}

#contactform textarea {
  clear: left;
  border: 1px #5482AB solid;
  background: none;
}

#contactform input[type=submit] {
  margin-top: 1em;
}

/* REGISTRATION FORM */
#registrationform {
  width:400px;
  margin:20px auto 0;
  background-color:#DDE6F3;
  padding:10px 20px;
  border-radius:10px;
  border:1px solid #B8CDDD;
}
#registrationform .formelement {
  line-height:2.3em;
  clear:both;
}
#registrationform .formelement label {
  float:left;
  text-align:right;
  width:18%;
}
#registrationform .formelement input {
  float:right;
  width:77%;
  height:1.4em;
}
#registrationform #submit {
  clear:both;
  float:right;
}

/* Events page */

.CalendarMonthYear {
  display: none;
}

.CalendarMonthYearItems .CalendarEventTitle {
  font-size: 13px !important;
  text-decoration: underline;
}

.CalendarEventDate {
  font-weight: normal !important;
}

.CalendarEvents {
  margin-top:10px;
  padding:10px;
  text-align:left;
  width:98%;
}

.basicinfo a, .basicinfo a:visited {
  color:#15C !important;
} 

/** SOCIAL MEDIA **/
#social {
  position:absolute;
  right:0;
  top:0;
  width:110px;
  margin:-.5em -.5em 0 0 !important;
}

#social a {
  height:32px;
  width:32px;
  display:inline-block;
  float:right;
  margin:0 2px;
}
#social a#twitter {
 background:url('/images/layout/twitter32.png') no-repeat center center; 
}
#social a#facebook {
 background:url('/images/layout/facebook32.png') no-repeat center center;
}
#social a#linkedin {
 background:url('/images/layout/linkedin32.png') no-repeat center center;
}

/* MODIFIERS */
#required {
  color:#F0B310;
  text-align:right;
}


#side-bar-events  {
height: 525px;
overflow: hidden;
}
