/******************************************************************************
 * Header
 *
 * Sets the main styles for the overall document, also sets the background to 
 * give a drop shadow look.
 *****************************************************************************/
  html {
  	min-width: 750px;
  }
  
  body {
    margin:0;
    padding:0;
    font-family:Verdana, sans-serif;

    color:black;

    /* technically we want this to be 13ems from the left. However, IE calculates
     * this em value before setting the font size to 80%, so we adjust for the
     * difference */
    background-position:10.4em 0;
    
    /*
     * This color will show through in the bottom footer
     */
    background-color: #D3D3D3;
    min-width: 600px;
  }
  
  
  /* sets all the link colors to be a standard color, regardless of state */
  body a, 
  body a:hover, 
  body a:active, 
  body a:visited{
    color: black;
  }
    
  /*
   * This is the table for the header image, header company name, and top nav.
   */
  table#banner{
	border: 0px;
	border-collapse:collapse;
    vertical-align:bottom;
    clear:both;
  }
  table#banner tr{
    margin:0;
    border:0;
  }
  
  table#banner tr td{
    margin:0;
    padding-top: 15px;
    padding-right:15px;
    vertical-align:bottom;
    border:0;
  }
  
/******************************************************************************
 * Header
 *
 * Sets up the main header, gives it a set width to avoid re-floating contents
 * and applies the styles to the various sub-sections such as the current* box
 * and the search boxes
 *****************************************************************************/     
  #header {
    float:right;
    margin:0;
    padding:0;
    line-height:normal;
    /*
    background-color: #000000;
    */
    
  }
  #header p {
    margin:0;
  }
  
  #header h1{
	margin:0;
	font-family: Verdana, sans-serif;
	font-size: 1.5 em;
	font-style: normal;
	color: #BF1C24;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: top;
	text-align: right;
  }
  
  #header h2 {
	margin:0;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	color:white;	  
	vertical-align: top;
	text-align: right;
	font-size: 11px;
	font-style: normal;

  }
/******************************************************************************
 * Level One Navigation
 * 
 * The top-level navigation, consisting of a list of items with styles applied
 * to the list elements, spans and links. Based on the concept described in
 * A List-Apart's "Sliding Doors of CSS-II". http://www.alistapart.com
 * Uses two larger-than necessary background images
 * to give the appearance of a tab that grows with font sizes. Each image 
 * consists of two parts, rollovers (:hover) cause the image to shift up, 
 * revealing a different look. This avoids both javascript and image-preloading.
 * Uses "leftOfCurrent" and "rightOfCurrent" to acheive subtle drop-
 * shadow effect
 *****************************************************************************/    
  #levelOne {
    clear:both;
    float:left;
    line-height:normal;
    font-size:1em;
    width:100%;
    min-width: 50em;
  }
  
  #levelOne ul {
    text-align: right; /* set to left, right or center */
	margin: .75em 0 0 0; /* set margins as desired */
	border-bottom: 1px solid black; /* set border COLOR as desired */
	list-style-type: none;
	padding: 2px 0px 2px 0px;
	width: 100%;
  }
  
  #levelOne li {
    display: inline;
  }
  
  #levelOne a {
    width: 100px;
    padding: 5px 7px 3px 7px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	/*border:0px solid #878787; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: black; /* inactive color */
	
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
	color: #808080; 
 		font-size: 0.9em; 
 		letter-spacing:1px;
 		font-family:  Arial, sans-serif;
	font-weight:bold;
	position: relative;
	top: 0px;
  }
  
  #levelOne li.current {
  	border-bottom: 1px solid #D3D3D3; /* set border color to page background color */
	background-color: #D3D3D3; /* set background color to match above border color */
  }
  
  #levelOne li.current a {
    background-color: #D3D3D3; /* selected color */
    background-image: none;
	color: black; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 8px; /* must change with respect to padding (X) above and below */
	cursor: text;
  }
  
  #levelOne a:hover {
    background-color: #BF1C24; /* hover color */
    color: white;
  }
  
  #levelOne li.current a:hover {
    background-color: #D3D3D3; /* prevent color from changing */
    color: black;
  }
  
/******************************************************************************
 * Level Two Navigation
 * 
 * similar in concept to the level-one navigation. Level two is simpler in that
 * there is no provision for the leftOfCurrent or rightOfCurrent concepts
 *****************************************************************************/    
  #levelTwo {
    clear:both;
    float:left;
    line-height:normal;
    font-size:1em;
    width:100%;
    background-color: #D3D3D3;
    min-width: 50em;
  }
  
  #levelTwo ul {
    text-align: left; /* set to left, right or center */
	margin: .4em 0 0 0; /* set margins as desired */
	border-bottom: 1px solid #878787; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 0 3px 0px;
	width: 100%;
  }
  
  #levelTwo li {
    display: inline;
  }
  
  #levelTwo a {
    padding: 2px 10px 2px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	color: #BF1C24; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	border-bottom: none;
	border-left: 1px solid #878787;
	border-right: 1px solid #878787;
	font-size:0.7em;
	position: relative;
	top: 2px;
  }
  
  #levelTwo a:active {
    text-decoration: none
  }
  #levelTwo a:visited {
    text-decoration: none
  }
  #levelTwo li.current {
	border-bottom: 0px solid #000000;
  }
  
  #levelTwo li.current a {
    
	background-color: white; /* set selected tab background color as desired */
	color: black; /* set selected tab link color as desired */
	text-decoration: none;
	font-weight: bold;
	padding-top: 7px; /* must change with respect to padding (X) above and below */
	border-left: 1px solid #878787;
	border-top: 1px solid #878787;
	border-bottom: none;
	border-right: 1px solid #878787;
	position: relative;
	top: 3px;
    
    cursor: text;
  }
  
  #levelTwo a:hover {
    background: #808080; /* set desired hover color */
    border-top: 1px solid #878787;
    color: black;
  }
  
  #levelTwo li.current a:hover {
    background: #FFFFFF; /* prevent color from changing */
    color: black;
  }
  
  #levelThree{
    float:left;
    padding-top: 0em;
    width:13em;
    height: 50em;
  }

  #levelThree ul {
    margin:0;
    padding:0;
  }
  
  #levelThree li {
    font-size: .85em;
    margin: .1em 0 .1em 0;
    font-weight:normal;
    list-style-type: none;
  }
  
  #levelThree a {
    padding: .5em 0 .5em 1em;
    margin:0;
    display:block;
    color: white;
    
    font-weight: bold;
    text-decoration: underline;
    
    position: relative;
    top: -1px;
    
    cursor: pointer;
  }
  
  #levelThree li.current {
  
  }
  
  #levelThree li.current a {
    padding-bottom:0.3em;
    font-weight:bold;
    background-color: white;
    color: black;
    border-right:none;
    text-decoration: none;
    
    border-top:1px solid white;
    border-bottom:1px solid white;
    
    position: relative;
    left:3px;
    
    cursor: text;
  }

  #levelThree a:hover{
    background: #D3DEEB;
    font-weight:bold;
    color: black;
    text-decoration: none; 
     
    position: relative;
    left:2px;  
  }

  #levelThree li.current a:hover{
    background-color: white;
    font-weight:bold;
     
    position: relative;
    left:3px;  
  }
/******************************************************************************
 * Screen areas
 * These make up the main sections in which the subsections exist.
 * the top area floats, the main area exists underneat it, containing the level
 * three navigation and the content area.
 *
 * UPDATE:no longer using position:absolute and javascript workaround.
 * Until IE is updated to fix the known bug which makes positioned text
 * non-selectable, or until an alternative workaround is found, this sheet 
 * uses table-based layout for the left navigation and main content.
 *
 *****************************************************************************/
 
  #topHeader{
    float:left;
    width:100%;
    background-color: black;
  }
  

  #content{
    /* Note that this min-width attribute only applies to mozilla. IE does not
     * support the min-width attribute. To compensate for this, the minWidthPad
     * div, defined below provides similar functionality for IE */
    min-width:42em;
    padding: 0em 0em 0em 0em;

    margin:0px 0px 0px 0px;
    background-color: white;
    
	border-bottom: 1px solid #878787; /* set border COLOR as desired */
  }
  
  #contentFrame{
    /*this is the small image at the top left of the content area that provides
     * the visual connection between the drop shadow and the top image of the 
     * left-hand nav area */
    /*background-image:url("../images/content/top_left.gif");*/
  }
  
  .contentBody .pdf a
  {   
	text-decoration:none;
	color: #BF1C24; /* set unselected tab link color as desired */
	}	  
.contentBody .pdf 
{
	padding: 0px 0px 0px 0px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-align:right;
	width:100%;
	font-size:.750em;
}
.contentBody .pdf img
{   
	vertical-align:top;
	margin-right:0px;
}  
/* Sets the style for content appearing in the nav section */
  .contentNav{
    clear:both;
    min-width:65em;
    
  }
 .contentNav p{
    padding:0 1em 0 1em;
    font-size:1em;
    font-style:italic;
    font-family:  Garamond, serif;

max-width: 100em;
width:80%
  }

img
{
	border:0;	 
}

  #pdf {
  }
  /* The 5pixel left margin on these next two objects provides the space for the
   * drop shadow and*/
  #pageTitle{
  	clear: both;
    padding:0 0.2em 0 0.4em;
    margin: 0;
    font-size:1em;
    font-weight:bold;
    color:#3A3A3A;
    background-color:#D3DEEB;
    border:1px #878787 solid;
  }
  

  #content div.contentBody {
    margin: 0;
    padding:1em 1em 2em 1em;
	font: Arial;
    font-size: 0.80em;
  }
  
  #content div.contentBody a:visited {
    text-decoration: underline;
  }
  #content div.contentBody a:active {
    text-decoration: underline;
  }
  /*
   * This is the table that replaces the positioned divs. It provides the main
   * structure of the page, with the content frame on the right and the left
   * navigation bar on the left. 
   */
  table#main{
    border-collapse:collapse;
    width:100%;
    vertical-align:top;
    clear:both;
    background-color: #FFFFFF;
  }
  table#main tr{
    margin:0;
    border:0;
  }
  
  table#main tr td{
    margin:0;
    padding-top: 15px;
    vertical-align:top;
    border:0;
  }
  
  /* These next two styles set widths that are intricately related to the 
   * width set on the levelThree div, and the x-offset set on the body 
   * background image. If one changes they all must change together.*/  
  table#main tr td#leftNavigation{
    width:13.0em;
  }
  html>body table#main tr td#leftNavigation{
    width:12.9em;
  }
  
  #contentFrame{
    background-repeat:no-repeat;
    background-position:left top;
    margin:0;
    padding:0;
  }
  
  /* This div is used to acheive a similar effect in IE that other browsers 
   * support via the min-width attribute. By placing a div with a hard width 
   * value at the bottom of the contentFrame, IE won't make the contentFrame
   * smaller than that div, which keeps the page from being compacted when the
   * user shrinks the window below 800x600. Instead, the browser scrolls. */
  div#minWidthPad{
    width:46em;
  }

/******************************************************************************
 * groups
 *
 * variety of groups for all pages. default group requires the group itself plus
 * header widget and content containers. Sub-groups are simply groups placed 
 * in groups and are formatted slightly different. sub-groups do not contain
 * widgets
 *****************************************************************************/
  .group{
    margin:0 0 1.5em 0;
    padding:0;
    clear:both;
    min-width:65em;
    
    border:1px #878787 solid;
  }

  .columnGroup{
    width:43em;
    padding:0;
    margin:0;
  }
  
  .group p{
    margin:0.4em;
    padding:0 0.4em 0 0.4em;
  }
  
  /*
   * The small area at the bottom of a group that will appear when the group is
   * collapsed by the user. (optional)
   */
  .group .nonCollapsed{
    clear:both;
    margin:0px;
    padding:0.4em 0.4em 0.4em 0.4em;
    display:none;
    border-top:1px #878787 solid;
    background-color:#F5F3F1;
  }
  
  /* These next two classes, hiddenDiv and visibleDiv are applied to groupContent
   * divs in conjunction with the groupContent class. This allows page designers
   * to specify whether or not the div should be visible. While display:block is
   * the default, having the named class visibleDiv simplifies scripts that hide
   * and show divs*/
  .group div.hiddenDiv{
    display:none;
  }
  
  .group div.visibleDiv{
    display:block;
  }
  
  .group .nonCollapsed h6{
    display:inline;
    padding:0.3em;
    color:#575553;
    font-size:0.95em;
    padding-right:0;
  }
  
  .group .nonCollapsed p{
    display:inline;
    padding-right:0.4em;
    font-size:0.95em;
  }
  
  .group .nonCollapsed p label{
    padding-left:0.8em;
    padding-right:0.4em;
  }
  
  /* These next two styles are for the groups that appear on overview pages in
   * the twoColumn tables */
  table.twoColumn tr td.left .group {
    margin-right:0.2em;
    /*override previously set min width, not needed for the two column groups*/
    min-width:0em;
  }
  
  table.twoColumn tr td.right .group{
    margin-left:0.2em;
    /*override previously set min width, not needed for the two column groups*/
    min-width:0em;
  }
  
  /* To work around a bug in IE's float model and to display the widgets on the 
   * right side of the group, even when the window gets smaller, they can't be
   * floats, they must be text-align:right. However, multiple portions of text
   * on the same line cannot be both align-left and align-right. This style sets
   * the h2 to float left over the .groupWidgets div. This gives the appearance 
   * of a title bar with text in it, when in reality the title is floating 
   * over the groupWidgets div.
   *
   * The caveat of this approach is that the groupWidgets div must contain at 
   * least one character, otherwise it won't scale when the user changes their 
   * font size. The templates currently use a single   character. 
   */
  .group h2.groupHeader{
    padding:0 0 0 0.2em;
    margin:0;
    float:left;
    font-weight:bold;
    font-size:1em;
    color:#3A3A3A;
  }

  /* The subgroup header is shifted up over the border of it's own containing 
   * div. Its background is set to be the same color of the group background, 
   * blocking out the border underneath the text.
  .group .group h2.groupHeader{
    margin:-0.7em 0 0 0.2em;
    font-weight:bold;
    padding:0 0.2em 0.2em 0.2em;
    display:inline;
    float:left;
    background-color:#FEFDFC;
    color:#7B7466;
  } */
  
  .group .groupWidgets{
    padding:0 2px 0 5px;
    margin:0;
    font-size:1.1em;
    font-weight:normal;
    text-align:right;
    border-bottom:1px #878787 solid;
    background-color: #D3D3D3;
  }
  
  .group .groupWidgets img, .group .group .groupWidgets img{
    padding:0px 0px 0px 5px;
    vertical-align:-5%;
  }
  
  /* This is internal content div of a group; the part that collapses if needed. Note
   * that the background color is applied here and not on the overall group. The reason
   * for this is that there is a bug in IE that crops up in certain situations 
   * including, but not limited to, situations when elements float over a block 
   * level element with a background color which in turn is contained within 
   * another block level element with a background color, and the bottom block
   * level element has the clear attribute set.(for more information on this 
   * particular bug, see http://www.onestab.net/a/pie/explorer/peekaboo.html)
   * Since the header floats over the groupWidgets div which is contained in
   * the group div, we can't put the background color on the group div as it
   * would cause the groupWidgets bar to occaisionally not display its 
   * background color. The groupWidgets div, is not, however a child of the 
   * groupContent div so we put the background color here an achieve the same effect.*/
  .group .groupContent{
    padding:0.4em;
    background-color:#FEFDFC;
  }
  
  .group .groupContent h3{
    
    margin: 1em 0em 0.3em 0em;
    padding:0;
    color: #BF1C24;
    font-weight:bold;
    font-size:1em;
  }
  
  /* This specific group content is for tables and things that don't need padding */
  .group .groupContentNoPad{
    padding:0;
    background-color:#FEFDFC;
  }
  
  .group .group{
    margin: 1em 1em 1em 1em;
    padding:0;
    clear:both;
    min-width:47.5em;
    border-bottom:1px #878787 solid;
  }
  
  .group .group h2.groupHeader {
    padding:0 0 0 0.2em;
    margin:0;
    float:left;
    font-weight:bold;
    font-size:1em;
    color:#3A3A3A;
  }
  
  .group .group .groupContent {
    padding:0.4em;
    background-color:#FEFDFC;
  }
  
  .group .group .groupWidgets {
    padding:0 2px 0 5px;
    margin:0;
    font-size:1.1em;
    font-weight:normal;
    text-align:right;
    border-bottom:1px #878787 solid;
    background-color: #D3D3D3;
  }
  
  h3.instructions {
    display: block;
    color: #3A3A3A;/*#606774;*/
    font-size: 1em;
    font-weight: normal;
    margin: 1em 1em 1em 1em;
  }
  
  .groupContent div.indent {
  	margin-left: 2em;
  	margin-bottom: 1em;
  }

/******************************************************************************
 * tables
 * 
 * sets defaults for all tables, as well as the two main types of tables:
 *
 * twoColumn:used to contain left and right column overview groups
 *    the columns are named .left and .right, a center column is used to avoid
 *    IE's table-layout oddities
 *
 * editView:used to contain label/value pairs on overview/detail/edit pages
 *    a .left colum is used to contain labels, and a .right column is used to
 *    contain values. an editView table may appear within a twoColumn table
 *****************************************************************************/
  #content table {
    border-collapse:collapse;
    clear:both;
    border:0;
    margin:10;
    padding:10;
  }
  
  #content table tr{
    margin:0;
    padding:0;
  }
  
  #content table tr td,
  #content table tr td input,
  #content table tr td label,
  #content table tr td img,
  #content table tr td p {
    margin:0;
    padding:0;
    vertical-align:top;
  }
  
  #content table.editView tr td{
    padding:0.5em 0 0 0;
  }
  
  #content table.twoColumn {
    width:100%;
  }
  
  #content table.twoColumn tr td.left, 
  #content table.twoColumn tr td.right{
    width:50%;
  }
  
  #content table.editView tr td.left{
    /*width:14em;*/
    overflow: visible;
  }
  
  #content table.editView tr td.right{
    white-space: nowrap;
    padding-right: 1em;
  }
  
  #content table.editView tr td.wrap {
    white-space: normal;
  }
  
  /* This style is provided for those situations where a wider left column is
   * unavoidable. It is not a replacement for left, rather it is used in 
   * conjunction with it. ie: <td class="left wideLeft"> */
  #content table.editView tr td.wideLeft{
    width:22em;
  }
  
  /* This style is provided for those situations where a shorter left column is
   * needed. It is not a replacement for left, rather it is used in 
   * conjunction with it. ie: <td class="left shortLeft"> */
  #content table.editView tr td.shortLeft{
    width:5em;
  }
  
  #content table.editView tr td.right{
    padding-left:0.6em;
    margin: 0 .5em 0 .5em;
  }
  
  #content table.twoColumn table.editView tr td.left{
    /*width:14em;*/
    overflow: visible;
  }
  
  #content table.twoColumn table.editView tr td.right{
    width:auto;
    white-space: nowrap;
    padding-right: 1em;
  }
  
  #content label{
    color:#3A3A3A;
  }
  
  #content table.editView label{
    margin-left:1em;
  }
  
  #content table.editView tr td.left label{
    display:block;
  }
  
  #content table.editView label.required{
    font-weight:bold;
  	padding-left:0;
  	text-indent:-1.0em;
  }
  
  #content table.editView label.error {
    font-weight:bold;
    color:#9D210D;
  	padding-left:0;
  	text-indent:-1.0em;
  }
  
  /* This sets the styles for the acronym tag when it is used to wrap asterisks
   * and delta glyphs on fields that are required or have validation errors */
  #content table.editView label.required acronym.glyph, 
  #content table.editView label.error acronym.glyph{
    width:2em;
    margin-right:0.2em;
    border-bottom:0;
  }
  
  #content table.editView label.error acronym.glyph{  
    color:#EE9900;
    font-weight:normal;
  }
  
  #content table.editView td.right label{
    margin:0;
    padding:0 0.2em 0 0;
  }
  
  #content table.editView td.right p{
    padding:0 0 0.6em 0;
    margin:0;
  }
  
  #content table.editView .right ul{
    list-style-type:none;
    margin:0;
  }
  
  #content table.editView .right .range label{
    margin:0 0.8em 0 0.8em;
  }
  
  #content table.editView .right .range img{
    margin-left:0.5em;
  }
  
  #content table.editView .right ul li{
    display:inline;
  }
  
  #content table.inputArray{
    width:auto;
    margin: 1em 1em 1em 1em;
  }
  
  #content table.inputArray td{
    width:auto;
    padding: .5em 1.5em .5em 0;
  }
  
  #content table.inputArray td input{
    margin: 0 .5em 0 .5em;
  }
  
  #content table.listTable th.selectionColumn {
  	width: 1%;
  }
  
  #content table.data th{
    
    border: 1px;
    border-style:solid;
    border-color:#878787;
    padding:0 0.2em 0 0;
  }
    
  #content table.data {
    margin:0;
    border: 1px;
    border-color:#878787;
    border-style:solid;
    padding:0 0.2em 0 0;
  }
  #content table.data tr.even {
    background-color: #D3D3D3;
    
  }
  
  #content table.data td{
    padding:0.3em 0.3em 0.3em 0.3em;
    margin:0;
    border-width:1px;
    border-color:#878787;
    
    border-left-style:solid;
    border-bottom-style:dotted;
  }
  
/******************************************************************************
 * Pagination page
 *****************************************************************************/
		
  #pagination p{
    float:right;
    font-size:0.9em;
    margin:0 0 0.4em 0;
  }
		 
  #pagination select{
	 font-size:0.95em; 
  }
  
  #pagination form {
  	display: inline;
  }

/******************************************************************************
 * Striped Tables
 *****************************************************************************/

  #content table.listTable {
    border-collapse:collapse;
    border:0;
    margin: 1em;
  }
  
  #content table.listTable tfoot tr td{
    padding:0.2em 0.2em 0.2em 0.5em;
    background-color:#EBE9E9;
    border-top:1px dashed #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
  }

  #content table.listTable th { 
    text-align:left;
    vertical-align:middle;
    padding:0.3em 0.3em 0.3em 0.5em;
    
    /* Colors */
    background-color: #EBE9E9;
    color:#3A3A3A;
    border-bottom:1px dashed #b8b8b8;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    border-top: 1px solid #b8b8b8;
  }
  
  #content table.listTable img{
    border:0;
  }
  
  #content table.listTable th.selectedheader{
    background-color:#E9E6E3; 
  }
  
  #content table.listTable th.selectedheader a{
    color:#47678B;
  }
  
  #content table.listTable td.selectColumn,
  #content table.listTable th.selectColumn {
    width:0.1em;
    vertical-align: middle;
  }  
  
  #content table.listTable td.negativeAmount{
    color:#AA3311;
  } 
  #content table.listTable tr td{
    vertical-align:top;
    padding:0.4em;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
    background-color:#FFFFFF; 
    color:#333232;
  }
  
  #content table.listTable tr.even td{
    background-color: #F7F7F7;
  }
  
  #content table.listTable tr.headerRow td{
    background-color:#F6F6F6; 
    padding-bottom:0.25em;
    padding-top:0.2em;
  }
  
  #content table.listTable th.mainHeader {
    text-align:left;
    vertical-align:middle;
    background-color:#D3DEEB;
    color:#3A3A3A;
    border:1px solid #b8b8b8;
  }
  
  #content table.listTable table.times {
  	border: none;
  }
  
  #content table.listTable table.times td {
  	border: none;
  	padding: .15em;
  	text-align: right;
  }
  
  #content table.listTable td.centered {
  	text-align: center;
  	vertical-align: middle;
  }
  
  
/*****************************************************************************
 * Footer
 ****************************************************************************/
#footer {
    clear:both;
    float:top;
    line-height:normal;
    width:100%;
    min-width: 50em;
    background-color: #D3D3D3;
    vertical-align: top; 
    text-align: center;
 		font-size: 0.6em;
		padding-bottom: 15px; 
}
  
#footer p {
 		text-decoration: none; 
 		color: #000000; 
 		font-size: 0.6em; 
 		font-family:  Arial, sans-serif;
 		padding-right: 30px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 30px;
 		text-align: left;
 		vertical-align: top;
}

#footer a:hover {
    	color: #000000;
    	text-decoration: underline; 
  }
#footer a:link, a:visited , a:active {
 		text-decoration: none; 
 		color: #000000; 
 	}
 	

  
}