/*====================================================
 BODY
=====================================================*/
html, body { 
margin:0;
padding:0; 
background:#333333;
font-family:arial,verdana,sans-serif;
font-size:small;
color:black;
}

div#pagewidth{ 
padding:10px 0 0 0;
background:#f9f8ee;
color:black;
} 

form {
margin:0;
padding:0;
}

/* CUSTOM ROTATING BLOCKS */
#rotatingblocks {
margin:0 0 2em 2em;
padding:0;
width:494px;
float:right;
}

#block1,#block2,#block3,#block4 {
margin:0;
padding:0;
display:block;
width:237px;
height:122px;
float:left;
}

#block1 input.overlay {
z-index:99;
position:absolute;
left:0;
top:0;
}

/* INDUSTRY RSS BLOCKS */
#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}
/*====================================================
 HEADER
=====================================================*/
div#header {
text-align:center;
}

/*====================================================
 TABS
=====================================================*/
div#topnav {
margin:3px 0 1px 19px;
padding:0;
position:relative;
background:white;
display:inline;
float:left;
width:723px;
z-index:100;
}

div#topnav ul {
margin:0;
padding:0;
list-style-type:none;
float:left;
background-image:url(../tab_bg_20x100.jpg);
border:1px solid #cccccc;
background-repeat:repeat-x;
background-position:0 -20px;
}

ul#tabnav ul { /* all lists */
margin: 0;
padding:0;
list-style: none;
line-height:1em;
}

ul#tabnav a {
display: block;
width:102px;
padding:0;
color:#5D6C69;
text-decoration:none;
font-weight:bold;
text-align:center;
}

ul#tabnav li.wide a {
display: block;
width:109px;
padding:0;
color:#5D6C69;
text-decoration:none;
font-weight:bold;
text-align:center;
}

ul#tabnav li { /* all list items */
float: left;
width:102px;
background:url(../tab_bg_15x84.jpg) repeat-x top left;
font-size:12px;
line-height:2em;
background:none;
}

ul#tabnav li.wide {
width:109px;
}

ul#tabnav li:hover {
background-image:url(../tab_bg_20x100.jpg);
background-repeat:repeat-x;
background-position:bottom left;
}

ul#tabnav li a {
background:url(../tab_div_1x42.jpg) no-repeat top left;
}

ul#tabnav li ul { /* second-level lists */
margin:0;
padding:0;
position: absolute;
width:102px;
border:1px solid #D9D9D9;
left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
}

ul#tabnav li.wide ul {
width:109px;
}

ul#tabnav li ul li { /* second-level lists */
margin:0;
padding:0;
background:#EEEDE8;
border-bottom:1px solid #D9D9D9;
line-height:1em;
background:white;
}

ul#tabnav li ul li:hover { /* second-level lists */
background:white;
background:#f0ecd2;
color:#4a4a4a;
}

ul#tabnav li:hover ul, ul#tabnav li li:hover ul { /* lists nested under hovered list items */
left: auto;
}

ul#tabnav li ul li a, ul#tabnav li.wide ul li a {
margin:0;
padding:0;
background:#EEEDE8;
text-align:left;
text-transform:none;
font-weight:normal;
border-top:1px solid white;
background:white;
}

/* is this necessary */
ul#tabnav li ul li a:hover {
background:white;
background:#f0ecd2;
color:#4a4a4a;
}

ul#tabnav span {
margin:0;
padding:5px;
display:block;
}
/*====================================================
 BREADCRUMBS
=====================================================*/

/*====================================================
 CONTENT AREA
=====================================================*/
div#maincol {
font-size:12px;
}

/* PROFILE */

body.profile div#maincol table.breadcrumbs {
margin:10px 0 0 0;
padding:0;
width:500px;
background:#bc1e01;
border-collapse:collapse;
}

body.profile div#maincol table.breadcrumbs td {
margin:0;
padding:5px;
color:white;
font-size:11px;
font-weight:bold;
}

body.profile div#maincol table.breadcrumbs td.right {
text-align:right;
}

body.profile div#maincol table.breadcrumbs a {
color:white;
background:transparent;
}

body.profile div#maincol h3 {
margin:0;
padding:6px 0 5px 9px;
background:url(../bg_h3_20x28.gif) repeat-x;
font-size:12px;
color:#4e494d;
color:black;
color:#4a4a4a;
clear:both;
}

body.profile div#maincol h4 {
margin:7px 9px;
padding:0;
color:#4e494d;
font-size:12px;
}

body.profile div#maincol p {
margin:0 0 0 9px;
padding:0;
line-height:1.5em;
font-size:11px;
color:#4e494d;
}

body.profile div#maincol label {
font-weight:normal;
margin-right:5px;
}

body.profile div.block {
margin:0 0 1em 0;
padding:0;
width:250px;
float:left;
}

body.profile div#maincol a.button {
margin:0 5px 0 0;
padding:0.5em 1em;
background:#e6e0ca;
text-decoration:none;
color:black;
}

body.profile div#maincol a.button:hover {
background:#e3d6ab;
}

body.profile div#maincol p#abstract {
margin:1em 0 0 0;
padding:0;
font-weight:normal;
}

body.profile .hidden {
display:none;
}

body.profile .display {
display:block;
}

body.profile div.block {
margin-top:0.5em;
}

/* EDIT */
body.edit div#maincol label {
margin:3px 9px 0 9px;
padding:0;
line-height:1.5em;
font-size:11px;
color:#4e494d;
font-weight:bold;
display:block;
}

body.edit input, body.edit select {
margin:0 0 0 8px;
padding:0.3em 0.1em;
font-size:12px;
color:#4e494d;
width:300px;
}

body.edit input.short, body.edit select.short {
width:150px;
}

body.edit textarea {
margin:0 0 0 8px;
padding:0.3em 0.1em;
font-size:11px;
color:#4e494d;
width:300px;
height:100px;
font-family:arial,verdana,sans-serif;
}

body.edit div#maincol p.small {
font-size:10px;
font-weight:normal;
}

body.edit div#maincol div.hr {
margin:1em 0 0 0;
padding:0;
width:500px;
height:1px;
background:#a9a9a7;
}

body.edit div#maincol div.hr hr {
display:none;
}

body.edit div#maincol input.radio, body.edit div#maincol input.checkbox {
width:auto;
color:#4e494d;
}

body.edit ul#profilenav {
margin:1em 0 1em 0;
padding:0;
list-style:none;
float:left;
width:480px;
}

body.edit ul#profilenav li {
margin:0;
padding:0;
padding:0.5em 0;
float:left;
}

body.edit ul#profilenav li a {
margin:0 5px 0 0;
padding:0.5em 1em;
background:#e6e0ca;
text-decoration:none;
color:black;
}

body.edit ul#profilenav li a:hover, body.edit ul#profilenav li a.selected {
background:#e3d6ab;
}

body.edit  input.button {
margin:1em 5px 0 8px;
padding:0.25em;
background:#e6e0ca;
text-decoration:none;
color:black;
width:auto;
}

body.edit table.namepicker {
margin:0 0 0 9px;
padding:0;
}

body.edit table.namepicker input.button {
margin:0;
padding:0;
background:#969DA1 url(../btn_icon_head_15x14.gif) no-repeat;
font-size:11px;
border:2px solid #B7BABD;
cursor:pointer;
width:20px;
}

/* NORMAL */

div#maincol h1 {
margin:1em 0 0 0;
padding:0;
font-size:140%;
color:#bb1e00;
}

div#maincol h2 {
margin:0;
padding:0;
font-size:120%;
font-weight:normal;
}

div#maincol a:link {
color:#BB0101;
text-decoration:none;
}
div#maincol a:visited {
color:#C63C3C;
text-decoration:none;
}
div#maincol a:hover {
color:#C2BCEC;
text-decoration:none;
}
div#maincol a:active {
color:#C63C3C;
text-decoration:none;
}


div#maincol img {
/* Remove MSM 6/2/2008 - causes white borders around images such as view nagivation arrows.
border:5px solid white;
*/
border:none;
}


div#maincol td {
margin:0;
padding:0 0 0.5em 0;
font-size:12px;
}

div#maincol td.pad {
margin:0;
padding:0.5em 1em;
}

div#maincol h2 a {
color:#bb1e00;

background:#f9f8ee;
}

div#maincol p {
margin:0.5em 0.5em 0 0;
padding:0;
line-height:1.2em;
}

div#maincol ul.readmore {
margin:0;
padding:0.5em 0;
list-style:none;
border-top:1px solid #d1d1d1;
}

div#maincol ul.readmore a {
margin:0;
padding:0 0 0 12px;
font-weight:bold;
}

div#maincol ul.readmore li {
margin:0;
padding:0 1em 0 0;
display:inline;
}

div#maincol ul li.readmore {
background:#f9f8ee url(../icon_magnify_7x7.gif) no-repeat 0 50%;
}

div#maincol ul li.readmore a {
background:transparent;
}

div#maincol ul li.viewall {
background:#f9f8ee url(../icon_docs_8x7.gif) no-repeat 0 50%;
}

div#maincol ul li.viewall a {
background:transparent;
}

div#maincol div.element {
margin:0 0 1em 0;
padding:0;
}

div#maincol div.element h3 {
margin:1px 0 0 0;
padding:5px 13px;
background:#f9f8ee url(../bg_h3_5x100.gif) repeat-x top left;
color:white;
font-size:12px;
}

div#maincol ul {
margin:0;
padding:0;
list-style-type:none;
}

div#maincol ul li {
margin:0.25em 0.5em 0.35em 0;
padding:0 0 0 17px;
background:url(../bullet_square_3x3.gif) no-repeat 5px 7px;
font-size:11px;
}

div#maincol ul.viewall {
margin:1em 0 0 0;
padding:0;
list-style-type:none;
border-top:1px solid #d1d1d1;
}

div#maincol ul.viewall li {
margin:0.5em 0 0 0;
padding:0 0 0 33px;
background:url(../icon_docs_8x7.gif) no-repeat 18px 50%;
}

div#maincol ul.viewall li a {
margin:0;
padding:0;
font-weight:bold;
}

div#maincol div.highlight {
margin:0;
padding:8px 9px;
border:1px solid #d1d1d1;
background:white;
color:black;
}

div#maincol div.highlight ul {
margin:5px 0;
padding:0;
}

div#maincol div.highlight a {
background:white;
}

div#maincol div.highlight h3 {
margin:0;
padding:0.35em 0 0.35em 0.1em;
border-top:3px solid #bc4015;
border-bottom:1px solid #a9a9a9;
color:#4a4a4a;
background:white url(../img_arrow_6x5.gif) no-repeat 96% 50%;
}

div#maincol td.padleft {
margin:0;
padding:0 0 0 15px;
}

/* CALENDAR */

div#maincol div.calendarelement {
margin:0 0 0.5em 0;
padding:7px;
background:#eee9d8;
border:1px solid #d1d1d1;
color:#4a4a4a;
}

div#maincol div.calendarelement h3 {
margin:0;
padding:0.35em 0 0.35em 0.1em;
border-top:3px solid #bc4015;
border-bottom:1px solid #a9a9a9;
color:#4a4a4a;
background:#eee9d8 url(../img_arrow_6x5.gif) no-repeat 96% 50%;
}

div#maincol div.calendarelement table.header {
margin:0;
padding:0;
background:transparent url(../calendar_bg_15x35.gif) repeat-x bottom left;
color:#bb1e00;
border:1px solid #cccccc;
}

div#maincol div.calendarelement table.header td {
margin:0;
padding:0;
font-size:80%;
}

div#maincol div.calendarelement table.header img {
margin:5px 8px;
padding:0;
border:none;
}

div#maincol table.eventcalendar {
margin:1px 0 0 0;
padding:1px;
background:#e9e9e9;
border:6px solid #d9d5c5;
color:#4a4a4a;
}

div#maincol table.eventcalendar td {
margin:0;
padding:0;
}

div#maincol table.eventcalendar a {
background:transparent;
}

div#maincol table.dates {
margin:0;
padding:0;
border-collapse:collapse;
background:white;
color:#4a4a4a;
}

div#maincol table.dates th {
margin:0;
padding:3px 0;
border:1px solid #c1c1c1;
font-size:80%;
}

div#maincol table.dates td {
margin:0;
padding:3px;
border:1px solid #c1c1c1;
text-align:center;
font-size:80%;
color:#4a4a4a;
background:white;
}

div#maincol table.dates a {
display:block;
text-decoration:none;
font-size:100%;
background:white;
}

div#maincol table.dates td a:hover {
background:#f0ecd2;
color:#4a4a4a;
}

/* BLOCKS IN CONTENT WITH IMAGES */
div#maincol div.blurb {
margin:0.5em 0 0 0;
padding:0;
width:100%;
}

div#maincol div.blurb:after { /* add IE one later */
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div#maincol div.blurb img {
margin:0 8px 0 0;
padding:0;
float:left;
border:5px solid white;
}

div#maincol div.blurb table td {
vertical-align:top;
}

div#maincol div.blurb h1 {
margin:0 0 0.5em 0;
padding:0;
}

div#maincol div.blurb h3, div#maincol div.blurb td h3 {
margin:0 0 0.5em 0;
padding:0;
color:#bb1e00;
background:#f9f8ee;
font-size:12px;
}

div#maincol div.blurb h3 a {
color:#bb1e00;
}

div#maincol div.blurb h4 {
margin:0 0 0.5em 0;
padding:0;
font-size:12px;
}

div#maincol div.blurb p {
margin:1em 0;
padding:0;
font-size:12px;
line-height:1.4em;
}

div#maincol div.blurb ul.readmore {
margin:0;
padding:0.5em 0 0 0;
font-size:12px;
}

/* PUT A FRAME AROUND BLURB IMAGES */

img.frame {
margin:0;
padding:2px;
border:1px solid #a7a69c;
}

div#maincol div.imagewrapper {
margin:0 10px 0 0;
padding:5px 0 8px 5px;
background:url(../img_bg_400x400.gif) right bottom no-repeat;
border-top:1px solid #eeede4;
border-left:2px solid #eeede4;
float:left;
} 

div#maincol div.imagewrapper img {
border-width:0;
}

/* BULLETIN BOARD */

body.bboard div#maincol img {
border-width:0;
}

body.bboard div#maincol table.viewtablebackground {
margin:12px 0;
}

body.bboard div#maincol a {
background:transparent;
}

body.bboard div#maincol a.viewtabcurrent {
color:white;
}

body.bboard td {
font-size:11px;
}

div#maincol div.autocomplete {
position:absolute;
width:250px;
background-color:white;
border:2px solid #888;
margin:0px;
padding:0px;
}

div#maincol div.autocomplete ul {
list-style-type: none;
margin:0px;
padding:0px;
}

div#maincol div.autocomplete ul li.selected {
background-color: #ffb;
}

div#maincol div.autocomplete ul li {
list-style-type: none;
display:block;
margin:0;
padding:2px;
height:32px;
}

div#maincol span.informal {
font-style:italic;
}

body.profile div#maincol fieldset {
color:#4e494d;
}

body.profile div#maincol fieldset p {
margin:0.5em 0;
padding:0;
font-size:12px;
font-weight:normal;
}

table.view {
width:100%;
}

/* ADVANCED SEARCH */
fieldset.searchterms {
margin:0;
padding:0 0 1em 0;
}
#searchtermslist {
margin-left:1em;
}
select.as {
height:200px;
font-size:8px;
}

/* FACEBOOK */

#maincol table.special h2 {
font-size:200%;
padding:0 0 0.5em 65px;
color:#9696C8;
background:transparent url(../folder_open_30x24.gif) no-repeat 30px 0;
}

#maincol table.special tr.facebook td {
padding:1em 0 20px 35px;
background:#f9f8ee url(../facebook_row_bg_481x66.jpg) no-repeat top center;
}

#maincol table.special a {
color:#333333;
}

#maincol table.special tr.facebook td p.name {
margin-left:75px;
display:block;
font-weight:bold;
color:#333333;
}		 		 		 		 

#maincol table.special tr.facebook td p {
margin:0 30px 0 75px;
padding:0;
color:#333333;
}		 

#maincol table.special tr.facebook td p.abstract {
margin-top:0.5em;
}		 		 		 		 

#maincol table.special tr.facebook td img {
border-top:2px solid #333333;
border-left:2px solid #333333;
border-right:2px solid #cccccc;
border-bottom:2px solid #cccccc;
float:left;
}

#maincol table.special ul {
margin:5px 0 0 37px;
padding:0;
list-style:none;
}

#maincol table.special ul li {
float:left;
margin:0;
margin-right:20px;
padding:0;
}

#maincol table.special ul li.profile {
margin:0 10px 0 0;
padding:0 0 3px 0;
background:white url(../doc_16x16.gif) no-repeat top left;
}

#maincol table.special ul li.profile a {
padding:0;
margin:0 0 0 19px;
border-bottom:1px dashed #999999;
text-decoration:none;
}

#maincol table.special ul li.email {
background:white url(../email_16x16.gif) no-repeat top left;
}

#maincol table.special ul li.email a {
padding:0;
margin:0;
margin-left:20px;
border-bottom:1px dashed #999999;
text-decoration:none;
}

#maincol table.navigation td {
margin:0;
padding:5px 0;
text-align:center;
font-size:12px;
vertical-align:center;
}

#maincol table.navigation td a {
font-size:12px;
}

/* FROM Main Smith Web Site  */

a:link {
color:#BB0101;
text-decoration:none;
}
a:visited {
color:#C63C3C;
text-decoration:none;
}
a:hover {
color:#C2BCEC;
text-decoration:none;
}
a:active {
color:#C63C3C;
text-decoration:none;
}

/*====================================================
 LEFT COLUMN
=====================================================*/
div#leftcol h3 {
margin:1em 0 0 0;
padding:0.35em 0 0.35em 0.1em;
border-top:3px solid #bc4015;
border-bottom:1px solid #a9a9a9;
color:#4a4a4a;
background:url(../img_arrow_6x5.gif) no-repeat 96% 50%;
font-size:90%;
background:#f9f8ee;
}

div#leftcol ul {
margin:0;
padding:0;
list-style-type:none;
}

div#leftcol ul li {
margin:0.25em 0.5em 0.35em 0;
padding:0 0 0 17px;
background:url(../bullet_square_3x3.gif) no-repeat 5px 7px;
}

div#leftcol a {
color:#0075a4;
font-size:11px;
text-decoration:none;
}

div#leftcol a:hover {
text-decoration:underline;
}

div#leftcol p {
margin:0.5em 0;
padding:0;
font-size:11px;
line-height:1.2em;
}

/*====================================================
 RIGHT COLUMN
=====================================================*/
div#rightcol h3 {
margin:1em 0 0 0;
padding:0.35em 0 0.35em 0.1em;
border-top:3px solid #bc4015;
border-bottom:1px solid #a9a9a9;
color:#4a4a4a;
background:url(../img_arrow_6x5.gif) no-repeat 96% 50%;
font-size:90%;
background:#f9f8ee;
}

div#rightcol ul {
margin:0;
padding:0;
list-style-type:none;
}

div#rightcol ul li {
margin:0.25em 0.5em 0.35em 0;
padding:0 0 0 17px;
background:url(../bullet_square_3x3.gif) no-repeat 5px 7px;
}

div#rightcol a {
color:#0075a4;
font-size:85%;
text-decoration:none;
}

div#rightcol a:hover {
text-decoration:underline;
}

div#rightcol p {
margin:0.5em;
padding:0;
font-size:85%;
line-height:1.2em;
}
/*====================================================
 FOOTER
=====================================================*/
div#footer {
margin:0;
padding:1em 0;
text-align:center;
background:#f9f8ee url(../bg_footer_15x4.gif) repeat-x top left;
color:#717171;
font-size:11px;
}
/*====================================================
 HACKS, ETC.
=====================================================*/

/*====================================================
 LAYOUT
=====================================================*/
html, body { 
margin:0; 
padding:0; 
text-align:center; 
} 
 
#pagewidth {  
width:760px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 
 
#header {
position:relative; 
height:160px;
width:100%;
} 

div#inner {
position:relative;
}

body.NavLeft div#leftcol {
margin:0 0 1em 19px;
padding:0;
width:200px;
float:left; 
display:inline;
}

body.NavBoth div#leftcol {
width:200px;
position:absolute;
left:19px;
}

body.NavBoth div#rightcol {
width:200px;
position:absolute;
left:543px;
}

body.NavBoth div#maincol {
width:283px;
position:absolute;
left:240px;
}

body.NavRight div#rightcol {
margin:0 19px 1em 0;
padding:0;
width:200px;
float:right; 
display:inline;
}
 
body.NavLeft div#maincol{
margin:0 19px 1em 0;
padding:0;
float: right; 
display:inline; 
width:503px;
}

body.NavRight div#maincol{
margin:0 0 1em 19px;
padding:0;
float:left; 
display:inline; 
width:503px;
}

body.NavNeither div#maincol {
margin:0 19px 1em 19px;
padding:0;
display:inline;
width:715px;
float:left;
background:#f9f8ee;
}

#footer{
margin:0 19px;
padding:0;
height:33px;
clear:both;
} 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }


/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*====================================================
 PRINT
=====================================================*/