/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html
{
height: 100%;
}

#nonFooter
{
position: relative;
min-height: 100%;
}

* html #nonFooter
{
height: 100%;
}

#slideshow{  margin:0px 0px 0px 10px;}
body { text-align: left; height:100%;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(/images/cont_bac.jpg) center repeat-y #e0f1f9; font-family: Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

#container{ position:relative; margin-left:auto; margin-right:auto;  border:#000000 0px solid;  padding:0px 0px 24px 0px; margin-top:0px;  margin-right:auto; width:737px;}

#header { width:100%; height:139px; position:relative; margin:0px; padding:0px; background:url(/images/head_rep.jpg) repeat-x ;}

#logo {  width:100%;  height:76px; margin:0px 0px 0px 0px; position:absolute; top:27px; padding:0px; background:url(/images/logo.gif) no-repeat ; }
#magic_space {font-size:50px;  position:absolute; z-index:20; right:0px; top:28px; height:90px; width:125px;}

.center {margin:0px 0px 0px 15px;}
#main {  width:100%; height:100%; margin:0px 0px 0px 0px;}
#sidebar { width:408px;   float:left;  margin:10px 0px 0px 0px; padding:0px 0px 5px 0px; background:url(/images/sidebar_rep.jpg) repeat-y; min-height:420px; height:auto !important; height:420px; position:relative; }
*html #sidebar { padding:0px 0px 13px 0px;}
#sidebar_top { background:url(/images/sidebar_top.jpg) no-repeat; height:6px; width:408px; position:absolute; top:-5px; left:1px;}
#sidebar_bottom { background:url(/images/sidebar_bottom.jpg) no-repeat; height:6px; width:408px; position:absolute; bottom:0px; left:1px;}
#sidebar img {margin:6px 0px 0px 13px; }
*html #sidebar_bottom {  bottom:-20px; left:1px;}

#slideshow img {margin:6px 0px 0px 4px; }

#content {width:321px; line-height:20px; float:right; margin:0px 0px 0px 0px;}

#content p { font-size:12px; color:#000000; margin:15px 0px 15px 0px; line-height:23px;}

#footer { width:737px; background:#003471; border-top:5px solid #13a0e9; height:32px; margin-right:auto; margin-left:auto; padding:0px; }
.clear { clear:both; }

/*------------------------------------nav-----------------------------------------------------------*/

#nav { width:100%; height:31px; padding:40px 0px 0px 0px; margin:0px; position:absolute; bottom:0px; left:0px; }
#nav p { color:#ffffff; font-weight:normal; text-align:left; } 
#nav a {  text-decoration:none;  margin:-1px 0px 0px 0px; padding:6px 15px 5px 15px; height:10px; float:left;  color:#ffffff; display:block inline;  font-weight:normal; font-size:14px;}

#nav a:hover {background:url(/images/hover.jpg) no-repeat top center; text-decoration:none;  color:#ffffff;   } 

/*------------------------------------- General Text & Colours & backgrounds---------------------------------------*/


h1{ font-size:18px;   color:#ed8f00; font-weight:bold; margin:10px 0px 10px 0px; padding:16px 0px 0px 0px; z-index:10; position:relative; }
h2{ font-size: 15px; color: #ed8f00; font-weight: bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3{ color: #ed8f00; font-style: italic; font-size: 12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4{ color: #4EABD4; font-style: italic; font-size: 16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5{ color: #003470; font-size: 20px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

ul {  }
li { list-style:disc; font-size:12px; color:#000000;   }
ol  {  }
ol li { list-style:decimal;  font-size:12px; color:#000000; }

a { color:#333399;  text-decoration:underline;   color:#000000; font-size:12px;}
a:hover { color:#333399; text-decoration:underline;   color:#000000;}

p { font-size:13px; margin:10px 0px 10px 0px; color:#2f2f2f; padding:0px 0px 0px 0px; }
#footer p { font-size:11px; color:#FFFFFF; text-align:right; margin:7px 5px 0px 0px;}
#footer a { font-size:11px; color:#FFFFFF; text-decoration:none;}

.logocenter { margin-left:115px; }
.logocenter a { border:0px; }
.logocenter img { border:0px; }