/********** Sibilo Web Site Template ************/

body {font-size: small;
	  font-family: Verdana;
      margin: 0;
      padding: 0;
      background: #dfdfdf url(../images/background.png) repeat-x;
      text-align: center; } /* Needed to center layout in old IE browsers. */


/******** HTML Style Overrides **********/

p {line-height: 160%; font-size: small;}

ul {list-style-image: url("http://www.sibilo.co.uk/assets/images/dot_grey.gif");
	margin-left: 30px;}

acronym, abbr {cursor: help;
               border-bottom: 1px dotted;}

img { border: none; }

hr { color:#ddd; height:1px }


/******** Forms **********/

#JevApplicationForm input, textarea
{
	border-color:#666666;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contactForm input, textarea
{
	border-color:#666666;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/******** Links **********/

a {color: #000;}
a:link {color: #000; text-decoration: underline;}
a:visited {color: #000; text-decoration: underline;}
a:hover {color: #d40013; text-decoration: none;}           /* Sibilo RED */


/******** Headers **********/

h1, h2, h3, h4, h5, h6 {margin: 0 0 25px 0; padding: 0;
                         font-family: "Verdana", "Arial";
                         }  

h1 {font-size: 21px; color: #d40013; font-weight: normal;}  /* Sibilo RED */
h2 {font-size: 17px; margin-top:4px; font-weight: bold;}
h3 {font-size: 13px; margin-top:8px; font-weight: bold;}
h4 {font-size: 11px; margin-top:10px; margin-bottom:8px; color: #d40013}       /* Sibilo RED */
h5 {font-size: 10px;}
h6 {font-size: 10px;}

h2 a:link { text-decoration: none; }


/********** Layout *********/

.right {float: right;}

.left {float: left;
       margin: 3px 5px 0 0;}

.clear-fix:after {content: ".";
                  display: block;
                  clear: both;
                  height: 0;
                  visibility: hidden;}

.clear-fix {display: inline-block;}

/* Hide from IE Mac \*/

.clear-fix {display:block;}

/* End hide from IE Mac */
                  
#pageContainer {width: 770px;
            margin: 0 auto;
            text-align: left;}

#JevApplicationForm p.description
{
	margin-top: -20px;
	margin-bottom: -10px;
	font-size: 11px;
	font-style: italic;
}


/********** Header *********/

#header {width: 100%;
         height: 150px;
         position: relative;
         background: url(../images/header_background.png) repeat-x;
         }

#header h1 {margin: 0;}

#header-left {position: absolute;
              left: 0;
              top: 0;
              width: 10px;
              height: 150px;
              background: url(../images/header_left.png) no-repeat;}
              
#header-right {position: absolute;
               right: 0;
               top: 0;
               width: 10px;
               height: 150px;
               background: url(../images/header_right.png) no-repeat;}

#header-logo {position: absolute;
       left: 19px;
       top: 66px;
       width: 281px;
       height: 31px;}

#header-logo img {display: block;}

#header-logo a {background: transparent;}

#header-tagLine {position: absolute; right: 19px; top:66px;
	font-size: 14px; color: #999; letter-spacing: 1px; text-transform: lowercase; }

#languageSelection {position: absolute; right: 20px; top: 35px; }


/********* Menu **********/

#menu {width: 100%; height: 34px; clear: both; position: absolute; top: 111px;}

#menu ul {margin: 0; padding: 0; position: absolute; left: 2px;
		 list-style-type: none; }

#menu ul li {display: inline;}

#menu ul li a { text-transform: lowercase; letter-spacing: 1px; color: #696969; 
		  	    font-family: "Verdana", "Arial"; font-size: 11px; font-weight: normal;
				text-decoration: none;
                height: 34px; padding: 0 15px; margin: 0; line-height: 34px;
                display: block; float: left !important;
                background: url(../images/button_end_gradient.png) center right no-repeat; }

#menu ul li a:hover {background: url(../images/button_end_gradient.png) center right no-repeat;
                     color: #d40013;}    /* Sibilo RED */


/********* Content *********/

#mainContent-container {width: 100%; margin-top: 10px; padding: 0; } 

#mainContent-top {height: 10px; 
                  background: url(../images/content_top.png) no-repeat;}
                  
#mainContent-body {width: 100%; height: 100%; padding: 8px 18px;
                  background: url(../images/content_background.png) repeat-y;
                  display: inline-block;}
                  
#mainContent-bottom {height: 10px;
                  background: url(../images/content_bottom.png) no-repeat;}

#left-column {width: 240px;
              float: left;
              padding: 0;
              margin: 0;}

#right-column {width: 474px;   /* 510px in total (474 + 18 + 18) */
               float: right;
               margin: 0;
               padding-right: 36px; }

p#intro {font-size: 24px;
         font-style: italic;
         margin: 0;}

#learn-more {width: 100%;}

#learn-more a img {display: block;
                   float: right;}


/********** Footer ***********/

#footer {clear: both; position: relative; width: 100%; 
		 margin: 10px auto 10px auto; padding: 0;
         color: #5B6973; text-align: left; font-size: 11px; line-height: 130%;}
#footer-top{height: 10px; 
            background: url(../images/content_top.png) no-repeat;}
#footer-content{height: 60px; width: 100%; padding: 8px 18px;
            background: url(../images/content_background.png) repeat-y;}
#footer-bottom{height: 10px;
            background: url(../images/content_bottom.png) no-repeat;}
#footer p {margin: 0;}
#footer a {background: transparent;}
#footer-navigation {float: right; margin: 0 24px;}


/* A single column division. Good for terms of use, privacy policy, etc. */

#single-column {width: 100%;
                clear: both;
                margin-top: 11px;
                padding: 0;}


/************ Left Menu *************/

.leftmenu-wrapper {width: 100%;
	/* background: #6A7A86 url(../images/leftmenu_background.png) repeat-y; */}

.leftmenu-content {padding-right: 18px; margin: 0; height:300px; overflow: auto;
                   font-size: 11px; }

.leftmenu-content p {margin: 0; padding: 0 10px 10px;
                     line-height: 125%;}

.leftmenu-content a {color: #000; text-decoration: none; background: transparent;}
.leftmenu-content a:link {color: #000}
.leftmenu-content a:visited {color: #999}
.leftmenu-content a:hover {color: #d40013}      /* Sibilo RED */

                
/*************** Anthem Styles ***************/

#imgLoading
{
	position:absolute;
	top:55px;
	vertical-align: middle;
	z-index: 100001;
}

#callbackOverlayDiv
{
	position:absolute;
	top:150px;
	left:0px;
	width: 99%;
    z-index: 100000;
    text-Align: center;
    vertical-align: middle;
	/*
	background-color: black;
	opacity:.25;
	filter: alpha(opacity=25); 
	-moz-opacity: 0.25;
	*/
}