/*
SIRION.NL
green: #99cc33
*/

html {
margin: 0px;
padding: 0px;
scrollbar-base-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #99cc33;
}
body {
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", Trebuchet, Verdana, Lucida, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #ffffff;
text-align: center;
}
form {
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", Trebuchet, Verdana, Lucida, Arial, Helvetica, sans-serif;
background: transparent;
font-size: 11px;
}

/* the main page layout styles: */

#lMain {
position: relative;
margin: 0px 0px 0px 0px;
margin-left: auto; margin-right: auto;
padding: 0px 0px 0px 0px;
width: 800px;
border: 0px solid #ff7744;
background-color: #ffffff;
}
#lTop {
position: relative;
margin: 0px 0px 0px 0px;
margin-left: auto; margin-right: auto;
padding: 0px 0px 0px 0px;
width: 100%;
height: 100px;
text-align: center;
background: url('../images/back/top_home.gif');
background-repeat: repeat-x;
background-position: center center;
background-color: #99cc33;
clear: both;
}
#lTopLogo {
position: absolute;
top: 0px;
left: 0px;
}
#lTopTitle {
position: absolute;
top: 5px;
right: 10px;
color: #ffffff;
font-family: "Times New Roman", Times, serif;
font-family: "Trebuchet MS", Trebuchet, Verdana, Lucida, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
font-style: italic;
}
#lTopImage {
position: absolute;
top: 0px;
left: 0px;
width: 200px;
height: 100%;
background-color: #ffffff;
}
#lHeader {
position: relative;
margin: 0px 0px 0px 0px;
margin-left: auto; margin-right: auto;
margin-bottom: 0px;
padding: 6px 5px 6px 5px;
text-align: left;
color: #000000;
background: transparent;
background-color: #ffffff;
}
#lMiddle {
position: relative;
margin: 10px 0px 10px 0px;
margin-left: auto; margin-right: auto;
padding: 0px 0px 0px 0px;
text-align: center;
background-color: #ffffff;
border: 0px solid #000000;
width: 100%;
background: transparent;
background-color: #ffffff;
}
#lFooter {
position: relative;
clear: both;
margin: 0px 0px 0px 0px;
margin-left: auto; margin-right: auto;
margin-top: 10px;
padding: 2px 10px 2px 10px;
font-size: 10px;
text-align: right;
border: 0px solid #000000;
clear: both;
background-color: #ffffff;
}
#lBottom {
position: relative;
clear: both;
margin: 0px 0px 0px 0px;
margin-left: auto; margin-right: auto;
padding: 8px 15px 0px 0px;
font-size: 10px;
height: 20px;
text-align: right;
color: #ffffff;
clear: both;
}
#l3Wrapper {
width: 550px;
float: left;
}
#l3Center {
width: 300px;
float: right;
text-align: left;
background: transparent;
}
#l3Left {
width: 250px;
float: left;
overflow: auto;
text-align: left;
background: transparent;
}
#l3Right {
width: 250px;
float: right;
overflow: auto;
text-align: left;
background: transparent;
}


#l2Wrapper {
width: 100%;
float: left;
}
#l2Center {
width: 73%;
float: right;
text-align: left;
background: transparent;
}
#l2Left {
width: 27%;
float: left;
overflow: auto;
text-align: left;
background: transparent;
}
#l2Right {
width: 27%;
float: right;
overflow: auto;
text-align: left;
background: transparent;
}

#cLeft {
position: relative;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
border: 0px dashed #000000;
background: transparent;
text-align: justify;
}
#cCenter {
position: relative;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
padding-left: 5px;
border: 0px dashed #000000;
background: transparent;
text-align: justify;
}
#cRight {
position: relative;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
border: 0px dashed #000000;
background: transparent;
text-align: justify;
}

#lMenu {
position: relative;
height: 20px;
}
#lMenuBtns {
position: absolute;
top: 2px;
left: 0px;
color: #666666;
font-size: 13px;
}
#lMenuTitle {
position: absolute;
top: 2px;
right: 10px;
font-style: italic;
}
#lMenuLogin{
position: absolute;
top: 8px;
right: 5px;
border: 0px dashed;
text-align: right;
}
#lMenuAdmin {
position: relative;
margin: 0px 0px 0px 0px;
padding: 2px 10px 2px 10px;
text-align: left;
font-family: Verdana;
}
#lMenuSub {
position: relative;
margin: 0px 5px 25px 5px;
padding: 0px 0px 0px 0px;
text-align: left;
line-height: 200%;
}
#lDailyQuotes {
position: relative;
margin: 30px 5px 15px 5px;
padding: 0px 0px 0px 0px;
text-align: left;
line-height: 150%;
}
#lnewsSmall {
position: relative;
margin: 0px 5px 10px 5px;
padding: 0px 0px 0px 0px;
text-align: left;
line-height: 150%;
}

#mngTitle {
position: relative;
margin: 0px 0px 5px 0px;
padding: 0px 5px 0px 5px;
text-align: center;
font-size: 15px;
font-weight: bold;
}
#mngHeader {
position: relative;
margin: 0px 0px 10px 0px;
padding: 2px 5px 2px 5px;
text-align: left;
}
#mngItemHeader {
position: relative;
margin: 40px 0px 10px 0px;
padding: 2px 5px 2px 5px;
text-align: left;
}
#mngItemHeaderNum {
position: absolute;
top: 2px; right: 10px;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
text-align: right;
font-size: 9px;
}
#pageLinks {
position: relative;
top: 0px; right: 5px;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
text-align: right;
font-size: 9px;
}
#mngPageLinks {
position: relative;
top: 0px; right: 5px;
margin: 0px 0px 10px 0px;
padding: 2px 5px 2px 5px;
text-align: right;
font-size: 9px;
}
p {
margin: 5px;
margin-bottom: 10px;
padding: 0px;
}
hr {
height: 1px;
color: #248AC8;
background-color:#248AC8; /* Netscape 6/7, Mozilla */
color:#248AC8; /* IE */
border: #248AC8; /* Opera */
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: none;
}
a.menu:link, a.menu:visited {
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 15px;
text-decoration: none;
font-family: Verdana;
}
a.menu:hover, a.menu:active {
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 15px;
text-decoration: none;
font-family: Verdana;
}
a.menuA:link, a.menuA:visited {
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 15px;
text-decoration: none;
font-family: Verdana;
}
a.menuA:hover, a.menuA:active {
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 15px;
text-decoration: none;
font-family: Verdana;
}
a.menuadmin:link, a.menuadmin:visited {
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;
font-family: Verdana;
}
a.menuadmin:hover, a.menuadmin:active {
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;
font-family: Verdana;
}
a.menuadminA:link, a.menuadminA:visited {
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;
font-family: Verdana;
}
a.menuadminA:hover, a.menuadminA:active {
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;
font-family: Verdana;
}
a.submenu:link, a.submenu:visited {
margin: 0px 0px 0px 0px;
text-decoration: none;
font-family: Verdana;
}
a.submenu:hover, a.submenu:active {
margin: 0px 0px 0px 0px;
text-decoration: none;
font-family: Verdana;
}
a.submenuA:link, a.submenuA:visited {
margin: 0px 0px 0px 0px;
text-decoration: none;
font-family: Verdana;
}
a.submenuA:hover, a.submenuA:active {
margin: 0px 0px 0px 0px;
text-decoration: none;
font-family: Verdana;
}

#editForm {
position: relative;
border: 0px dashed;
padding: 5px 5px 10px 5px;
}
#addForm {
position: relative;
border: 0px dashed;
padding: 5px 5px 10px 5px;
}
#deleteForm {
position: relative;
border: 0px dashed;
margin: 0px 0px 15px 0px;
padding: 5px 5px 10px 5px;
}
#guestbookForm {
position: relative;
border: 0px dashed;
padding: 5px 5px 10px 5px;
}
#row {
position: relative;
margin: 5px 0px 5px 0px;
width: 100%;
clear: both;
}
#rowsmall {
position: relative;
margin: 0px 0px 0px 0px;
width: 100%;
clear: both;
}
#label {
position: absolute;
padding: 0px 0px 0px 5px;
top: 0px;
left: 0px;
width: 25%;
border: 0px solid;
text-align: left;
}
#item {
margin-left: 26%;
padding: 0px 0px 0px 5px;
border: 0px dashed;
text-align: left;
}

/* small styles */
#visible {
display: block;
}
#hidden {
display: none;
}
.visible {
display: visible;
}
.hidden {
display: none;
}

.clear {
clear: both;
}
#clear {
clear: both;
font-size: 8px;
}
.plain {
font-weight: normal;
}
.stMarginLeft {
margin-left: 10px;
}
.stMargin {
margin: 10px;
}
.error {
color: red;
background: transparent;
font-weight: bold;
}
.explain {
font-family: Courier;
color: #0000ff;
}
.help {
margin: 0px 0px 0px 5px;
color: blue;
}
#help {
margin: 0px 0px 0px 5px;
color: blue;
}
.inSelect {
margin: 0px; padding: 0px; padding-left: 2px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border: 1px solid #000000;
color: #000000;
background: #ffffff;
}
.inSelectDate {
margin: 0px; padding: 0px; padding-left: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border: 1px solid #000000;
color: #000000;
background: #ffffff;
}

.inOption {
margin: 0px; padding: 0px; padding-left: 2px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border: 0px solid #000000;
color: #000000;
background: #ffffff;
}

.inCheck {
margin: 0px; padding: 0px; padding-left: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

.inRadio {
margin: 0px; padding: 0px; padding-left: 2px;
font-family: Verdana, Arial, sans-serif;
}

.inSubmit {
margin: 0px;
padding: 0px 4px 0px 4px;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
font-weight: bold;
}
.inSubmitSmall {
margin: 0px;
padding: 0px 4px 0px 4px;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
border: 1px solid #000000;
color: #000000;
background: #ffffff;
color: #ffffff;
background: #248AC8;
}

.inText {
margin: 0px; padding: 2px; padding-left: 2px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border: 1px solid #000000;
color: #000000;
background: #ffffff;
}

.inLogin {
margin: 0px;
padding: 0px 4px 0px 4px;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
border: 1px solid #000000;
color: #000000;
background: transparent;
}

.inLoginSubmit {
margin: 0px;
padding: 0px 4px 0px 4px;
font-family: Verdana, Arial, sans-serif;
font-size: 8px;
font-weight: bold;
border: 1px solid #000000;
color: #000000;
background: transparent;
}

.inTextSmall {
margin: 0px;
padding: 1px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border: 1px solid #000000;
color: #000000;
background: #ffffff;
}

.inTextArea {
margin: 0px; padding: 4px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border: 1px solid #000000;
color: #000000;
background: #ffffff;
overflow: auto;
}

#cnt {
position: relative;
border: 0px solid;
margin: 5px 5px 20px 5px;
line-height: 160%;
clear: both;
}
#cntTitle {
position: relative;
border: 0px solid;
margin: 0px 0px 0px 0px;
}
#contentTitle {
position: relative;
border: 0px solid;
margin: 0px 0px 15px 0px;
font-size: 18px;
}
#guestbook {
position: relative;
border: 0px solid;
margin: 5px 5px 25px 5px;
padding: 0px;
}
#guestbookTitle {
position: relative;
border: 0px solid;
padding: 2px 2px 2px 5px;
}
#guestbookFooter {
position: relative;
padding: 0px 5px 0px 5px;
text-align: right;
}
#news {
position: relative;
border: 0px solid;
margin: 5px 5px 50px 5px;
padding: 0px;
}
#newsTitle {
position: relative;
border: 0px solid;
padding: 2px 2px 2px 5px;
margin-bottom: 15px;
}
#newsFooter {
position: relative;
padding: 0px 10px 0px 5px;
text-align: right;
}
.txt {
margin: 4px;
}
.txtLeft {
text-align: left;
}
.txtRight {
text-align: right;
}
.txtCenter {
text-align: center;
}
.txtJustify {
text-align: justify;
}
.imgFloatLeft {
position: relative;
margin: 0px 10px 0px 0px;
float: left;
}
.imgFloatRight {
position: relative;
margin: 0px 0px 0px 10px;
float: right;
}
.imgFloatCenter {
position: relative;
text-align: center;
}

.floatLeft {
position: relative;
float: left;
margin-right: 10px;
}
.floatRight {
position: relative;
float: right;
margin-left: 10px;
}

.fsXXlarge {
font-size: 21px;
background: transparent;
}
.fsXlarge {
font-size: 19px;
background: transparent;
}
.fsLarge {
font-size: 17px;
background: transparent;
}
.fsMedium {
font-size: 13px;
background: transparent;
}
.fsSmall {
font-size: 11px;
background: transparent;
}
.fsXsmall {
font-size: 10px;
background: transparent;
}
.fsXXsmall {
font-size: 9px;
background: transparent;
}