/* eXel Services - Style Sheet */



body {

        background-color: #eeeeff;
        font-family:verdana, arial, helvetica, helv, sans-serif;
        margin: 2em;
 }


h1 {

        margin: 0px;
        font-size: 150%;
        font-weight: bold;
 }

h1.title {

        font-size: 250%;
        margin: 0em;
        text-align: center;
 }

h2 {

        margin: 0px;
        font-size: 120%;
        font-weight: bold;
 }

h3 {

        margin: 0px;
        font-size: 105%;
        font-weight: bold;
 }


hr.pad {

        margin-top: 4em;
        margin-bottom: 2em;
        clear: both;
 }

ul {
        padding-right: 2em;
        text-align: justify;
 }


li.main {
        padding-bottom: 1em;
        margin-left: 3em;
 }

li.nest {
        padding-bottom: 0.25em;
        list-style-type: square;
 }


li.article {
        padding-bottom: 0.5em;
        list-style-type: square;
 }


div#all {

        background-color: #ddddcc;
        border: #285577 solid thin;
        height: 1%; /* Holly hack for Peekaboo Bug */
 }

div#content {

        color: #001155;
        padding: 0em 0em 0em 1em;
        border-left: 2em solid #001155;
        padding-bottom: 1em;
        margin: 0em;
 }


div#topbar {

        color: #001155;
        background-color: #5a6de9;
        border-bottom: 0.25em solid #840000;
        padding: 0.5em;
        padding-left: 1em;
        font-size: 150%;
        min-height: 200px;
        _height: 200px;
 }
        

div#menu {

        float: left;
        background-color: #001155;
        color: #b1d3ec;
        padding: 3em 0.5em 3em 0em;
        margin: 0em 2em 1em 0em;
 }

div#footer {

        color: #2e324e;
        background-color: #5a6de9;
        border-top: 0.25em solid #840000;
        padding: 1em;
        text-align: center;
        clear: both;
 }

#menu li {

        margin-left: 0em;
        padding-bottom: 1.5em;
        list-style-type: square;
 }


#menu li a {

        color: #30b8df;
        font-weight: bold;
 }

#menu li a:hover {

        color: #bb2222;
 }


p {

        text-align: justify;
        text-indent: 2em;
        margin-left: 1em;
        margin-right: 2em;
 }


a {
        font-weight: bold;
 }


a:link {
        color: #0005ce;
        font-weight: bold;
        text-decoration: underline;
 }


a:visited {
        color: #0005ce;
        font-weight: bold;
        text-decoration: underline;
 }


a:link:hover {
        color: #840000;
        font-weight: bold;
        text-decoration: underline;
 }

a:visited:hover {
        color: #840000;
        font-weight: bold;
        text-decoration: underline;
 }

.card {
	width: 200px;
	margin: 1em;
	padding: 0.25em;
	text-align: center;
	background: white;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size: 70%;
 }
	
.card-title {
	margin: 0 0 0.25em 0;
	font-size: 100%;
	color: #001155;
 }

.card-photo {
	margin:0 auto; padding:0;
	border: none;
 }

.card-desc {
	margin: 5px 10px; padding:0;
	text-align: left;
	font-size: 80%;
 }

.card-info {
	margin: 5px 10px 0 10px; padding:0;
	text-align: right;
	font-size: 80%;
	color: #666;
 }

.intro {

        font-size: 110%;
	padding: 0em 1em 0em 3em;
 }

.libg {

        background-color: #ddf3ff;
        padding: 0.5em;
 }

.lihl {

        background-color: #ffffff;
        border-bottom: 1px solid #666;
        border-top: 1px solid #dddddd;
 }

.libgb {

        border-top: 2px solid #c0c0c0;
 }

acronym {
            border-bottom: 1px dotted #848484;
 }

acronym:hover {
            cursor: help
 }

abbr {
            border-bottom: 1px dotted #848484;
 }

abbr:hover {
            cursor: help
 }