@import url("style.css");

/*This stylesheet has ben developed for opera mobile*/

* {margin:0;padding:0;}
html {overflow-y:scroll;}
body {background:#EFEFEF url(../images/bg_body.jpg);background-attachment: fixed;font-family: 'Tahoma' Arial, Verdana, Geneva, Helvetica, sans-serif;text-align:center;}
a img {border:0;}
h1 {font-family: 'Georgia' Times, serif;color:#CC0001;font-size:100%;padding:10px 0 0px 0;font-weight:normal; }
h2 {font-family: 'Georgia' Times, serif; }
h5 {font-family: 'Tahoma' Times, serif;font-size:90%;padding:0 0 10px 0; }
p {font-size:65%;}
hr {margin:30px 0;}
a:link, a:visited, a:active {color:#343432;text-decoration:underline;}
a:hover {text-decoration:none;}
.left {float:left;}
.right {float:right;}
.hidden {display:none;}
table {margin: 20px 0;}
table.border td {border:1px solid #C7CACF;padding:5px;}
.txterror {font-size: 60%;color:#CC0001;font-weight:600;}
#container {margin:0 auto;width:250px;text-align:left;}
#page {background-color:#FFFFFF;float:left;padding:0px 14px 14px 14px;border:1px solid #C7CACF;border-top:none;}

/*SECTIONS & ARTICLES */

/*header*/
#header {background: url(../images/header_mobile.jpg) no-repeat;height:60px;padding:0px 30px 0 0px;}
#header ul {float:left;width:100%;margin:0 0 0px 0;}
#header li {float:left;padding:0 0 0 5px;list-style:none;font-size:65%;display:none;}
#header li img {float:left;}
#header h3 {font-size:90%;width:100%;padding:60px 0 10px 0px;color:#666666;text-align:left;font-family: 'Georgia' Times, serif;}
#header h4 {font-size:77%;color:#333333;font-weight:normal;padding:0px 0 15px 0px;}

/* Nav bar*/
#nav {width:100px;}
#nav ul {background-color:#343432;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
#nav ul li {background-color:#343432;font-size:70%;list-style:none;position:relative;border-bottom:1px solid #FFFFFF;}
#nav ul li.lit {background-color:#CC0001;font-size:70%;list-style:none;position:relative;border-bottom:1px solid #FFFFFF;}
#nav ul li a:link {color:#FFFFFF;text-decoration:none;width:100px;padding:10px 0 17px 10px;display:block;}
#nav ul li a:link.end {padding:10px 0 17px 10px;border-bottom:none;}
#nav ul li a:hover {padding:10px 0 17px 10px;background-color:#CC0001;}
#nav ul li a:visited {color:#FFFFFF;text-decoration:none;width:100px;padding:10px 0 17px 10px;display:block;}
#nav ul li a:active {color:#FFFFFF;text-decoration:none;width:100px;padding:10px 0 17px 10px;display:block;}

/*Sub menu items*/
div.submenu {background-color:#FFFFFF;padding:10px 0px;}
#nav ul#sublist li {list-style:none;font-weight:bold;background:#FFFFFF url(../images/arrow.gif) 5px 4px no-repeat;padding:0 0 0 20px;font-size:65%;}
* html #nav ul#sublist li {font-size:85%;}
#nav ul#sublist li a:visited{width:70px;display:block;padding:5px 0 0 7px;}
#nav ul#sublist li a:active{width:70px;display:block;color:#343432;padding:5px 0 0 7px;}
#nav ul#sublist li a:link{width:70px;display:block;color:#9F9F9F;padding:5px 0 0 7px;}
#nav ul#sublist li a:hover{width:70px;display:block;color:#343432;background-color:#FFFFFF;padding:5px 0 0 7px;}
#nav ul#sublist li a {color:#9F9F9F;}
#nav ul#sublist li a.lit {color:#343432;}

/*Left Column*/
#left {float:left;width:100px;}
#left #banner {width:98px;background-color:#FFFFFF;border:1px dotted #C7CACF;margin:10px 0;}
#left #banner h3 {background-color:#CC0001;font-size:65%;font-weight:bold;padding:5px 10px 8px 10px;}
#left #banner h3 a {color:#FFFFFF;text-decoration:none;padding:5px 10px 8px 0px;}
#left #banner p {font-size:60%;padding:10px;}
#left #callout {width:98px;background-color:#FFFFFF;border:1px dotted #C7CACF;margin:0 0 10px 0;}
#left #callout h2 {font-size:90%;padding:10px;color:#CC0001;}
#left #callout p {font-size:60%;padding:0 10px;}
#left #callout h3.more {font-size:80%;padding:0 10px;width:78px;}
#leftcol {clear:left;background: url(../images/bg_content.jpg) repeat-x;width:100px;padding:10px;margin:5px 0 0px 0;border:1px dotted #C7CACF;text-align:center;font-style:italic;/*min-height hack*/
  min-height:372px;
  height:auto !important;
  height:372px;
  }
#leftcol h3 {font-size:75%;line-height:18px;color:#343432;font-weight:normal;margin:10px 0 10px 0;}
#leftcol h3 strong {font-style:normal;margin:0px 0 15px 0;}
#leftcol img {border:1px solid #C7CACF;padding:1px;background-color:#FFFFFF;margin:10px;}

/*content styles*/
#content {float:left;padding:5px 0px 25px 0px;margin: 0 0 0 10px;border-top:1px dotted #C7CACF;width:110px;}
#content p {font-size:70%;color:#343432;padding:5px 0px 0 0;}
#content ul, ol {margin: 0 0 10px 10px;}
#content h2 {padding:10px 0 0 0;font-size:80%;}
#home #content h2  {font-size:90%;padding:0 0 10px 0;}
#content h3 {font-size:75%;padding:10px 0 10px 0;}
#content h4 {font-size:70%;padding:10px 0 0px 0;}
#content #bigbuttons {clear:right;width:100%;margin:10px 0;display:none;}
#content div.article {float:left;margin:10px 0;}
#content div.article img {float:left;margin:5px;border:1px solid #C7CACF;padding:1px;background-color:#FFFFFF;}
#content ol {padding:10px 0 0 0;}


/*FOOTER*/
ul#bottomnav {float:left;list-style:none;margin:10px 0 0 0px;}
ul#bottomnav li {float:left;border-right:1px solid;margin:0px 0 8px 0;font-size:65%;}

ul#bottomnav li.end {border-right:0px;}
ul#bottomnav li a {float:left;padding:0 10px;color:#000;text-decoration:none;}
#footer p {float:right;padding:10px 10px 0px 0;font-weight:normal;font-size:65%;}