/* basic elements */

html {
  margin: 0; 
  padding: 0;
}

body { 
  font-family: "Arial", "Verdana", sans-serif;
  font-size: 12px; 
  color: #000; 
  background: #fff;
  margin: 0; 
  padding: 0;
}

.spacer{display:block; clear:both; height:0; line-height:0.1; font-size:0; overflow:hidden; }

html>body div.spacer{height:.01em; }

p { 
  font-size: 12px;
  line-height: 15px;
  margin: 8px 0 8px 0;
  padding: 0;
}

h1 { 
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
  margin: 0;
  padding: 0; 
  color: #333;
}

h2 { 
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
  padding: 0; 
  color: #2B5DC5;
}

h3 { 
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
  padding: 0; 
  color: #333;
} 

ol {
  list-style-type: upper-alpha;
  font-size: 11px;
}

img {
border: 0;
}

strong {
font-weight: bold;
}

table {
margin: 0;
border: 0;
padding: 0;
}

/* links */

a:link { 
text-decoration: none; 
color: #0063DC;
}

a:visited { 
text-decoration: none; 
color: #0063DC;
}

a:hover, a:active { 
text-decoration: underline; 
color: #003768;
}

/* page sections */

#wrapper {
  position: absolute;
  margin: 0 auto;
  margin-left: -400px;
  left:50%;
  padding: 0;
  border:0;
  width:800px;
}

#masthead {
  margin: 0;
  padding: 0;
  border: 0;
  background: url(./images/asce/masthead.gif) top right no-repeat;
}

.bluebar {
margin:0;
padding:0;
border:0;
height:40px;
background: url(./images/asce/bluebar_bg.gif);
clear:both;
}

/*
#greybar {
margin:0;
padding:0;
border:0;
height:33px;
background: url(./images/asce/greybar_bg.gif) top right no-repeat #023567;
}
*/

#footer {
  clear:both;
  margin: 0;
  padding: 10px 0 10px 0;
  text-align: center;
  background-color: #023567;
  color:#fff;
}

#contentshell {
  margin: 0 0 0 150px;
  padding: 15px;
  border:0;
  width: auto;
}

#rightsidebar {
float:right;
background:#efefef;
margin:10px;
padding:5px;
border:1px solid #ccc;
}

#rightsidebar h2 {
border-bottom: 1px dotted #ccc;
}


/* navigation */

#nav {
  width:150px;
  padding:0;
  margin: 0;
  border:0;
  float:left;
  background-color: #607FB8;
  color:#fff;
  font: 11px "arial","verdana", sans-serif;
  font-weight:bold;
}

#nav ul{
  margin: 0;
  padding: 20px 0 20px 20px;
  list-style: none;
}

#nav li {display:block;margin:0;padding:0;height:20px;}

#nav a{display:block; padding:0; text-decoration:none; color: #fff;}

#nav a:visited{text-decoration:none; color:#fff;}

#nav a:hover{color:#ccc; text-decoration: none; background: url(./images/asce/nav_arrow.gif) left no-repeat; }

.highlight {background: #ffc;}
.center {text-align: center;}



/********* Calendar Styles *************/

.calendarBG {
 background-color: #666;
}

.calendarBlank {
 background-color: #ccc;
}

.calendarHeader {
 font-size: 14px;
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #023567;
}

.calendarMonthLinks {
 font-size: 14px;
 font-weight: bold;
 letter-spacing: .1em;
 text-decoration: none;
 color: #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color: #fff;
 text-decoration: none;
 background-color: transparent;
}

.calendarMonthLinks a:visited {
 color: #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color: #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #999;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-size:11px;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color: #000;
 background-color: 	#A8B9D8;
  width:14%;
  height:50px;
}

.calendarCell {
 font-size:11px;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #666;
 background-color:  #fff;
  width:14%;
  height:50px;
}

.calendarCell a {
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 text-decoration:   none;
 background-color:  transparent;
}

.input {
border-top:        1px solid #999;
border-left:       1px solid #999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #999;
border-left:       1px solid #999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}