/* Start of CMSMS style sheet 'DEE_layout' */
/* Start of CMSMS style sheet 'Layout: Top menu + 2 columns' */

/*****************

browsers interpret margin and padding a little differently, 

we'll remove all default padding and margins and

set them later on

******************/

* {

margin:0;

padding:0;

}



/*

Set initial font styles

*/

body {

   text-align: left;

   font-family: Arial, sans-serif;

   font-size: 13px;

   line-height: 17px;

}



/*

set font size for all divs,

this overrides some body rules

*/

div {

   font-size: 13px;

}



/*

if img is inside "a" it would have 

borders, we don't want that

*/

img {

   border: 0;

}



/*

default link styles

*/

/* set all links to have underline and bluish color */

a,

a:link 

a:active {

   text-decoration: none;

/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */

   background-color: inherit; 

   color: #e7ab0b; 

}



a:visited {

   text-decoration: none;

   background-color: inherit;

   color: #e7ab0b;                /* a different color can be used for visited links */

}





/* remove underline on hover and change color */

a:hover {

   text-decoration: underline;

   /* orig:

   background-color: #C3D4DF;

   */

   background-color: none;

}



/*****************

basic layout 

*****************/

body {

   background: url(./images/fda/background.gif) #1e1e1e 0 0 repeat-x;

   color: #ffffff;

}



/* center wrapper, min max width */

div#pagewrapper {

   margin: 0 auto;     /* this centers wrapper */

   width: 975px;

   background-color: #1e1e1e;

   color: #ffffff;

}





/*** header ***

we will hide text and replace it with a image

we need to assign a height for it

*/



div#dee_fda_02 {

  background: url(./images/fda/fda_02.gif) 0 0 no-repeat;

  height: 95px;

}



div#dee_fda_04 {

  background: url(./images/fda/fda_04.gif) 0 0 no-repeat;

  height: 91px;

}



div#dee_fda_05 {

  background: url(./images/fda/fda_05.gif) 0 0 no-repeat;

  width: 202px;

  height: 51px;

}



div#header {

   height: 80px; /* adjust according your image size */

   background: #385C72;           

}



div#header h1 a {

   /* you can set your own image here */

   display: block; 

   height: 80px;             /* adjust according your image size */

   text-indent: -999em;  /* this hides the text */

   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */

}



div#search {

   float: right;

   width: 27em;     /* enough width for the search input box */

   text-align: right;

   padding: 0.6em 0 0.2em 0;

   margin: 48px 14px 0px 0px;

}

div#search label { color: #ddd; font-weight: bold; }



div.breadcrumbs {

   color: #000;

   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */

   margin: 0 0 1em 0;

   padding-bottom: 2px;

   border-bottom: solid 1px #333;

}



 div.breadcrumbs span.lastitem { 

   font-weight:bold; 

 }





div#content {

   margin: 0px;

   padding: 0px;

   background: url(./images/fda/fda_07.gif) 0 0 no-repeat;

   width: 100%;

}



div#main {
   font-size: 14px;

   margin-left: 202px;

   margin-right: 0px;

   padding: 14px 22px 0px 14px;

}





div#sidebar {

   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */

   width: 202px;    /* sidebar width, if you change this please also change #main margins */

   display: inline;  /* FIX ie doublemargin bug */

   margin-left: 0;

   margin-top: 45px;

}



/* if sidebar doesnt include menu but content add class="hascontent" */

div#sidebar.hascontent {

  /* orig:

   padding: 0 1%;

   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE

   */

   width: 196px;

}



div#footer {

   clear:both;       /* keep footer below content and menu */

   color: #fff;

   width: 100%;

}




div#footer p {


   font-size: 12px;

   padding: 13px;      /* some air for footer */

   text-align: center; /* centered text */

   margin:0;

   color: #777;

   background: url(./images/fda/fda_09.gif) center -3px no-repeat;

}



div#footer p a {

   color: #aaa; /* needed becouse footer link would be same color as background otherwise */

}



/* as we hid all hr for accessibility we create new hr with extra div element */

div.hr {

   height: 1px;

   margin: 1em;

   border-bottom: 1px dotted black;

}



/* relational links under content */

div.left49 {

  float: left;

  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */

}



div.right49 {

  float: right;

  width: 49%;

  text-align: right;

}









/********************

CONTENT STYLING

*********************/

div#content {
   font-size: 13px;
}



/* HEADINGS */

div#content h1 {

   font-size: 22px;  /* font size for h1 */

   line-height: 37px;

   margin: 0;

}

div#content h2 {

   color: #fffefe; 

   font-size: 20px; 

   font-variant: small-caps;

   letter-spacing: 0.3px;

   text-align: left; 

/* some air around the text */

   padding-left: 10px;

   padding-bottom: 1px;

/* set borders around header */

   border-bottom: 1px solid #999;

   line-height: 35px;

/* and some air under the border */

   margin: 0 0 10px 0;

   background: url(./images/fda/h2bg.gif) left bottom repeat-x;

}



div#content h3 {

   color: #efefef; 

   font-size: 18px;

   line-height: 33px;

   margin: 0 0 5px 0;

}

div#content h4 {

   color: #e5e5e5; 

   font-size: 16px;

   line-height: 27px;

   margin: 0 0 5px 0;

}

div#content h5 {

   font-size: 14px;

   line-height: 19px;

   margin: 0 0 5px 0;

}

h6 {

   font-size: 13px;

   line-height: 17px;

   margin: 0 0 5px 0;

}

/* END HEADINGS */



/* TEXT */
#main div,
p, 
p span {
   font-size: 14px;

   margin: 0 0 5px 0;  /* some air around p elements */

   line-height: 19px;

   padding: 0;
}

blockquote {

   border-left: 10px solid #ddd;

   margin-left: 10px;

}

pre {

   font-family: monospace;

   font-size: 13px;

}

strong, b {

/* explicit setting for these */

   font-weight: bold;

}

em, i {

/* explicit setting for these */

   font-style:italic;

}



/* Wrapping text in <code> tags. Makes CSS not validate */

code, pre {

 white-space: pre-wrap;       /* css-3 */

 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

 white-space: -pre-wrap;      /* Opera 4-6 */

 white-space: -o-pre-wrap;    /* Opera 7 */

 word-wrap: break-word;       /* Internet Explorer 5.5+ */

 font-family: "Courier New", Courier, monospace;

 font-size: 13px;

}



pre {

   border: 1px solid #000;  /* black border for pre blocks */

   background-color: #ddd;

   margin: 0 1em 1em 1em;

   padding: 0.5em;

   line-height: 15px;

   font-size: 12px;   /* smaller font size, as these are usually not so important data */

}



/* END TEXT */



/* LISTS */

div#main ul,

div#main ol,

div#main dl {

   margin: 10px 0 10px 0;

}

div#main ul li,

div#main ol li {

   margin: 8px 0 8px 34px;

}



div#dl dt {

   font-weight: bold;

   margin: 0 0 0.25em 3em;

}

div#dl dd {

   margin: 0 0 0 3em;

}

input {
   vertical-align: middle;
}

.button {
   font-size: 12px;
   font-family: Arial, Helvetica, Verdana;
   background: url(./images/fda/newsh2bg.gif) bottom left repeat-x;
   color: #eeeeee;
   border: solid 1px #666666;
   margin: 2px 0px 2px 0px;
}

.min {
   height: 333px;
   float: right;
   width: 1px;
}

/* END LISTS */

/* End of 'Layout: Top menu + 2 columns' */

.center { text-align: center; }

/* modified by DEE 03.2o13 */
/* End of 'DEE_layout' */