/* GLOBAL SIS CSS */
/* Last Updated March 2010 */
/* Designed/Development by Nate Laffan */


/* -------------------- RESET --------------------- */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, textarea, a, fieldset, input, th, td {
margin: 0; padding: 0; border: 0; outline: none;}  
   
body, html {
height: 100%;
width: 100%;
}   
  
.clearboth {clear: both;}

ul, ol {list-style: none;}  
a  { color: black; text-decoration: none;}  
a:hover {text-decoration: underline;}  

.clearboth {clear: both;}
.floatleft {float: left; padding-right: 30px; padding-bottom: 20px;}
.floatright {float: right; padding-left: 30px; padding-bottom: 20px;}

/* ------------------ GLOBAL STYLES ------------------ */

/*TYPOGRAPHY*/

/* Fonts */

h1, h2, h3, .nonlinkh3 {font-family: Garamond, Times, Georgia, serif; font-weight: normal;}

#sidebar {font-family: Georgia, Garamond, Times, serif;}
#sidebar h3, #sidebar .nonlinkh3 {font-family: Georgia, Garamond, Times, serif;}


p, h4, .content-ul, #language {font-family: Helvetica, Arial, san-serif;}

#footer {font-family:  Trebuchet MS, Tahoma, sans-serif;}

/* Sizing */

p, blockquote {color: #545454;}

h1 {
padding-bottom: 10px;
font-weight: normal;
}

h2 {
font-size: 37px;
padding-bottom: 10px;
}

h2, h3, h4 {color: #3a4552;}

h3, .nonlinkh3 {
font-size: 25px;
font-weight: normal;
padding-bottom: 5px;
} 

.nonlinkh3 {
display: block;
}

p {
font-size: 12px;
line-height: 18px;
padding-bottom: 20px;
}

.content-ul {
font-size: 13px;

}


/*POSITIONING*/

body {background: #dbdace;}

#wrapper { 
margin: 0 auto; 
width:958px;
background: url(../images/contentbg.png) repeat-y left #3a4554;
padding-bottom: 15px; 
border-bottom: 8px solid #3a4554;
} 

#header {
width:958px;
height:166px;
}

.content {
float: left;
background: white;
padding: 20px 30px;
width: 621px;
margin: 0 7px;
}

#seal {
position: absolute;
margin: -115px 0 0 -60px;
background: url(../images/logo.png) no-repeat top;
width:47px;
height:75px;
}

/*--- Main Navigation ---*/

#sidebar {
margin: -70px 0 0 696px;
width: 253px;
}

#sidebar li a {
margin-top: 3px;
font-size: 17px;
display: block;
background: white;
padding: 10px;
color: #2c2f32;
}

#sidebar li a:hover {color: black; background: #f1f4f9; text-decoration: none;}



/* Subnav */

#sidebar li .subnav{
margin-top: -5px;
margin-bottom: 10px;
}

#sidebar li .subnav li a {
border-top: 1px solid #373f49;
border-bottom: 1px solid #191e24;
display: block;
background: #232931;
color: #c9d7e9;
margin-top: 0;
font-size: 15px;
letter-spacing: .03em;
line-height: 25px;
padding-left: 20px;
}

#sidebar li .subnav li a:hover {
text-decoration: none;
color: white;
background: #2b323c;
}

.sidebar_hr {
background: url(../images/hr_sidebar_bg.png) repeat-x top;
height: 2px;
width: inherit;
display: block;
margin: 10px 0;
}

/* outside links */
#sidebar .outside-link a {background: #fffeee;}
#sidebar .outside-link a:hover {background: #f5f3d8}

/* Language Options */



#sidebar #language {
font-weight: bold;
text-align: center;
width: 200px;
margin: 0 0 0 55px;
display: block;
}

#sidebar #language a {
font-size: 12px; 

}

#language div {float: left;}
#language div a {padding: 5px 15px;}

#it a {
border-right: 1px solid;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}

#en a {
border-left: 1px solid ;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}

#sidebar #language div .active_lang {background: #bfdcfd; color: #2d5972; border-color: #daeafc; }
#sidebar #language div .inactive_lang {background: #8394aa; color: #252c35; border-color: #5f7084; }

#sidebar #language div .inactive_lang:hover {color: white; background: #8fa7c1; text-decoration: none;}
#sidebar #language div .active_lang:hover {text-decoration: none;}


/* Current page */

#sidebar #currentinternal a {color:white; border-left:10px solid #6f8198;}

#sidebar #currentsection a {border-left:10px solid #fe9800;}



/*--- Footer ---*/

#footer {
margin: 0 auto; 
width:938px;
background: #c7c6b8;
color: #4a4939;
padding: 10px;
font-size: 11px;
margin-top: 10px;

height: 15px;
}