/*colors blue:#0083C6 orange:#FE9322;*/
html{ }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background-color: #eee;
margin: 0;
/*text-align:right;*/
}
#wrapper{width:1000px; position:relative; margin-left:auto; margin-right:auto; border: 1px solid #cccccc; margin-top:5px;background-color: #fff;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a:link, a:visited, a:active {
color:#333 ;
text-decoration: none;font-size: 12px;
}
a:hover {
color: #FE9322;
text-decoration: none;
}
hr {
margin: 5px 0px 5px 0px;
border: 0;
border-top: 1px dotted #ccc;
height: 1px;
}
#bread{border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc; margin: 4px 0 8px 0; color:#ccc; padding-right:10px; width:99%; text-align:left; }
#bread a{ color:#FE9322;}
/* Page Headings */
h1, h2, h3, h4, h5, h6 {color: #333;font-weight:normal; font-size:14px}
#lang_menu{padding-top:0px; width:100%; background:#fff}
.lang_menu a{font:bold 12px Arial, Helvetica, sans-serif ; color:#cccccc; }
.lang_menu a:hover{color:#FE9322}
#Dlogo{position:relative; width:100%; top:-15px;text-align:center;margin-bottom:-14px;}
#logo{margin-right:auto;margin-left:auto;}
.smallRandom{height:53px; width:80px; overflow:hidden;border:1px solid orange;margin-top:2px; }
.smallRandom img{ border:none;width:100%;}
#navContainer {position:relative; height:35px;border-bottom: dotted 1px #ccc; margin-right:20px; z-index:20}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #clearfix {
height: 1%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#### Header Menu #####
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.menu, li.menu {
list-style-type: none; margin: 0px; padding: 0px; font-weight:bold;
}
Header menu
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu {z-index: 10; clear: both;}
#nav {
height: 1.68em;border-top: 0;padding:0;
}/**/
#nav ul {
list-style-type: none;margin: 0;padding: 0; text-transform:capitalize; color:#ccc; /* Fix the Stupid IE6 Bug */
}
#nav ul li {text-align: center; float:right; }
#nav ul li a {display: block; padding: 5px 6px; padding-bottom: 4px; border-left: 1px solid #eee;text-decoration: none;text-align: center; }
/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {border-color: #eee; color: #FE9322;background:#eee;}
#nav li a:active, #nav ul li a.active { border-color: #eee; color: #FE9322;}
/* Current page Customisations*/
#nav li.menu-current a {color:#FE9322;}
#nav li.menu-current a:hover {border-bottom: 1px solid #ccc;}
#nav li.menu-current a {font-weight: bold;color: #FE9322;}
#nav li.menu-parent a {font-weight: bold;color: #FE9322;}
/* 2nd Child menu */
#nav .menu li ul {position:absolute; width: 12em; margin: 0; display: none; text-transform: none; border: 0;text-align: right; right:0; }
/* html #nav .menu li ul {right:-35px;}*/
#nav .menu li ul li {width: 12em; font-weight: normal; padding: 0; text-align: right;}
#nav .menu li ul a {width: 12em; padding:2px; background:#eee; color: #000; border: 0;border-bottom: 1px solid #ccc; text-align: center;font-weight:bold;}
/* 2nd Child link hover */
#nav .menu li ul a:hover { background: #FE9322; color:#fff; }
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block; }
/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a { width: 11.5em; padding: .6em .1em .6em .4em; background: #fff; }
/* Positioning the Pop-out Drops */
#nav li {position: relative;}
#nav ul ul ul {position: absolute;top: 1px;left: 100%;
}
/* end menu */
#headerImage{ height:auto; width:99%; padding:0; margin:0; overflow:hidden; margin-top:13px; text-align:center }
#headerImage img{min-height:170px; min-width:650px; width:99%; padding:0; border-right:4px solid orange; border-left:5px solid orange;}
#header{margin-left:10px;margin-right:10px;}
#container
{
width:98%;
margin:0px;
margin-right:10px;
margin-left:10px;
padding:0px;
}
#colR{ width:97%; height: auto; min-height:200px; margin-right:10px;margin-left:10px;padding-left:0px; vertical-align:top;
}
#colL{ height:auto; text-align:center;z-index:0;margin-right:10px;margin-top:5px;
}
#colR a{color:#2579CB}
#colR a:hover{color:#FE9322}
#footer {
margin-top:0px;
font-size: 12px;
width:100%;
text-align:center;
color:#0083C6;
}
#contact{letter-spacing:3px;}
#powered_by {text-align:left;color:#999; font-size:11px; }
#powered_by a {text-decoration:none; font-size:11px; color:#999;}
#powered_by a:hover {color:#FE9322;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Customise the Login Box */
#login-box { text-align: left; margin: 0 0 0 8px; height:22px }
#login-box fieldset {border:0;text-align:center;}
#login-box legend {
color: #333;
font-weight: normal;
}
.username {color: #009;} /* Color of name when logged in*/
.topboxbody {padding:2px;}
#login-box input {
font-size: 10px;
margin: 2px 0px 1px 0px;
width: 70px;
}
input{font-size: 10px;
margin: 2px 0px 1px 0px;
width: 70px;
}
/* Search Box in banner
#search_box {
width:170px;
text-align: center;
height:24px;
}
#search_box fieldset {border:0;}
#search_box legend, #search_box label {display:none;}
#search_string {
width: 100px;
font-size: 12px;
vertical-align:bottom;
height:15px; border: inset 1px #ccc;
}
#search_submit {
width: 60px;
height: 18px;
font-size:12px; height:18px; background-color:#FFD277; border: outset 1px #FE9322;
padding: 0 0 4px 0;vertical-align:bottom;
}
#search_box .search_submit:hover {background-color:#FE9322; cursor:hand; border: inset 1px #FE9322;}
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Float containers fix: */
/* */
.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */
/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */
.important {font-weight:bold;color:#f00;}
.code {font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}
.info-box {border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}
img a{border:none; text-decoration:none; }
input{ cursor:auto; text-align:top; background-color:#DFE7F2;}