/* --------------------------------------------------------------------------- */
/* DelftRed stylesheet */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* HTML selectors */

body                      { margin: 0; padding: 0; text-align: center; font: normal normal 80%/150% Arial, Helvetica, sans-serif; color: #444; background: #313865; }
p                         { margin: 0; padding: 0; }
img                       { border: 0; }


/* END: HTML selectors */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* Basic page containers */

#container          { margin: 0 auto; padding: 0; width: 750px; text-align: left; background: #fff url(../gfx/delft_red_contentback.gif) 0 0; }
#header             { margin: 0; padding: 0; height: 75px; background: #313865 url(../gfx/delft_red_headerimage.gif) no-repeat 100% 0; }
#header #logo       { margin: 0 0 0 1px; padding: 0; width: 201px; height: 75px; background: #313865 url(../gfx/delft_red_logo.gif) no-repeat 0 0; }
#header #logo a     { display: block; margin: 0 0 0 0px; padding: 0; width: 201px; height: 75px; text-indent: -2000px; }
#content            { float: left; margin: 0; padding: 0; width: 550px; background: transparent; }
#content h1         { margin: 0; padding: 0 30px; font: normal normal 2.2em/2em Times, Georgia, serif; color: #300; }
#content h3         { margin: 0; padding: 0 30px 0.5em 30px; font: normal bold 1.1em/1.4em Arial, Helvetica, sans-serif; color: #300; }
#content h4         { margin: 0; padding: 0 30px; font: normal bold 1em/1.2em Arial, Helvetica, sans-serif; }

#sideBar            { float: left; width: 200px; background: #efefef; }
#breadCrumb         {  }
#footer             {  }
#skip               { display: none; }

/* this is a general rule for the entire site */
.clr                { clear: both; }

/* END: Basic page containers */
/* --------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------- */
/* Horizontal menu Toolbar [separated from main menu */
/* includes a search form */

/* This is an optional set of rules. This will change per project! */
#toolbar                                     { height: 17px; background: #000 url(../gfx/delft_red_toolbar.gif) no-repeat 100% 0; overflow: hidden; }

/* !!! VERY IMPORTANT !!! */
/* KEEP TRACK OF THE SPECIFICITY!!! HERE WE OVERIDE THE GENERAL FORM RULES!!! */
/* This is an optional set of rules. This will change per project! */
#toolbar .searchBox                          { float: right; display: none; width: 180px; font-size: 80%; }
#toolbar .searchBox fieldset,
#toolbar .searchBox form { margin:0; border: 0; paddding: 0; }
#toolbar .searchBox form input               { margin: 0; display: block; width: 100%; }
#toolbar .searchBox .searchField             { float: left; width: 100px; }
#toolbar .searchBox .submitField             { float: left; }
#toolbar .searchBox form .searchField input  { width: 100%; }
#toolbar .searchBox form .submitField input  { width: 50px; }

/* END: horizontal menu toolbar */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* vertical menu   */

#navList                             { margin: 1em 0; padding: 6px 0; list-style: none; background: transparent url(../gfx/delft_red_menu_top.gif) no-repeat 50% 0; }
#navList .clr                        { margin: 0; padding: 0; height: 16px; overflow: hidden; background: transparent url(../gfx/delft_red_menu_bottom.gif) no-repeat 50% 0;}
#navList ul                          { margin: 0; padding: 0.5em 0 0.7em 0; list-style: none; background: transparent url(../gfx/delft_red_menu_middle.gif) repeat-y 50% 0; }

#navList .menuItem                   { margin: 0;  } 
#navList .menuItem a                 { display: block; padding: 0 10px 0 35px; text-decoration: none; background: transparent url(../gfx/arrow_red.gif) no-repeat 20px 0.5em; }

#navList .menuItem .subMenuList      { padding: 0 0 0 15px;   background: transparent none;}
#navList .menuItem .subMenuItem      {  }
#navList .menuItem .subMenuItem a    {  }

#navList .closed .subMenuList        { display: none; }
#navList .open .subMenuList          { display: block; }

#extraNavList                             { margin: 1em 0; padding: 0; list-style: none; background: transparent; }
#extraNavList ul                          { margin: 0; padding: 0; list-style: none; background: transparent; }

#extraNavList .menuItem                   { margin: 0;  } 
#extraNavList .menuItem a                 { display: block; padding: 0 10px 0 35px; text-decoration: none; background: transparent url(../gfx/arrow_red.gif) no-repeat 20px 0.5em; }

#extraNavList .menuItem .subMenuList      { padding: 0 0 0 15px;   background: transparent none;}
#extraNavList .menuItem .subMenuItem      {  }
#extraNavList .menuItem .subMenuItem a    {  }

#extraNavList .closed .subMenuList        { display: none; }
#extraNavList .open .subMenuList          { display: block; }

/* END: vertical menu   */
/* --------------------------------------------------------------------------- */



#centralNavigation { height: 21px; background: transparent url(../gfx/delft_red_articleback.gif) repeat-x 0 100%; }
#centralNavigation ul { margin: 0; padding: 0; list-style: none;  }
#centralNavigation li { float: left; display: block; margin: 0; padding: 0; width: 33.3%; text-align: center; background: transparent url(../gfx/line_vertical_dotted_grey.gif) repeat-y 0 -1px; }
#centralNavigation li a { display: block; text-decoration: none; }



/* --------------------------------------------------------------------------- */
/* Content containers */

/* Add as many as needed! */
/* Headers tags have not been defined! This wil vary per project! */

#content .article               { margin: 0; padding: 0 0 2em 0; background: transparent url(../gfx/delft_red_articleback.gif) repeat-x 0 100%; }
#content .article .summary      { padding: 0 40px 0.5em 30px; font: normal bold 1em/1.3em sans-serif; }
#content .article .bodytext     { padding: 0 40px 0.5em 30px; font: normal normal 1em/1.3em sans-serif; }
#content .article img           { float: left; }

#content .newsitem              { margin: 0; padding: 0; }
#content .newsitem h4 a         { text-decoration: none; sans-serif; color: #060; }
#content .newsitem .summary     { padding: 0 20px 0.5em 30px; font: italic normal 1em/1.1em sans-serif; }
#content .newsitem .bodytext    { padding: 0 20px 0.5em 30px; font: normal normal 1em/1em sans-serif; }
#content .newsitem img          { float: left; }

#content .product               { float: left; margin: 0; padding: 0; width: 50%; }
#content .product .summary      { font: italic normal 1em/1em sans-serif; }
#content .product .bodytext     { font: normal normal 1em/1em sans-serif; }
#content .product img           { float: left; }

#content .list                  { float: left; margin: 0; padding: 0; width: 50%; }
#content .list ul               { margin: 0; padding: 0; list-style: none;  }
#content .list ul li            { margin: 0; padding: 0 0 0.5em 13px; background: transparent url(../gfx/arrow_green.gif) no-repeat 30px 0.3em; }
#content .list p                { padding: 0 20px 0.3em 30px; font-size: 0.9em; line-height: 1; }

#content .list h4 a             { text-decoration: none; sans-serif; color: #060; }
#content .list .summary         { font: italic normal 1em/1em sans-serif; }
#content .list .bodytext        { padding: 0 30px; font: normal normal 1em/1em sans-serif; }
#content .list img              { float: left; }

#content .generalForm           { margin: 0; padding: 0; width: 50%; }
#content .generalForm .summary  { font: italic normal 1em/1em sans-serif; }
#content .generalForm .bodytext { font: normal normal 1em/1em sans-serif; }
#content .generalForm img       { float: left; }

/* END: Content containers */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* additional page elements */

#homePage #content              { background: transparent url(../gfx/delft_red_homeback.gif) no-repeat 0 0; }
#homePage #content .first       { padding: 0 0 0 0; height: 275px;  }
#homePage #content .first .bodytext       { padding: 0 10px 0 30px; width: 310px;  }
#homePage #content .first .panel       { float: right; margin: 1em 0; padding: 6px 0 0 0; width: 200px; background: transparent url(../gfx/delft_red_menu_top.gif) no-repeat 50% 0; }
#homePage #content .first .panel h3       { padding: 0 30px;  background: transparent url(../gfx/delft_red_menu_middle.gif) repeat-y 50% 0; }
#homePage #content .first .panel p       { padding: 0 30px; font: normal normal 0.9em/1.1em Arial, Helvetica, sans-serif; background: transparent url(../gfx/delft_red_menu_middle.gif) repeat-y 50% 0; }

#homePage #content .first .panel .clr       { margin: 0; padding: 0; height: 16px; overflow: hidden; background: transparent url(../gfx/delft_red_menu_bottom.gif) no-repeat 50% 0;}
#homePage #content .newsitem    { float: left; padding: 1em 0; width: 50%; background: transparent url(../gfx/line_vertical_dotted_grey.gif) repeat-y 100% 0;}
#homePage #content .list        { float: left; padding: 1em 0; width: 50%; }


p a.readon   { display: block; padding: 0.5em 15px 0 5px; text-align: right; text-decoration: none; font: normal bold 0.9em/1.1em Arial, Helvetica, sans-serif; color: #060; background: transparent url(../gfx/arrow_green.gif) no-repeat 100% 0.8em; }

/* END: additional page elements */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* General form rules  [WARNING! low specificity!] */

form                { width: 100%; }
form fieldset       {  }

.label              { float: left; width: 30%; }
.required           { /* optional background image */ }

.text               { float: left; width: 50%; }
.text input         { width: 100%; }

.password           { float: left; width: 50%; }
.password input     { width: 100%; }


/* text type variants */
.zipcode            { float: left; width: 20%; }
.city               { float: left; width: 30%; }
.day                { float: left; width: 15%; }
.month              { float: left; width: 15%; }
.year               { float: left; width: 20%; }
  
.radio              { float: left; width: 50%; }
.radio input        { display: inline; width: auto; }

.checkbox           { float: left; width: 50%; }
.checkbox input     { display: inline; width: auto; }

.select             { float: left; width: 50%; }
.select option      { width: 100%; }

.textarea           { float: left; width: 50%; }
.textarea textarea  { width: 100%; }

.message            { float: left; width: 100%; font: normal normal 1em sans-serif; }
.submessage         { float: right; width: 70%; font: normal normal 1em sans-serif; }

.button             { float: left; }
.button input       { width: auto; text-align: center;  }

/* END: General form rules  */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* Links */

a:link { color: #003399; }
a:visited { color: #003399; }
a:hover { font-weight: bold; color: #740000; }
a:active { color: #000000; }

/* END: Links  */
/* --------------------------------------------------------------------------- */



/* EOF */