@import url(menu.css);
@import url(form.css);

*{margin:0; padding:0px;}
body  { font-size: 78%; font-family: arial, Helvetica, sans-serif; text-align: center }
img{border:none;}

p, form, .list, td { color: #696969; font-size: 1em }
p{margin:0 0 .7em 0; line-height:1.4em;}

.list { margin-bottom: 10px; margin-left: 20px }
.list li { list-style-type: square; margin-bottom: 0.4em }
.txt-medium{font-size:1.2em;}
.txt-blue{color:#012B5D;}
.txt-green{color:#00A6B5;}
.txt-red { color: #dc143c }

a { color: #2f4f4f }
a:hover{text-decoration:none;}
a:visited { color: #2f4f4f }

a.pdf-icon{ background:url('../images/pdf-icon.gif') no-repeat left center; padding-left:1.5em;}

.float-right{float:right;}

h1{font-size:1.6em; color:#012B5D; margin-bottom:.6em;}
h2  { color: #fff; font-size: 13px; font-family: Tahoma, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; display: block; margin-bottom: 0.5em }
h3	  { color: #4b0082; font-size: 1.5em; font-weight: bold; margin: 0.5em 0 }
h3 a { color: #dc143c; font-size: 0.8em; font-weight: bold; margin: 1em 0 }
h4	 { color: #012b5d; font-size: 1.2em; font-weight: bold; margin: 0.5em 0 }
#leftback      { background-image: url("../images/severn/images/blueswoosh_01.jpg"); background-repeat: no-repeat; background-position: left 0; position: absolute; z-index: 1; top: 60px; left: 0; width: 100%; height: 500px; border-top: 3px solid #cbd300 }
#rightback  { background-image: url("../images/severn/images/blueswoosh_02.jpg"); background-repeat: no-repeat; background-position: right 0; position: absolute; z-index: 1; top: 60px; left: 0; width: 100%; height: 450px; border-top: 3px solid #cbd300 }
#container        { text-align: left; margin: 0 auto; position: relative; z-index: 5; top: 60px; width: 770px; height: 552px; border-top: 3px solid #cbd300; border-right: none; border-bottom: none; border-left: none }
#logo-left .image { position: absolute; top: -57px; left: 1px; border-width: 0 !important; outline-width: 0 !important }
#logo-right   { color: #808080; font-size: 1em; font-family: Tahoma, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; position: absolute; top: -25px; right: 1px; border-width: 0 !important; outline-width: 0 !important }
#header  { background-color: #fff; position: relative; height: 76px }
#navigation    { background-color: #012b5d; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin-bottom: 2px; height: 32px }
/**background-color: #012b5d**/
#content  { margin-top: 2.5em }
#col-left, #col-middle, #col-right { float: left }
#col-left, #col-middle { }
#col-left  { margin-right: 10px; width: 500px }
#col-middle { width: 10px }
#col-right { margin-left: 10px; width: 300px }
#col-right .image  { padding: 0; border-width: 0 !important; outline-width: 0 !important }
#col-left .image  { padding: 0; border-width: 0 !important; outline-width: 0 !important }
#footer      { background-color: #fff; padding: 0.3em 0.5em; height: 15px; clear: both }

/** was #footer  { background-color: #012b5d; padding: 0.3em 0.5em; height: 1em; clear: both }  **/

.logo  { }
.header-pic{position:absolute; top:0; right:0;}
#col-right img, body.home #col-left img, #col-middle.news img{background-color:#FFF; border:2px solid #DDD; padding:2px;}
.promo{ background:#00A6B5 url(../images/promo-bkgd.gif) repeat-x 0 0; padding:4px;}
.promo p{font-size:.9em; color:#000; line-height:1.2em; }
/* --------------------- */
/* HOME
/* --------------------- */
body.home h1       { color: #add8e6; font-size: 1.5em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1em; position: absolute; top: 195px; right: 80px }
.home-pic   { background-color: #fff; padding-bottom: 2px; position: relative; top: -6px; border-top: 3px solid #012b5d; border-bottom: 10px solid #012b5d }
/** was .home-pic { background-color: #fff; padding-bottom: 2px; position: relative; top: -2px; border-top: 2px solid #012b5d; border-bottom: 10px solid #012b5d } **/
body.home #content  { text-align: center; margin: 0 auto; padding-top: 0.75em; width: 90% }
body.home #col-left, body.home #col-right { text-align: left; width: 47% }
body.home #col-left{position:relative; }
body.home #col-left img{margin-left:.7em;}



/* --------------------- */
/* TABLES
/* --------------------- */
table{margin-bottom:.7em;}
td { }



/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}

/*.clearfix {display: inline-block;} */  /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */