body {background-color: #fff; color: #444; font-family: arial; font-size: 13px; margin: 10px 0px 10px 0px; padding: 0px; background-image: url(/images/bkg_tile.jpg); line-height: 18px;}

img {border-style: none;
    border-color: inherit;
    border-width: 0px;
    margin-top: 0px;
    margin-left: 0px;
}


#backgroundtop {  width: 1004px; margin:0px auto; }

#backgroundbottom {  width: 1004px; margin:0px auto; }

#dropshadow {background-image: url(/images/bkg.gif); width: 1004px; margin:0px auto; background-repeat: no-repeat;}
#dropshadowMatrix {background-image: url(/images/bkg.gif); width: 1404px; margin:0px auto; background-repeat: no-repeat;}
#container {width: 1000px; margin:0px auto; }
#containerMatrix {width: 1400px; margin:0px auto; }

#header {width: 100%; float: left; clear: both;}
#headerright {width: 813px; float: left;}
#headerrightMatrix {width: 1213px; float: left;}
#headerleft {width: 143px; height: 173px; float: left; background-image: url(/images/bkg_login.gif); padding: 12px 15px 15px 15px; color: #a2b2be; font-size: 12px; font-weight: bold; margin-left: 8px;}
#headerleft h1 {font-size: 18px; font-weight: normal; padding: 5px 0px 0px 0px; font-family: Century, Times New Roman; color: #fff; margin-bottom: 0px;}
#headerleft a {color: #a2b2be; display: inline-block; text-decoration: none; font-weight: bold; font-size: 11px;}
#headerleft a:hover {color: #fff; display: inline-block; text-decoration: none; font-weight: bold; font-size: 11px;}
#headerbottom { width:813px; float:left; clear:both; background-image: url(/images/bkg_search.jpg); height: 32px;}
#headerbottomMatrix { width:1213px; float:left; clear:both; background-image: url(/images/bkg_searchMatrix.jpg); height: 32px;}

#headerbottom .search {display: inline-block; width: 800px; color: #fff; font-size: 12px;  color: #a2b2be;}

.wht {color: #ffffff; font-size: 12px;}
.red {color: #cc0000; font-size: 12px;}

#logo {width: 813px; float: left;}
#logoMatrix {width: 1213px; float: left;}

#delete .linkred {color: #cc0000; font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; text-decoration: none; font-weight: bold;}
#delete .linkred:hover {color: #ff0000; font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; text-decoration: none; font-weight: bold;}

#adminnav a {color: #e37f12;  text-decoration: none; font-weight: bold; font-size: 11px;}
#adminnav a:hover {color: #666; text-decoration: none; font-weight: bold; font-size: 11px;}
#adminnav h1 {font-size: 18px; font-weight: normal; padding: 5px 0px 5px 0px; font-family: Century, Times New Roman; color: #0598c8; border-bottom: 1px solid #dbdbdb;}

#adminnav .linkred {color: #cc0000;  text-decoration: none; font-weight: bold; font-size: 11px;}
#adminnav .linkred:hover {color: #666; text-decoration: none; font-weight: bold; font-size: 11px;}

#navigation {background-color: #fff; height: 500px}
#navigation a {color: #333;  text-decoration: none; font-weight: bold; font-size: 12px;}
#navigation a:hover {color: #ccc; text-decoration: none; font-weight: bold; font-size: 12px;}
#navigation ul {margin-left: -40px; list-style: none;}
#navigation li { padding: 5px 0px 5px 0px;}


#body {width: 100%; float: left; clear: both; overflow: hidden;}

#content-left {float: left; width: 132px; padding: 20px; padding-bottom: 20000px; margin-bottom: -20000px; background-color: #fff; margin-left: 8px;  background-image: url(/images/line.gif); background-position: bottom right; background-repeat: no-repeat;}

/*#content {float: left; width: 774px; padding: 20px; background-color: #fff;padding-bottom: 20000px; margin-bottom: -20000px;}
*/
#content {float: left; width: 772px; padding: 20px; background-color: #fff; padding-bottom: 280px }
@media print
{
#header, #headerright, #bar, #backgroundtop, #headerleft, #navigation, #lnkprint, #backgroundbottom, img, #content-left, #footerleft, #footerright, #copyright { display: none;}

#content { padding-bottom:0px; margin-bottom:0px; font-family: arial; font-size:medium;}
}

#contentadmin {float: left; width: 946px; padding: 20px; background-color: #fff; padding-bottom: 20000px; margin-bottom: -20000px; margin-left: 8px;}
#contentadminMatrix {float: left; width: 1346px; padding: 20px; background-color: #fff; padding-bottom: 20000px; margin-bottom: -20000px; margin-left: 8px;}

#content h1 {font-size: 22px; font-weight: normal; color: #006cb7; padding: 5px; font-family: Century, Times New Roman;line-height: 28px; border-bottom: 1px solid #dbdbdb;}
#content h2 {font-size: 18px; font-weight: normal; padding: 5px; font-family: Century, Times New Roman; color: #006cb7;}
#content p {padding-left: 5px; padding-right: 5px;}
#content a {color: #369; text-decoration: none;}
#content a:hover {color: #999; text-decoration: none;}

.breadcrumbs a {color: #fff; text-decoration: none;}
.breadcrumbs a:hover {color: #ccc; text-decoration: none;}
/* I totally discovered this by accident, but as you can see when lined up with that image it actually looks
pretty cool. Obviously if your image is tall or short you probably wouldn't want to put these quote
paragraphs anywhere near it, but with a little alignment tinkering that's a pretty neat trick. Tested in IE6
too, works fine */
#content p.quote {color: #fff; background-color: #ff9623; line-height: 20px;}

/* Custom list bullets are easier said than done. Don't use the crappy built in CSS solution. It's buggy and
not very customizable. The best way to do it is to set the bullet as a background image of each individual
list item and then adjust margin and padding */

/* Firefox and IE have different opinions on how UL and OL margins are handled. By default, lists have a hefty
left margin to indent them from normal content. To Firefox, when you say "margin-left:0px" it thinks 0px means its
default indented position. IE thinks you mean literally, no indentation. As a result, you will have to create
seperate style rules for each. The firefox rules HAS to go in the actual stylesheet, and your IE one is set
elsewhere using an HTML conditional comment (see <head> of HTML page). "No Indendation" for Firefox rounds
out to about 40px, so you might as well set it as that. */

#content ul {margin-left: -40px; list-style: none;}

/* The background-position used here is to nudge the background image into lining up with the text.
If your line-height changes, you may have to adjust the second number. */

#content li {margin-bottom: 10px; background-image: url(/images/bullet.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 2px;}


/* By default all our content images should have some juicy margins around them so they don't squeeze up into
text. However if you use text headers or, for example, enlarged letters to start off paragraphs, you wouldn't
want that margin. Since "no margins" is the exception, we make that the class called .nomargin */
#content img {margin: 0px;}
#content img.nomargin {margin: 0px;}



#footer {width: 100%; clear: both; background-image: url(/path/to/footerBGtile.jpg); background-repeat: repeat-x;}
#footercontainer {width: 1000px; margin: 0px auto; padding-top: 10px; text-align: center;}


#footer a {color: #666; margin-left: 5px; margin-right: 5px; text-decoration: none;}
#footer a:hover {color: #999; margin-left: 5px; margin-right: 5px; text-decoration: none;}

#footer .copyright {display: block; }
#footer .copyright a {margin: 0px;}

#footerright {width: 450px;}
#footerleft {width: 450px; float: left; padding: 0px 15px 0px 30px; color: #666; font-size: 11px;}






/* I try to seperate special classes from element selectors */

.form0 {text-align: left; font-size: 12px; font-weight: bold; color: #fff; background-color: #213f57;}

.form1 {font-size: 12px; color: #333; background-color: #b8cde9; font-weight: bold;}

.form2 {font-size: 12px; color: #333; background-color: #f1f1f1;}

.formMatrix {font-size: 12px; color: #333; background-color: #90EE90;} /*green
/* These form2 and 3 span rules are for ASP.NET error messages that often appear inside of these tables. */
.MatrixColumnViaticalOnly {font-size: 12px; color: #333; background-color: #FFFF00;} /*yellow Viatical Only*/ 
.MatrixColumnBroker_Provider {font-size: 12px; color: #333; background-color: #FF8C00;}  /*orange Unregulated*/

.form2 span {font-size: 12px; vertical-align: top;}

.form3 {font-size: 12px; color: #333; background-color: #e8e7e7;}

.form3 span {vertical-align: top;}

.fields {font-size: 11px; font-family: verdnana;
    margin-right: 0px;
}

.button  {color: #FFFFFF; font-family: Tahoma, Arial, Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #00243a; border-style: outset; border-color: #666666; padding-top:1; padding-left:1; padding-right:1;}