/* <!-- */
/* General styles */
body {
    margin: 0;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: #ddd;
    min-width: 600px; /* Minimum width of layout - remove line if not required */
    /* The min-width property does not work in old versions of Internet Explorer */
    font-size: 90%;
    text-align: center;
	padding: 1.2em 0 1.2em 0; 
}

body, th, td, input, textarea {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
}

#fixed {
    margin: 0 auto;
    width: 975px; /* you can use px, em or % */
    text-align: left;
	background-color: #fff;
}

a {
    color: #369;
}

a:hover {
    color: #ff0000;
    text-decoration: none;
}

h1, h2, h3 {
    color: #000;
    margin: .8em 0 .2em 0;
    padding: 0;
}

h1.highlight {
	color: #990000;
}

h2.dborder {
    margin-top: 0.2em;
    padding-top: 0.2em;
    margin-bottom: 0.2em;
    padding-bottom: 0.2em;
	border-bottom: thin dotted #CCCCCC;
    text-align: center;
}

h2.start {
    clear: both;
}

h3.start {
    clear: both;
}

h5.rightfloat {
    float: right;
}

p {
    margin: .4em 0 .8em 0;
    padding: 0;
}

p.tight {
    margin: .1em 0 .1em 0;
    padding: 0;
}

p.rightfloat {
    float: right;
    clear: both;
}

p.leftfloat {
    float: left;
    clear: both;
    padding: 6px;
}

p.start {
    clear: both;
}

p.dborder {
    margin-top: 0.2em;
    padding-top: 0.2em;
    margin-bottom: 0.4em;
    padding-bottom: 0.4em;
    border-bottom: thin dotted #CCCCCC;
    text-align: center;
}

p.padvideo {
	float: left;
    padding: 0 0 0 10px;
}

strong {
    font-weight: bold;
    color: #990000;
}

dl {
}

dl.start {
    clear: both;
}

img {
    margin: 10px 0 5px;
}

img.leftfloat {
    float: left;
    padding: 0px 10px 6px 10px;
}

img.rightfloat {
    float: right;
    padding: 0px 10px 6px 10px;
}

/* Header styles */
#header {
    clear: both;
    float: left;
    width: 100%;
}

#header p, #header h1, #header h2, #header h3 {
    padding: .4em 15px 0 15px;
    margin: 0;
}

#header a img {border: none; } 

#header ul {
    clear: both;
    float: left;
    width: 100%;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

#header ul li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#header ul li a {
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 3px 10px;
    text-align: center;
    background: #eee;
    color: #000;
    text-decoration: none;
    position: relative;
    left: 15px;
    line-height: 1.3em;
}

#header ul li a:hover {
    background: #369;
    color: #fff;
}

#header ul li a.active, #header ul li a.active:hover {
    color: #fff;
    background: #000;
    font-weight: bold;
}

#header ul li a span {
    display: block;
}

#logo {
    float: left;
    height: 145px;
	width: 666px;
    margin-left: 5px;
    margin-bottom: 0px;
    background: url(/images/TickEncounterResourceCenter.gif) no-repeat left center;
}

#logo h1, #logo h2, #logo p {
}

#logo h1 {
    margin: 0;
    padding-left: 95px;
    letter-spacing: -2px;
    font-size: 3em;
    font-weight: normal;
    color: #000000;
}

#logo h1 a {
    color: #000000;
}

#logo h2 {
    margin: 0;
    padding: 0px 0 2px 90px;
    font-size: 1.6em;
    font-weight: bold;
    color: #990000;
}

#logo h2 a {
    color: #990000;
}

#logo h3 {
    margin: 0;
    padding: 0px 0 8px 105px;
    font-size: 1.2em;
    font-weight: bold;
    color: #990000;
}

#logo h3 a {
    color: #990000;
}

#logo p {
    padding-left: 110px;
    font-size: 0.9em;
}

#search {
    float: right;
    width: 280px;
}

#search form {
    margin: 0;
    padding: 63px 0 0 0;
}

#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#search #s, #search #x {
    float: left;
}

#search #s {
    width: 188px;
    margin: 2px 6px 0 0;
    padding: 2px 5px;
    background: url(images/img02.gif) repeat-x;
    border: 1px solid #ACACAC;
}

#search #x {
    width: 67px;
    height: 28px;
    padding: 0;
    background: #006BFF url(images/img03.gif) no-repeat;
    border: none;
    text-transform: lowercase;
    color: #FFFFFF;
}

/* 'widths' sub menu */
#layoutdims {
    clear: both;
    background: #cccccc;
    margin: 0;
    padding: 6px 15px !important;
    text-align: center;
}

/* 'widths' sub menu */
#navigationline {
    clear: both;
    background: #cccccc;
    border-top: 1px solid #333333;
    margin: 0;
    padding: 6px 15px !important;
    text-align: left;
}

/* column container */
.colmask {
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
}

/* common column settings */
.colleft, .colmid, .colright {
    float: left;
    width: 100%;
    position: relative;
}

.col1, .col2, .col3 {
    float: left;
    position: relative;
    padding: 0 0 1em 0;
    overflow: hidden;
}

/* 3 Column settings */
.threecol {
    background: #eee; /* right column background colour */
}

.threecol .colmid {
    right: 25%; /* width of the right column */
    background: #fff; /* center column background colour */
}

.threecol .colleft {
    right: 50%; /* width of the middle column */
    background: #f4f4f4; /* left column background colour */
}

.threecol .col1 {
    width: 46%; /* width of center column content (column width minus padding on either side) */
    left: 102%; /* 100% plus left padding of center column */
}

.threecol .col2 {
    width: 21%; /* Width of left column content (column width minus padding on either side) */
    left: 31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 {
    width: 21%; /* Width of right column content (column width minus padding on either side) */
    left: 85%; /* Please make note of the brackets here:
     (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column settings */
.threecolfooter {
    clear: both;
    background: #cccccc;
    background: #cccccc; /* right column background colour */
}

.threecolfooter .colmid {
    right: 25%; /* width of the right column */
    background: #cccccc; /* center column background colour */
}

.threecolfooter .colleft {
    right: 50%; /* width of the middle column */
    background: #cccccc; /* left column background colour */
}

.threecolfooter .col1 {
    width: 46%; /* width of center column content (column width minus padding on either side) */
    left: 102%; /* 100% plus left padding of center column */
}

.threecolfooter .col2 {
    width: 21%; /* Width of left column content (column width minus padding on either side) */
    left: 31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecolfooter .col3 {
    width: 21%; /* Width of right column content (column width minus padding on either side) */
    left: 85%; /* Please make note of the brackets here:
     (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column blog style settings */
.blogstyle {
    background: #eee; /* right column background colour */
}

.blogstyle .colmid {
    right: 25%; /* width of the right column */
    background: #f4f4f4; /* center column background colour */
}

.blogstyle .colleft {
    right: 25%; /* width of the middle column */
    background: #fff; /* left column background colour */
}

.blogstyle .col1 {
    width: 46%; /* width of center column content (column width minus padding on either side) */
    left: 52%; /* 100% plus left padding of center column */
}

.blogstyle .col2 {
    width: 21%; /* Width of left column content (column width minus padding on either side) */
    left: 56%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.blogstyle .col3 {
    width: 21%; /* Width of right column content (column width minus padding on either side) */
    left: 60%; /* Please make note of the brackets here:
     (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column (left menu) settings */
.leftmenu {
    background: #fff; /* right column background colour */
}

.leftmenu .colleft {
    right: 75%; /* right column width */
    background: #f4f4f4; /* left column background colour */
}

.leftmenu .col1 {
    width: 71%; /* right column content width */
    left: 102%; /* 100% plus left column left padding */
}

.leftmenu .col2 {
    width: 21%; /* left column content width (column width minus left and right padding) */
    left: 6%; /* (right column left and right padding) plus (left column left padding) */
}

/* 2 Column (right menu) settings */
.rightmenu {
    background: #eee; /* right column background colour */
}

.rightmenu .colleft {
    right: 25%; /* right column width */
    background: #fff; /* left column background colour */
}

.rightmenu .col1 {
    width: 71%; /* left column content width (left column width minus left and right padding) */
    left: 27%; /* (right column width) plus (left column left padding) */
}

.rightmenu .col2 {
    width: 21%; /* right column content width (right column width minus left and right padding) */
    left: 31%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column (double page) settings */
.doublepage {
    background: #eee; /* right column background colour */
}

.doublepage .colleft {
    right: 50%; /* right column width */
    background: #fff; /* left column background colour */
}

.doublepage .col1 {
    width: 46%; /* left column content width (column width minus left and right padding) */
    left: 52%; /* right column width plus left column left padding */
}

.doublepage .col2 {
    width: 46%; /* right column content width (column width minus left and right padding) */
    left: 56%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* Full page settings */
.fullpage {
    background: #fff; /* page background colour */
}

.fullpage .col1 {
    width: 96%; /* page width minus left and right padding */
    left: 2%; /* page left padding */
}

/* Footer styles */
#footer {
    clear: both;
    background: #cccccc;
    
    padding-top: 4px;
    float: left;
    width: 100%;
   
}

#footer p {
    padding: 10px;
    margin: 0;
}

#centeredmenu {
    float: left;
    width: 100%;
    background: #fff;
    border-bottom: 4px solid #000;
    overflow: hidden;
    position: relative;
}

/* -------------------------------------------------- */
/* roundbar-grey */
/* -------------------------------------------------- */
#roundbar-grey {
    clear: left;
    float: left;
    width: 100%;
    background: #990000 0 25% repeat;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
}

#roundbar-grey ul {
    clear: left;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;
}

#roundbar-grey ul li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    right: 50%;
}

#roundbar-grey ul li.first {
    border-left: 1px solid #660000;
}

#roundbar-grey ul li.last {
    border-right: 1px solid #660000;
}

#roundbar-grey ul li a {
    display: block;
    margin: 0;
    padding: .4em .8em;
    color: #FFF;
    text-decoration: none;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    line-height: 1.3em;
}

#roundbar-grey ul li a span {
    display: block;
}

#roundbar-grey ul li.active a {
    background: #660000 0 25% repeat;
    font-weight: bold;
}

#roundbar-grey ul li a:hover {
    background: #660000 0 25% repeat;
}

#centeredmenu {
    float: left;
    width: 100%;
    background: #fff;
    border-bottom: 4px solid #000;
    overflow: hidden;
    position: relative;
}

#centeredmenu ul {
    clear: left;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;
}

#centeredmenu ul li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    right: 50%;
}

#centeredmenu ul li a {
    display: block;
    margin: 0 0 0 1px;
    padding: 3px 10px;
    background: #ddd;
    color: #000;
    text-decoration: none;
    line-height: 1.3em;
}

#centeredmenu ul li a:hover {
    background: #369;
    color: #fff;
}

#centeredmenu ul li a.active, #centeredmenu ul li a.active:hover {
    color: #fff;
    background: #000;
    font-weight: bold;
}

.menudd {
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    border: none;
    border: 0px;
    margin: 0px;
    padding-top: 20px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.menudd ul {
    background: #990000;
    height: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.menudd li {
    float: left;
    padding: 0px;
}

.menudd li a {
    background: #990000;
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    line-height: 35px;
    margin: 0px;
    padding: 0px 25px;
    text-align: center;
    text-decoration: none;
}

.menudd li a:hover, .menudd ul li:hover a {
    background: #2580a2 url("/images/hover.gif") bottom center no-repeat;
    color: #FFFFFF;
    text-decoration: none;
}

.menudd li ul {
    background: #333333;
    display: none;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: 0px;
    position: absolute;
    width: 225px;
    z-index: 200;
    /*top:1em;
     /*left:0;*/
}

.menudd li:hover ul {
    display: block;
}

.menudd li li {
    background: url('/images/sub_sep.gif') bottom left no-repeat;
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
    width: 225px;
}

.menudd li:hover li a {
    background: none;
}

.menudd li ul a {
    display: block;
    height: 35px;
    font-size: 12px;
    font-style: normal;
    margin: 0px;
    padding: 0px 10px 0px 15px;
    text-align: left;
}

.menudd li ul a:hover, .menudd li ul li:hover a {
    background: #2580a2 url('/images/hover_sub.gif') center left no-repeat;
    border: 0px;
    color: #ffffff;
    text-decoration: none;
}

.menudd p {
    clear: left;
}

/* Submenu */
#submenusm {
    clear: both;
    padding: 20px 0;
    background: #FFFFFF;
    color: #FFFFFF;
}

#submenusm ul {
    width: 975px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    line-height: normal;
}

#submenusm li {
    display: block;
    float: left;
    width: 150px;
    padding: 0 12px 0 0;
}

#submenusm li ul {
    width: auto;
    margin: 0;
}

#submenu li li {
    display: list-item;
    float: none;
    width: auto;
    padding: 5px 0 5px 10px;
    background: url(images/img17.gif) no-repeat left center;
    border-bottom: 1px solid #424546;
}

#submenusm h2 {
    margin: 0 0 5px 0;
    border-bottom: 1px dotted #CCCCCC;
    font-size: 1.2em;
}

#submenusm a {
    text-decoration: none;
}

#submenusm a:hover {
    text-decoration: underline;
}

/* -------------------------------------------------- */
/* boxtab-blue */
/* -------------------------------------------------- */
#boxtab-blue {
    clear: left;
    float: left;
    padding: 0;
    background: #fff url(boxtab-blue.gif) bottom repeat-x;
    width: 100%;
    overflow: hidden;
    font-family: Verdana, Geneva, sans-serif;
}

#boxtab-blue ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    left: 50%;
    text-align: center;
}

#boxtab-blue ul li {
    display: block;
    float: left;
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
    position: relative;
    right: 50%;
}

#boxtab-blue ul li a {
    display: block;
    float: left;
    margin: 0 1px;
    padding: 5px 10px;
    background: #fff;
    text-decoration: none;
    color: #000;
    border-top: 1px solid #369;
    border-left: 1px solid #369;
    border-right: 1px solid #369;
    position: relative;
    bottom: 1px;
}

#boxtab-blue ul li a:hover {
    background: #36f;
    color: #fff;
}

#boxtab-blue ul li.active {
    margin-top: 10px;
}

#boxtab-blue ul li.active a, #boxtab-blue ul li.active a:hover {
    position: relative;
    bottom: 0;
    padding: 10px;
    background: #fff;
    color: #000;
    font-weight: bold;
}

/* Blockquote */
blockquote.default {
    background: url('/images/blockquotes_01.png') no-repeat;
    background-position: top left;
    margin: 25px auto 20px auto;
    padding: 4px 15px 0 55px;
    font-family: Times New Roman;
    font-size: 17px;
    color: #660000;
    font-style: italic;
}

blockquote.pullQuote {
    width: 45%;
    float: right;
    margin: 0px 10px 15px 15px;
    padding: 0.5em;
    background-color: #f8f8f8;
    text-align: center;
    font: italic 1.4em Georgia;
    font-weight: bold;
    line-height: 1.4em;
    border-top: 1px solid #993333;
    border-bottom: 1px solid #993333;
}

p.quoted {
    font-family: Times New Roman;
    font-size: 14px;
    color: #555;
    font-style: italic;
    padding: 0 0 0 5px;
}

.meta {
    border-bottom: 1px dotted #CCCCCC;
    padding-bottom: 4px;
    text-align: right;
    clear: both;
}

.meta .more, .meta .comments {
    padding-left: 15px;
}

/*image captions*/
div.imgcaptionFloatLeft {
    position: relative;
    float: left;
    border-width: 1px;
    border-style: solid;
    border-color: #888888;
    padding: 10px;
    margin: 10px 10px 10px 0px;
}

div.imgcaptionFloatRight {
    position: relative;
    float: right;
    border-width: 1px;
    border-style: solid;
    border-color: #888888;
    padding: 10px;
    margin: 10px 0px 10px 10px;
}

/*end image captions*/