@import url("default-colors.css");

/* - - - - Primary Identifiers - - - - - - - - - */
#container { clear: left; float: left; margin: 0 0 15px 2px; text-align: left; width: 770px; }
#top { float: left; width: 100%; padding: 0; margin: 2px 0; }
#logo { clear: left; margin: 0; font: bold 130% Verdana, serif; letter-spacing: -1px; }
#center { float: right; width: 583px; padding: 15px 30px 15px 20px; margin: 0;  }
#footer { font-size: 85%; clear: both; width: 100%; padding: 5px 0; margin-top: 10px; text-align: center;
line-height: 1.6em; }


/* - - - - Global - - - - - - - - - - - */
body { font-family: "Trebuchet MS", "Lucida Grande", sans-serif; font-size: 80%; text-align: center; padding: 0; margin: 0; line-height: 1.6em; width: 100%; min-width: 770px; }
div { margin: 0; padding: 0; }
hr { width: 100%; }
ul { float: left; list-style: none; margin: 0; padding: 0; }
ul li { list-style: none; text-indent: 2px; padding: 2px 0 2px 0; }
h1 { clear: both; margin: 0 0 6px 0; padding: 0; font-size: 150%; font-weight: 700; line-height: 1em; }
p { display: block; clear: left; margin: 13px 0 13px 0; padding: 0; }
img { padding: 0 0 10px 20px; }
br { clear: left; }
dt { font-weight: bold; }
dd { font-weight: normal; margin: 3px 0 20px 20px; }


/* - - - - Navigation - - - - - - - - - */
#nav { clear: left; float: left; width: 135px; margin: 0; }
#nav ul { display: block; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#nav ul li { clear: left; float: left; width: 98%; display: block; text-align: center; padding: 0; margin: 0; }
#nav ul li.subNav { clear: left; float: left; width: 90%; display: block; text-align: center; padding: 0; margin-left: 5px; }
#nav ul li a { font-size: 100%; padding: 5px 0px; margin: 0 1px 0 0; text-decoration: none; display: block; text-align: center; letter-spacing: 0px; font: bold 100% Verdana, serif; width: 100%; }
#nav ul li.subNav a { padding: 1px 0px; margin: 0 1px 0 0; text-decoration: none; display: block; text-align: center; font: bold 90% Verdana, serif; width: 100%; }
#nav ul li#active a { font: bold 100% Verdana, serif; padding: 5px 0px; width: 100%; }
#nav ul li.subNav#active a { font: bold 90% Verdana, serif; padding: 1px 0px; width: 100%; }


/* - - - - Links - - - - - - - - - - - - */
a { font-size: 100%; text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }

#logo a { display: block; float: left; font-size: 110%; text-decoration: none; font-weight: 700; padding: 9px 0 14px 10px; }
#logo a:hover { text-decoration: none; }


/* - - - - General - - - - - - - - - - */
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

#logo em {display: block; letter-spacing: 4px; font-style: normal; font-weight: bold; font-size: 60%; text-align: center; }
#logo em small { display: block; font-size: 85%; letter-spacing: 9px; margin-top: -2px; text-align: center; }
.clear { clear: both; display: block; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; float: left; }
.pull { clear: right; float: right; width: 200px; padding: 10px; margin: 20px 0 20px 10px; }
.pullImg { clear: right; float: right; width: 240px; padding: 0; margin: 0 0 20px 10px; }
dd p { margin: 0 0 9px 0; }
img.left { padding: 60px 20px 10px 0; }
ul.share { float: left; }
ul.share li { text-align: left; list-style: disc outside; padding-left: 0px; margin-left: 2em;}