html { background: #DBEDFF url("../images/bg.gif") repeat-y 50% 0 !important; }
body { background-color: transparent; margin: 0; padding: 0; text-align: center; }
img { border: none; padding: 0; }
form { margin: 0;}
form p { margin: 0 0 0.6em;}
input, select, textarea { font-size: 101%; font-family: Arial, Helvetica, sans-serif;}
#main-menu ul { margin: 0 0 1.3em; padding: 0; list-style: none; }

hr, .none { display: none; }


/* LAYOUT RULES */
#mother {width: 880px; margin: 0 auto; background: white; text-align: left; position: relative; border-left:white 10px solid; border-right:white 10px solid;}
#header {height: 240px; background: #C0D6ED url("../images/header.jpg") no-repeat 0 0; color: #ffffff; position: relative; border-bottom:white 1px solid;}
#header #logo {width: 100px; height: 155px; margin: 0; position: relative; float:right;}
#header h1 {font-weight: bold; font-style: italic; font-size: 240%;  margin: 0; color: #ffffff;}
#header p {font-weight: bold; font-style: italic;  margin: 0; font-size: 140%; }
#header #title {margin: 30px 20px 0 40px; display: block;  text-align: right; float: right}
.strip {background: #b6d0ea; height: 2px; padding: 0; margin: 0; display: block; clear: both; }

/* Content */
#content { padding-bottom: 3em; font-size: 13px; position: relative; }
#content ul, #content ol {list-style-position: inside;}

/* Footer */
#footer { margin: 0; padding: 10px 30px; background: #b6d0ea; clear: both; border-top:white 20px solid; vertical-align:top;}

/* Main-menu */
#main-menu { background: #e2effb; border-top: 1px solid #ffffff; width:450px; float: right;}
#main-menu ul { font-weight: bold; margin-bottom: 0; margin-left: 0; padding-left: 20px }
#main-menu li { margin-left: 0px; padding-left: 0px; margin-right: 5px; padding-right: 12px; display: inline;  }
#main-menu a, #main-menu span { padding-bottom: 7px; line-height: 35px; color: #0D3192; font-size: 120%; text-decoration: none; }
#main-menu a:hover, #main-menu a:focus, #main-menu a:active { color: #BE3B0B; border-bottom: 2px solid #003399; }
#main-menu span { border-bottom: 2px solid #BE3B0B; cursor: default; }
#main-menu a span { font-size: 120%; cursor: pointer; }

/* Home stripe */
#home-stripe { height: 230px; }
#home-stripe p { margin: 0; }
#home .spc { padding: 15px 30px; }
#home .col-homeleft { float: left; width: 215px; }
#home .col-homeright { float: right; width: 560px; }
#home .l { float: left; width: 240px; padding:0px 15px;}
#home .l p{ background-color:#eeeeee; padding:2px;}
#home .r { float: right; width: 240px; padding:0px 15px;}
#home .r p{ background-color:#eeeeee; padding:2px;}
#home .l h2{ font-weight: bold; font-size: 130%;  margin: 0; color: #BE3B0B; margin:0 0 5px;; padding:0;}
#home .l a{color: #3D464A;}
#home .l a:hover{color: #003399; text-decoration:none; color:#BE3B0B;}
#home .r h2{ font-weight: bold; font-size: 130%;  margin: 0; color: #BE3B0B; margin:0 0 5px;; padding:0;}
#home .r a{color: #3D464A;}
#home .r a:hover{color: #003399; text-decoration:none; color:#BE3B0B;}
.line { background: #003399; font-size: 1px; line-height: 1px; width: 100%; height: 6px; padding: 0;  display: block; clear: both; border: none; }


/* Content menu */
#left-menu { background: #8AB1D9; padding: 13px; }
#left-menu h2 { margin: 0; padding: 0.5em 20px; background: #E2EFFB; color: #0E3192; /* text-transform: lowercase; */ }
#left-menu ul { padding: 16px; margin: 0; background: #93B9E0; list-style: none; line-height: 1.6em; }
#left-menu a, #left-menu span { padding-left: 14px; background: url("../images/odr.gif") no-repeat 0 0.5em; color: #0E3192; font-weight: normal; }
#left-menu a:hover { background-image: url("../images/odr-blue.gif"); color: #0E3192; font-weight: bold; }
#left-menu h2 a { margin: 0; padding: 0.5em 20px; background: #E2EFFB; color: #0E3192; /* text-transform: lowercase; */ }
#left-menu li.sub {background: url("../images/odrm.gif") no-repeat 0 0.5em;}