/* Page Elements */

body {margin: 0; height: 100%; padding: 0; font-family: Segoe UI, Arial; font-size: 11px; color: #000000; background-color: #FFFFFF;}
#content {width: 100%; margin: auto; padding: 0px;}
#footer {width: 771px; clear: both; margin: 0 auto; padding: 2px 2px 2px 2px; color: purple; font-weight: bold; border-top: 1px purple solid;}
#header {width: 100%; margin: auto; padding: 0px;}
#page {background-color: white; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; width: 100%; _width: 775px; max-width: 775px; min-width: 775px; height: 100%; position: relative; top: 0px;}
#whereru {width: 773px; margin: auto; padding: 0px 0px 0px 2px; color: purple;}
#whererult {float: left; width: 495px; margin: 0 auto; padding: 0px 0px 0px 5px; color: #800080;}
#whererurt {float: right; width: 250px; margin: 0 auto; padding: 0px 15px 0px 0px; font-weight: bold; text-align: right; color: #800080;}
.pagehalfspace {width: 100%; clear: both; height: 5px; margin: auto; padding: 0px; font-size: 3px;}
.pagespace {width: 100%; clear: both; height: 10px; margin: auto; padding: 0px;}

/* Link Elements */

a {text-decoration:none; color:#800080;}
a:link {color:#800080;}
a:visited {}
a:active {color:#800080;}
a:hover {background-color:inherit; border-color:#800080;}
.context a {color: #800080;}
.context a:hover {color: #800080; line-height: 14px; border-bottom: dotted 1px #800080;}
.context a:link {}
.sidenavtxt a {color: #800080;}
.sidenavtxt a:link {}
.sidenavtxt a:hover {display: block; color: #800080; line-height: 13px; font-weight: bold; font-style: italic; border-bottom: dotted 1px #800080; background-image: url('images/elements/sidenavroll.png');}
.titlelink {font-size: 15px; line-height: 17px;}
.titlelink a {color: #800080;}
.titlelink a:link {}
.titlelink a:hover {color: #800080; line-height: 17px; border-bottom: dotted 1px #800080;}

/* Content Elements */

#contentpage {width: 600px; float: right; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px;}
#sidenav {width: 150px; float: left; margin: 0 auto; padding: 0px;}

/* Header Elements */

#clock {width: 100px; height: 100px; float: right; text-align: center; margin: 0 auto; padding: 0px;}
#logo {width: 773px; height: 100px; float: left; margin: 0 auto; padding: 0px; border-left: purple 1px solid; border-right: purple 1px solid; background-image: url('images/elements/sbilocallogo.png');}
#topnav {width: 773px; float: left; margin: 0 auto; padding: 0px; border-left: purple 1px solid; border-right: purple 1px solid; background-image: url('images/elements/topnav.png'); vertical-align: middle; font-weight: bold; font-size: 12px; color: white;}
#topnavbot {width: 775px; height: 10px; clear: both; margin: 0 auto; padding: 0px; font-size: 2px; background-image: url('images/elements/topnavbot.png');}

/* Top Navigation Elements */

#TNBlog {margin: 0; list-style-type: none; padding: 0;}
#TNBlog li {float: left;}
#TNBlog li a {display: block; width: 101px; text-align: center; color: #FFFFFF;}
#TNBlog li a:hover {background-image: url('images/elements/topnavroll.png'); color: #000000;}
#TNFoto {margin: 0; list-style-type: none; padding: 0;}
#TNFoto li {float: left;}
#TNFoto li a {display: block; width: 101px; text-align: center; border-right: solid 1px #FFFFFF; color: #FFFFFF;}
#TNFoto li a:hover {background-image: url('images/elements/topnavroll.png'); color: #000000;}
#TNPast {margin: 0; list-style-type: none; padding: 0;}
#TNPast li {float: left;}
#TNPast li a {display: block; width: 101px; text-align: center; border-right: solid 1px #FFFFFF; color: #FFFFFF;}
#TNPast li a:hover {background-image: url('images/elements/topnavroll.png'); color: #000000;}
#TNSBI {margin: 0px auto; list-style-type: none; text-decoration: none; padding: 0;}
#TNSBI li {float: left; text-decoration: none;}
#TNSBI li a {display: block; width: 90px; text-align: center; text-decoration: none; border-right: solid 1px #FFFFFF; color: #FFFFFF;}
#TNSBI li a:hover {background-image: url('images/elements/topnavroll.png');color: #000000;}
#TNSBIM {margin: 0px auto; list-style-type: none; text-decoration: none; padding: 0;}
#TNSBIM li {float: left; text-decoration: none;}
#TNSBIM li a {display: block; width: 172px; text-align: center; text-decoration: none; border-right: solid 1px #FFFFFF; color: #FFFFFF;}
#TNSBIM li a:hover {background-image: url('images/elements/topnavroll.png'); color: #000000;}
#TNTime {margin: 0; list-style-type: none; padding: 0;}
#TNTime li {float: left;}
#TNTime li a {display: block; width: 101px; text-align: center; border-right: solid 1px #FFFFFF; color: #FFFFFF;}
#TNTime li a:hover {background-image: url('images/elements/topnavroll.png'); color: #000000;}

/* Side Navigation Elements */

#snbox {width: 150px; margin: 0px 0px 10px 0px; padding: 0;}
.snboxbot {width: 150px; height: 10px; margin: 0 auto; padding: 0px; background-image: url('images/elements/snbot.png');}
.snboxmid {width: 148px; margin: 0 auto; padding: 5px 0px 0px 0px; border-left: solid 1px #800080; border-right: solid 1px #800080; text-align: center;}
.snboxmidin {width: 140px; margin: 0px auto; padding: 2px; background: #F2E6FF; color: #800080; text-align: left; font-size: 11px;}
.snboxtop {width: 145px; height: 20px; margin: 0 auto; padding: 0px 0px 0px 5px; background-image: url('images/elements/sntop.jpg'); font-size: 10pt; font-weight: bold; color: #FFFFFF; vertical-align: middle;}

/* Content Elements */

.conbox {width: 600px; float: left; margin: 0 auto; padding: 0; text-align: center;}
.conboxbot {width: 600px; height: 10px; clear: both; margin: 0 auto; padding: 0px; background-image: url('images/elements/conbot.png');}
.conboxfill {width: 575px; margin: 0 auto; padding: 5px; border: 1px #CA70FA solid; background-color: #F2E1FF;}
.conboxmid {width: 588px; float: left; margin: 0 auto; padding: 5px; border-left: solid 1px #F2E6FF; border-right: solid 1px #F2E6FF; text-align: justify;}
.conboxmidin {width: 575px; margin: 0 auto; padding: 0px 5px 0px 5px; text-align: justify; font-size: 11px;}
.conboxtop {width: 595px; height: 20px; margin: 0 auto; padding: 0px 0px 0px 5px; background-image: url('images/elements/contop.jpg'); font-size: 10pt; font-weight: bold; color: #FFFFFF; vertical-align: middle; text-align: left;}
.conspace {width: 100%;	height: 10px; font-size: 9px;}

/* Text Styles */

.context {line-height: 14px; text-alignment: justify;}
.conline {width: 100%; margin: 5px 0px 5px 0px; line-height: 3px; border-bottom: dotted 1px #800080;}
.footertext {font-weight: bold; color: #800080;}
.sidenavtxt {color: #800080; line-height: 14px; border-bottom: dotted 1px #800080;}
.title {font-size: 15px; color: #800080; text-align: left;}

/* Image Styles */

.rightpic {float: right; width: 120px; padding: 0px 5px 0px 5px; margin-right: 5px;}