/* author: Colin Harrison Design Limited */
/* Krisiskit Creation date: 17/07/2009 */

/* Global Styles */
html, body {background-color:#FFF; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; height: 100%; margin: 0px; padding: 5px 0px 0px 0px;} 

a {font-weight: bold; color: #FFF; text-decoration: none;}
a:hover {color: #FF0000; text-decoration: underline;}
a img {border-width: 0px;}
p {font-size: 80%; text-align: left; line-height: 110%; color: #FFF; margin: 10px 0px 10px 0px;}
h1 {font-size: 120%; font-weight: bold; text-align:left; color: #FFF; margin: 10px 0px 10px 0px;}
h2 {font-size: 100%; font-weight: bold; text-align:left; color: #FFF; margin: 10px 0px 10px 0px;}
h3 {font-size: 90%; font-weight: bold; text-align:left; color: #FFF; margin: 10px 0px 10px 0px;}



/* Main Divs */
#maincontainer {width: 975px; min-height: 535px; background-color:#000000; margin: 0px auto 0px auto; padding: 0px;}

#header {width: 975px; height: 89px; background-image: url(../images/common/krisiskit_header_background.gif); margin: 0px; padding: 0px;}

#menu {position: relative; z-index: 1; width: 975px; height: 37px; background-image: url(../images/common/krisiskit_menu_background.gif); margin: 0px; padding: 0px;}

#submenu a {font-weight: bold; color: #FFF; }
#sub a:hover {color: #FF0000; text-decoration: underline;}
#sub ul {display: inline; margin: 0px; padding: 0px; vertical-align: middle; list-style-type: none}
#sub li {display: inline; list-style-type: none; vertical-align: middle}


/* Main Menu Styles */
#mainmenu {float: left; color: #000; font-weight: bold; margin: 4px 0px 0px 13px; display: inline;}
#contactmenu {float: right; color: #000; font-weight: bold; margin: 4px 13px 0px 0px;}

/* menu */
#mainmenu ul {margin: 0px; padding: 0px; float: left;}
#contactmenu ul {margin: 0px; padding: 0px; float: left;}
#mainmenu li {display: inline; height: 20px; padding-left: 0px; padding-right: 0px}
#contactmenu li {display: inline; height: 20px; padding-left: 0px; padding-right: 0px}
#mainmenu .leftitem {background-image: none; padding-left: 0px; padding-right: 3px; height: 20px}

/* drop-downs */
#dropdown_one {margin-left: 83px}
#dropdown_two {margin-left: 126px}
#dropdown_three {margin-left: 206px}
#dropdown_four {margin-left: 284px}
#dropdown_five {margin-left: 354px}
#dropdown_clear {visibility: hidden; height: 0px; width: 0px; position: absolute; left: -200px}
#mainmenu div ul {padding: 0px; margin: 0px 5px 0px 5px; list-style-type: none; font-size: 80%;}
#mainmenu div ul ul {font-size: 90%; line-height: 100%;}
#mainmenu div li {padding: 5px 0px 5px 2px; margin: 0px 0px 0px 0px; display: block; background-image: none; height: 180%}
#mainmenu div {position: absolute; background-color: #000; z-index: 1;  margin-top: 3px; width: 200px; border-width: 0px 2px 2px 2px; border-color:#FFF; border-style: solid; display: none; }

/* Link Colours */
#mainmenu a:link {font-weight: bold; text-decoration: none; color: #FFF;}
#mainmenu a:visited {font-weight: bold; text-decoration: none; color: #FFF;}
#mainmenu a:hover, #mainmenu a:active {font-weight: bold; text-decoration: underline; color: #FF0000;}
#mainmenu div a:link, #mainmenu div a:visited {font-weight: bold; text-decoration: none; color: #FFF; line-height: 180%; display: block;}
#mainmenu div a:hover, #mainmenu div a:active {color: #FF0000; text-decoration: underline; display: block;}

/* Left Menu Styles 3col */
#leftmenu {width: 200px; min-height: 370px; float: left; margin: 16px 0px 16px 0px; padding: 0px 0px 0px 0px; background-color:#000;}

/* Left Menu Styles 2col */

#leftcolindex {width: 550px; min-height: 370px; float: left; margin: 5px 0px 5px 13px; padding: 0px; background-color:#000; display: inline;}
#leftcol {width: 550px; min-height: 370px; float: left; margin: 5px 0px 5px 13px; padding: 0px; background-color:#000; display: inline;}
#leftcol ul {font-size: 80%; text-align: justify; line-height: 110%; color: #FFF;}

#leftcol img {margin: 20px 0px 0px 0px;}
#leftcolindex img {margin: 20px 0px 0px 0px;}


/* Content Styles 3 col  */
#content3 {float:left; width: 515px; min-height: 370px; margin: 16px 0px 16px 15px; padding: 0px 15px 0px 15px;  background-color:#333333;}
* html #content {width: 545px; w\idth: 515px; height: 370px; he\ight: 370px;}
#content3 ul, ol { text-align:left; line-height: 130%}

/* Content Styles 2 col  */
#contentindex {float:left; width: 380px; min-height: 370px; margin: 5px 0px 5px 15px; padding: 0px; background-color:#000;}
* html #contentindex {width: 380px; w\idth: 380px; height: 370px; he\ight: 370px;}
#contentindex ul, ol {text-align:left; font-size: 80%; line-height: 110%; color:#FFFFFF;}

#content {float:left; width: 380px; min-height: 370px; margin: 5px 0px 5px 15px; padding: 0px; background-color:#000;}
* html #content {width: 380px; w\idth: 380px; height: 370px; he\ight: 370px;}
#krisiskardform {width: 230px; font-size: 80%; font-weight:bold; margin: 0px auto 0px auto; padding: 0px; background-color:#999999;}
#content ul, ol {text-align:left; font-size: 80%; line-height: 110%; color:#FFFFFF;}

/* Right Col Styles 3 col  */
#rightcol {width: 180px; min-height: 370px; float: left; margin: 16px 0px 16px 15px; padding: 0px; background-color:#333333;}

/* Footer */
#footer {clear:both; background-image:url(../images/common/krisiskit_footer_background.gif); width: 975px; height: 36px; margin: 0px; padding: 0px; border-width: 0px;}
#footerleft {width: 400px; margin: 17px 0px 0px 13px; padding: 0px; float: left; font-size: 70%; font-weight: bold; color: #000;  display: inline;}

#footerleft ul {margin: 0px; padding: 0px;}
#footerleft li {display: inline; list-style-type: none; vertical-align: middle}

#footercentre {width: 400px; margin: 17px 0px 0px 0px; padding: 0px; float: left; font-size: 70%; font-weight: bold; color: #FFF; text-align: right;}
#footercentre ul {margin: 0px; padding: 0px;}
#footercentre li {display: inline; list-style-type: none; vertical-align: middle}

#footerright {width: 130px; margin: 17px 13px 0px 0px; padding: 0px; float: right; font-size: 70%; font-weight: bold; color: #FFF; text-align: right;}
#footerright ul {margin: 0px; padding: 0px;}
#footerright li {display: inline; list-style-type: none; vertical-align: middle;}

/* Form Details */
.mandatoryfield {color: #ff0000; background-color: #ffffff}
label {width: 6em; float: left; text-align: right; margin-right: 0.5em; display: block}
input {color: #000033; background:#D7EBFB; border: 1px solid #0355BA}
textarea {color: #000033 ; background: #D7EBFB; border: 1px solid #0355BA}
.submit input {margin-bottom: 2.0em; margin-right: 0.5em; color: #FFFFFF ; background: #0355BA; font-weight: bold;} 
fieldset {width: 507px; border: 1px solid #000033;}
legend {font-size: 90%; color: #000033; font-weight: bold; text-align: left; background: #ffffff;}


/* Skip Navigation */
.skip {position:absolute; top:0px; left:-1000px;}
.skip:focus,.skip:active {position: absolute; top: 10px; left: 10px; background: #E2383B; color: #FFFFFF; font-weight: bold; padding: 10px}
#skip {position:absolute; top:0px; z-index: 1000;}