/* CSS Document */

body {
	font-size:12px;
	font-family:Verdana;
	background-image: url(images/bg_square.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 0px;
	color: #000033;
	text-decoration: none;
}
div#outer {
    width: 722px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
div#header {
	background-image: url(images/sbp_header.gif);
	height: 200px;
	width: 722px;
}
div#nav {
	background-image: url(images/body_header.gif);
	height: 25px;
	width: 722px;
}
div#main {
	padding: 10px;
	background-color: #FFFFFF;
	background-image: url(images/body_bg.gif);
}
div#footer {
	padding: 0px;
	margin: 0px;
	height: 24px;
	width: 722px;
}
div#navlink {
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	font-size: 10px;
	font-family: Verdana;
	line-height: 25px;
	margin-left: 5px;
	margin-right: 5px;
}
div#navlinkright {
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	font-size: 10px;
	font-family: Verdana;
	line-height: 25px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: right;
}
navright {
	font-family: Verdana;
	color: #FFFFFF;
	line-height: 25px;
	font-weight: bold;
	font-size: 10px;
	margin-right: 5px;
	float: right;
	background-image: url(images/nav_divider.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 12px;
}
navleft {
	font-family: Verdana;
	color: #FFFFFF;
	line-height: 25px;
	font-weight: bold;
	font-size: 10px;
	float: left;
	background-image: url(images/nav_divider.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 12px;
	height: 25px;
}
div#bodyfooter {
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 722px;
}
h3 {
	font-size:10px;
	font-family:Verdana;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	line-height: 25px;
}

h2 {
	background-image:url(images/headingbg.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 20px;
	line-height: 20px;
	}

h1 {
	font-size:10px;
	font-family:Verdana;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	line-height: 25px;
}
h3_r {
	font-size:10px;
	font-family:Verdana;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 25px;
	float: right;
	background-image: url(images/footerlinks_bg.gif);
	background-repeat: no-repeat;
	width: 400px;
	padding-left: 5px;
	text-decoration: none;
}
a:link {
	font-weight: bold;
	color: #016586;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}a:visited {
	font-weight: bold;
	color: #FF9900;
}
a:active {
	font-weight: bold;
	color: #000000;
}
left {
	left: auto;
}
.bodygray {
	font-size: 9px;
	color: #666666;
}
pngbg {
	background-image:url(images/headingbg.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-bottom: 45px;
	padding-top: 20px;
	line-height: 20px;
	}


 
/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('images/sketchcorners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 35px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
		width: 200px;
	}
.top-left, .bottom-left { 
	margin-right: 10px; /* CHANGE: replace by the width of one of your corners */
		width: 200px;
	}
.top-right, .bottom-right { 
	margin-left: 10px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -35px;  /* CHANGE: replace by the negative height of one of your corners */
		width: 200px;
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
		width: 200px;
	}
.bottom-left  { 
	background-position: 0 -35px;    /* CHANGE: replace second number by negative height of one of your corners */
		width: 200px;
	}
.bottom-right { 
	background-position: 100% -35px; /* CHANGE: replace second number by negative height of one of your corners */
		width: 200px;
	}
.inside {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #FFFFFF;
	color: #000000;
	padding-left: 10px;
	padding-right:10px;
	width: 188px;
	}
.notopgap    {
	margin-top: 0;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #016586;
}    /* DNC: to avoid splitting of the box */
.nobottomgap {
	margin-bottom: -1px;
	padding-bottom: 1px;
	font-family: Verdana;
	font-size: 9px;
} /* DNC: to avoid splitting of the box */

div#innerframe {
	float: right;
	margin-left: 10px;
}