body, div, p, a, ol, table, tr, td
{
    margin:0;
    padding:0;
    border:none;
}

body 
{
    background-color:#F8F8F8;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size:90%;
    color:#333;
}

ul
{
	font-size:110%;
    height:20;
}

li
{
    font-size:90%;
    height:10;
    
}
/*Typography*/

h1
{
    
    color:#002288;
    font-family:Calibri, Arial, Sans-Serif;
    font-size:1.6em;
    font-weight:bold;
    text-transform:uppercase;
    line-height:1em;
    margin:0;
    padding-top:10px;
}

h2
{
    color:#002288;
    font-family:Calibri, Arial, Sans-Serif;
    font-size:1.5em;
    font-weight:bold;
    line-height:1em;
    padding-top:10px;
    margin:0;
}

h3
{
    color:#002288;
    font-family:Calibri, Arial, Sans-Serif;
    font-size:1.2em;
    font-weight:bold;
    line-height:1em;
    padding-top:8px;
    margin:0;
}

h4 /*Titles in the right side column*/
{
    color:#8BA0E0;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:1.3em;
    font-weight:bold;
    margin:0;
    padding-top:8px;
}

h5 /*Titles/text in the left side column*/
{
    color:#002288;
    font-family:Calibri, Arial, Sans-Serif;
    font-weight:bold;
    font-size:1em;
    margin:0;
    padding-top:8px;    
}

p
{
    margin:8px 0 10px 0;
    font-size:0.79em;  
    line-height:140%; 
    letter-spacing:0.05em;
}

table
{
    font-size:0.79em;
    line-height:120%;
    letter-spacing:0.05em;
}

td
{
    padding:1px;    
}


/*Layout*/
#wrapper
{
    position:relative;
    width:913px; /*this is the width with drop shadow - 5px on the left, and 9px on the right side. */
    margin:20px auto;
    text-align:left;
    background:#FFF url(images/wrapper_bg.png) repeat-y top left;
}
    
#tab
{
    background:#F8F8F8 url(images/tab_bg.png) no-repeat top left;
    height:49px;
    color:#2955D6;
    font-size:11px;
    letter-spacing:0.1em;
}

#tab a
{
    color:#2955D6;
}

#tab a:hover
{
    color:#2955D6;
    text-decoration:none;
}

#breadcrumbs
{
    float:left;
    margin: 33px 0 0 210px; /* Margin-left was 172px originally to start at the beginning of the      second photo. */
}

#toplinks
{
    text-align:right;
    margin-right:15px;
    padding-top:33px;
}

#masthead
{
    height:104px;
    background:#F8F8F8 url(images/masthead2.png) no-repeat top left;
}

#mainnav
{
    height:23px;
    background:#FFF url(images/menu_bg.png) no-repeat top left;
    padding:0 11px 0 7px;
}

#main
{
    margin:0 11px 0 7px;
    background:#E0E0E0 url(images/main_bg.png) repeat-x top left;
    padding-top:10px;
    border-top:1px solid #D9D9D9;
}

#main_inner
{
    position:relative; /*in order to have a chance to position the div#leftcol absolute to its immediate parent*/
    background:url('images/main_inner_bg.png') repeat-x left bottom;
    padding-bottom:10px;
}

#leftcol
{
    float:left; /*alternative */
    width:154px;
    padding-left:8px; /*alternative */
    /*position:absolute;
    top:0;
    left:8px;*/
}

#subnav
{

}

.leftsidebox
{
    width:151px;
    background-color:#E5EAFA;
    border:solid 1px #A3B6ED;
    border-right-width:2px;
    border-bottom-width:2px;
    margin-bottom:9px;
}

.leftsidebox h5
{
    margin:5px 15px 0 15px;    
}

#subnav
{
        
}

#search
{
}

#search img
{
    display:inline;
    margin:5px 10px 0 10px;
}

#search h5
{
    margin:0 10px 0 10px;
}
    
#search .textbox, #search .button
{
    display:block;
    margin:0 10px 0 10px;
}

#search .button
{
    display:block;
    background:#C9D4F4 url(images/button_bg.png) repeat-x bottom left;
    border:1px solid #FFF;
    border-bottom-color:#728EE2;
    border-right-color:#728EE2;
    float:right;
    margin-right:15px;
}

#search p.smaller
{
    font-size:0.6em;
    margin:30px 10px 5px 10px;
}

#search a
{
    color:#2955D6   
}

#search a:hover
{
    color:#2955D6;
    text-decoration:none;    
}

#newsletter img
{
    display:inline;
    margin:10px 10px 0 0;
    float:left;
}

#newsletter h5
{
    padding:10px 0 10px 0;
}

#newsletter a:link,
#newsletter a:visited,
#newsletter a:hover
{
	text-decoration:none;
	color:#002288;
}	

.leftsidebox img
{
    display:block;
    margin:10px auto;    
}

#maincol
{
    position:relative;
    margin:0 /*10px commented out for alternate */ 8px 0 171px;
    padding-bottom:10px;
    background-color:#FFF;
    min-height:900px; /* to be reviewed */
}

#introbox
{

}

#centercol
{
    position:relative;
    padding-bottom:20px;
}

#centercontent
{
     margin:10px 200px 10px 17px;   
}

#centercontent h1 a,
#centercontent h2 a,
#centercontent h3 a,
#centercontent h5 a
{
   color:#002288;
}

#centercontent h1 a:hover,
#centercontent h2 a:hover,
#centercontent h3 a:hover,
#centercontent h5 a:hover
{
   color:#002288;
   text-decoration:none;
}

#centercontent h4 a
{
    color:#8BA0E0;    
}

#centercontent h4 a:hover
{
    color:#8BA0E0;
    text-decoration:none;     
}

#centercontent ul, 
#centercontent ol
{
    list-style-position:inside;
    margin-left:10px;
    font-size:11px;  
    line-height:140%; 
    letter-spacing:0.05em;
}

#centercontent li
{
    margin:8px 0 0 0;    
}

#rightcol
{
    position:absolute;
    top:45px;
    right:15px;
    width:150px;
}

#rightcol .rightcolbox
{
    background:#FFF url(images/leftcoldeko.gif) repeat-x bottom left;
    padding:0 0 10px 0;
    margin:0 0 20px 0;  
}

#rightcolbox #references
{
	padding:0;
	margin:0;
}

#rightcol .rightcolbox h4
{
    margin:0 0 10px 0;
    background:#FFF url(images/leftcoldeko.gif) repeat-x bottom left;
    padding:0;
}

#rightcol .rightcolbox img
{
    display:block;
    margin:10px auto 5px auto;
}

#rightcol .rightcolbox a, 
#centercol a
{
    text-decoration:underline;
    color:#333;
}

#rightcol .rightcolbox a:hover,
#centercol a:hover
{
    text-decoration:none;    
}
 
#footer
{
    height:32px;
    background:#414141 url(images/footer_bg.png) no-repeat left top;
    color:#FFF;
    font-size:11px;
    letter-spacing:0.1em;
    line-height:22px;
    text-align:right; /* maybe another solution is needed here, depending on footer content */
    padding-right:18px;
}

/* Styling individual pages */


/* Home */

#news
{
    
}


#introbox_outside
{
    width:676px;
    position:relative;
    top:35px;
    left:17px;
    background:url('images/introbox_bottom_bg.gif') no-repeat left bottom;
}

#introbox_inside
{
     background:url('images/introbox_top_bg.png') no-repeat left top;
}

#introbox h1
{
     padding:8px 0 0 13px;   
}

#introbox p
{
    padding:0 154px 38px 125px;
    color:#666;
    font-family:Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size:0.85em;
    line-height:1.3em;
}

.newsblock_outside
{
    background:url('images/newsblock_bottom_bg.gif') no-repeat left bottom;
    margin-bottom:10px;
}

.newsblock_inside
{
    background:url('images/newsblock_top_bg.png') no-repeat left top;
}

#news h1
{
    padding:10px 0 6px 0px;
    margin:30px 0 0 15px;    
}

#news h2
{
    margin:0 14px;
    padding:16px 0 5px 0;
}

#news h3.teaser
{
    color:#666;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:0.8em;
    font-weight:bold;
    margin:0 14px;
    padding:0px;    
}

#news p.newsdate
{
    color:#666;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:0.8em;
    font-style:italic;
    margin:0 14px;
    padding:0px;
    text-align:right;
    letter-spacing:normal;
}

#news p.newstext
{
    margin:0 14px;
    padding:10px 0 20px 0;
}