/* Based on an initial design by:
andreas02 - a free xhtml/css website layout by Andreas Viklund - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jan 29, 2007)
Screen layout: */

body {
padding:0;
margin:0;
font:75% Arial,Helvetica,sans-serif;
background:#e0e0e0;
color:#202020;
}


a {
color:#303030;
text-decoration:none;
border-bottom:1px dotted #303030;
}

a:hover {
color:#303030;
text-decoration:none;
border-bottom:1px solid #303030;
}



a.nounderline {
border-bottom:0;
}
a.nounderline:hover  {
border-bottom:0;
}



h1 {
margin:0 0 20px 0;
font-size:2.2em;
font-weight:normal;
}

h2 {
margin:0 0 12px 0;
font-size:1.6em;
font-weight:normal;
}

h3 {
margin:0 0 10px 0;
font-size:1.3em;
font-weight:bold;
color:#383838;
}

h4 {
margin:0 0 9px 0;
font-size:1.1em;
font-weight:bold;
color:#383838;
}
h3.lite, h4.lite {
font-weight:normal;
}





p {
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

a img {
border:0;
}



.highlite {
background-color:#FFFF00;
padding: 2px 2px 2px 2px; 
}


ul {
margin: 0px 0px 15px 36px;
padding: 0px;
}
ul li {
margin: 0px 0px 4px 0px; 
padding: 0px;
line-height:1.5em;
}



ol{
margin: 0px 0px 15px 40px;
padding: 0px;
}
ol li{
margin: 0px 0px 4px 0px; 
padding: 0px;
line-height:1.5em;
}


img.left {
float:left;
margin:0 15px 8px 0;
}
img.right {
float:right;
margin:0 0 8px 15px;
}





table {
border-collapse: collapse;
border: 1px solid #d0d0d0;
margin: 0 15px 15px 0;
}

table tr.rowa {
background:#ffffff none repeat scroll 0%;
}

table tr.rowb {
background:#f0f0f0 none repeat scroll 0%;
}

table th {
vertical-align:middle;
background:#505050;
color:#ffffff;
margin: 0;
padding: 4px 9px;
text-align:left;
border: 1px solid #d0d0d0;
}

table td {
vertical-align:top;
padding: 8px;
margin: 0;
border-top:0;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
line-height: 1.4em;
}

table td.tidy {
vertical-align:top;
padding: 3px 10px;
margin: 0;
border-top:0;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
line-height: 1.4em;
}


table p, table h1,table h2,table h3,table h4 {
padding:0;
margin:0;
}










/* form elements */

form {
margin:0 15px 15px 0; 
padding: 8px 15px;
border: 1px solid #d0d0d0;
width:450px;
}

form p {
margin-bottom:0px;
}

label {
display:block;
font-weight:bold;
margin-bottom: 1px;
}

input {
display:block;
padding:3px;
margin-bottom:8px;
border:1px solid #d0d0d0;

font-family: Arial,Helvetica,sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size: 1.1em;

}

textarea {
display:block;
padding:3px;
border:1px solid #d0d0d0;
width:440px;
height:100px;
margin-bottom:8px;

font-family: Arial,Helvetica,sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size: 1.1em;
}

input.button { 
font-family: Arial,Helvetica,sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size: 1.1em;
vertical-align:middle;

font-weight:bold;
text-decoration:none;

border:1px solid #505050;
margin: 5px 0;

color:#ffffff;
background:#505050;


line-height:1.3em;
padding:0.4em 1em 0.3em 1em;

}

input.button:hover {
background:#e0e0e0;
color:#202020;
}














/* Main containers */

#containertop {
margin:7px auto 0 auto;
width:760px;
padding:8px 26px 0px 26px;
background:transparent url(../images/background800-top-812x8.gif) bottom center no-repeat scroll;
max-height:0;
font-size:0; /* IE 6 */
}

#container {
margin:0 auto 0 auto;
width:760px;
padding:1px 26px 18px 26px;
background:#ffffff url(../images/background800-812x1.gif) center repeat-y scroll;
}

#containercentral {
margin:15px 12px 15px 14px;
}

#containerbottom {
margin:0 auto 15px auto;
width:760px;
padding:0px 26px 7px 26px;
background:transparent url(../images/background800-bottom-812x7.gif) top center no-repeat scroll;
max-height:0;
}


/* Site title section */

#logo {
margin:16px 0 16px 0;
}

#logo a {
color:#505050;
border:none;
}

#logo a:hover {
color:#303030;
text-decoration:none;
border:none;
}



/* Toptab menu */

#toptabs {
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}

#toptabs p {
text-align:right;
color:#808080;
}

.toptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(../images/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover {
background:#fafafa url(../images/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

.activetoptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
text-decoration:none;
background:#ffffff url(../images/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover {
text-decoration:none;
border-bottom:1px solid #ffffff;
}

/* Navitab menu */

#navitabs {
clear:both;
}

.navitab {
padding:4px 13px 4px 12px;
margin:0 3px 4px 0;
text-decoration:none;
font-size:1.1em;
background:#e0e0e0 url(../images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.navitab:hover {
text-decoration:none;
background:#d0d0d0 url(../images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activenavitab {
padding:4px 14px 5px 13px;
margin:0 3px 5px 0;
color:#ffffff;
font-size:1.1em;
text-decoration:none;
background:#505050 url(../images/corner.gif) top right no-repeat;
border-bottom:1px solid #505050;
}

.activenavitab:hover {
text-decoration:none;
color:#ffffff;
border-bottom:1px solid #505050;
}



/* Header description */
/* original:
#desc {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(../images/front.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}
*/

#desc {
/*height:200px;*/
color:#ffffff;
background:#505050;
clear:both;
margin:5px 0 15px 0;
}

#desc h2 {
padding:15px 15px 0px 15px;
color:#ffffff;
}

#desc p {
width:290px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}



/* Header description 1: single image */
#desc1 {
color:#ffffff;
background:#505050;
clear:both;
margin:5px 0 0 0;
height:56px;
overflow: hidden;
}

#desc1 h2 {
color:#ffffff;
padding:17px 14px 0px 14px;
}

#desc1 img {
float:right;
padding:0;
margin:8px;
}







/* Main content */
/*
#mainall {
padding:0 15px 0 0;
margin:0;
clear:both;
}
*/

#main {
width:550px;
margin:0;
padding:0 15px 0 0;
clear:left;
}





/* Sidebars */
#sidebar {
float:right;
width:140px;
padding:0 0 0 15px;
border-left:1px solid #d8d8d8;
margin:0 0 15px 15px;
background:#ffffff;
}
#sidebar p {
font-size:1.0em; 
line-height:1.3em; 
margin:0 0 15px 0;
}
#sidebar ul {
margin:0 0 15px 0; 
padding:0;
}
#sidebar li {
list-style:none;
}
ul.sidelink li {
list-style:none; 
margin:0 0 3px; 
padding:0;
}
ul.sidelink li a {
background:#f0f0f0 url(../images/corner.gif) top right no-repeat; 
border:none; 
display:block; 
margin:5px 10px 5px 0; 
padding:3px 4px 3px 8px; 
text-align:left; 
width:130px;
}
ul.sidelink li a:hover {
background:#e0e0e0 url(../images/corner.gif) top right no-repeat; 
border:none; 
text-decoration:none;
}


#sidebarsmaller {
float:right;
width:118px;
padding:0 0 0 15px;
border-left:1px solid #d8d8d8;
margin:0 0 15px 15px;
background:#ffffff;
}
#sidebarsmaller p {
font-size:1.0em; 
line-height:1.3em; 
margin:0 0 15px 0;
}
#sidebarsmaller ul {
margin:0 0 15px 0; 
padding:0;
}
#sidebarsmaller li {
list-style:none;
}

ul.sidelinksmaller li {
list-style:none; 
margin:0 0 3px; 
padding:0;
}
ul.sidelinksmaller li a {
background:#f0f0f0 url(../images/corner.gif) top right no-repeat; 
border:none; 
display:block; 
margin:5px 10px 5px 0; 
padding:3px 4px 3px 8px; 
text-align:left; 
width:118px;
}
ul.sidelinksmaller li a:hover {
background:#e0e0e0 url(../images/corner.gif) top right no-repeat; 
border:none; 
text-decoration:none;
}














/* Footer */

#footer {
clear:both;
background:#ffffff;
padding:0;
margin:0;
border-top:1px solid #d8d8d8;
}

#footer a {
color:#808080;
}

#footer a:hover {
color:#303030;
}

#footer p {
color:#808080;
font-size:1.1em;
line-height:1.3em;
margin:15px 0 0 0;
padding:0;
}












/* Various classes */

.photo {
/*float:left;*/
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.photoleft {
float:left;
padding:2px;
margin:0 15px 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.photoright {
float:right;
padding:2px;
margin:0 0 8px 15px;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}


.photomargin {
padding:2px;
margin:0 15px 15px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}





/* same as sidelink's li links */
.boxlink {
text-align:left;
display:block;
width:140px;
background:#f0f0f0 url(../images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
border:none;
}

.boxlink:hover {
background:#e0e0e0 url(../images/corner.gif) top right no-repeat;
text-decoration:none;
border:none;
}





.greytextbutton{
font-size:1.1em;
line-height:2em;
font-weight:bold;
text-decoration:none;

padding:0.4em 0.8em;
border:1px solid #505050;
margin: 5px;

color:#ffffff;
background:#505050;
}

.greytextbutton:hover {
background:#e0e0e0;
}










table.outlinetable {
border: 1px solid #505050;
border-collapse: collapse;
padding: 0;
margin: 0 15px 15px 0;
}
table.outlinetable th {
border-bottom: 1px solid #505050;
padding: 8px;
margin: 0;
vertical-align:middle;
}
table.outlinetable td {
padding: 8px;
border: 0;
margin: 0;
vertical-align:middle;
}

table.outlinetable p, 
table.outlinetable h1, 
table.outlinetable h2, 
table.outlinetable h3,
table.outlinetable h4
{
margin: 0;
padding: 8px;
vertical-align:middle;
}



table.outlinetable td.center {
padding: 8px;
border: 0;
margin: 0;
text-align:center;
vertical-align:middle;
}

table.outlinetable td img.alignvbox {
padding:8px 8px 0px 8px; 
border: 0;
margin: 0;
}

/* correct greytextbutton border and display type */
table.outlinetable .greytextbutton {
margin:0;
display:inline;
text-align:center;
}




table.outlinevbox {
border: 1px solid #505050;
border-collapse: collapse;
padding: 0;
margin: 0 15px 15px 0;
clear:none;
text-align:center;
}
table.outlinevbox td {
padding:0;
margin: 0;
border: 0;
}
table.outlinevbox td img {
padding:15px 15px 8px 15px;
border:0;
margin:0;
}


/* correct greytextbutton border and display type */
table.outlinevbox .greytextbutton {
margin:0;
border-left:0;
border-right:0;
border-bottom:0;
display:block;

}









table.invisible {
border:0;
border-collapse: collapse;
padding: 0;
}

table.invisible td {
border:0;
border-collapse: collapse;
padding: 0;
}














.block {
background:#f0f0f0;
padding:15px;
margin: 0 0 15px 0;
}
.block ul, .block ol {
margin-bottom:0;
}

.blockquote {
background:#f0f0f0;
padding:15px;
border-left: 8px solid #505050;
margin: 0 0 15px 0;
}
.blockquote ul, .blockquote ol  {
margin-bottom:0;
}

.blockbar {
padding:0 12px 0 12px;
border-left:1px solid #d8d8d8;
margin: 0 0 15px 0;
background:#ffffff;
}
.blockbar ul, .blockquote ol  {
margin-bottom:0;
margin-left: 26px;
}




.withdownrightarrow {
padding:0 0 32px 0;
background:#ffffff url(../images/down-right-arrow.gif) bottom right no-repeat;
margin: 3px 1px 0 0;
border:0;
vertical-align:top;
}

.rightimage { 
margin:0 15px 30px 0;
border:0;
vertical-align:top;

padding:2px;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}



.smallpadding {
padding: 0 15px 15px 0;
}






.mandatory {
color:#d80000;
}


.right {
margin-top:-8px;
text-align:right;
}

.center {
display: block;
text-align: center;
/*margin: auto;*/
}


.hide {
display:none;
}

.clear {
clear:both;
}

.clearleft {
clear:left;
}


.noborder {
border:0;
}


.height1px { height:1px; }
.height5px { height:5px; }
.height10px { height:10px; }
.height15px { height:15px; }
.height20px { height:20px; }
.height30px { height:30px; }
.height50px { height:50px; }
.height100px { height:100px; }

.margin15px { margin-left:15px; }
.margin20px { margin-left:20px; }
.margin30px { margin-left:30px; }
.margin40px { margin-left:40px; }
.margin50px { margin-left:50px; }
.margin100px { margin-left:100px; }
.margin200px { margin-left:200px; }