/* CSS Document */

html { min-height: 100%; margin-bottom: 1px; }

body{
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:17px;
background-image:url(../images/repeater.jpg);
background-repeat:repeat-x;
background-color:#0066ae;
}

#header{
width:956px;
height:179px;
margin:0 auto;
background-image:url(../images/headerbg.jpg);
}

#menu{
width:700px;
height:41px;
float:right;
padding:0;
margin:0 auto;
}
a {outline: none;}
p{
padding:8px 0px;
margin: 0;
}

#menu li{
height:41px;
float:left;
list-style:none;
vertical-align:middle;
}

.links{
color:#000000;
text-decoration:none;
font-size:14px;
padding:13px 11px;
display:block;
margin: 0;
}


.links:hover{
background-color:#4f6782;
color:#FFFFFF;
}

.linksdn{
background-color:#006cb7;
text-decoration:none;
font-size:14px;
color:#FFFFFF;
padding:13px 11px;
margin: 0;
display:block;
}

#bgcolour{
background-color:#FFFFFF;
width:100%;
float: left;
padding:0px 0px 15px 0px;
margin:0;
}


#holder{
width:940px;
margin: 0 auto;
padding:0;
}

#conthld{
width:940px;
min-height:300px;
height:auto !important;
height:300px;
margin:0 auto;
padding:0px 0px 15px 0px;
float:none;
display:block;
line-height:17px
}

#servconthld{
width:940px;
min-height:600px;
height:auto !important;
height:600px;
margin:0 auto;
padding:0 0 15px 0;
float:none;
display:block;
line-height:17px
}

#conthldl{
margin:10px 0 0 0;
padding:0 15px 0 0;
min-height:275px;
height:275px;
height:auto !important;
width:575px;
float:left;
}

#servconthldl{
margin:0;
padding:10px 0 30px 0;
min-height:500px;
height:500px;
height:auto !important;
width:300px;
float:left;
}

#conthldr{
margin:10px 0 0 0;
width:330px;
float:right;
}

#servtext{
margin:0;
padding:15px 10px 0 10px;
}

#servtitle{
border-top-style:solid;
border-top-width:8px;
border-top-color:#4f6782;
margin:0px;
padding:0px;
}

.path{
font-size:10px;
color:#006cb7;
margin:5px 0 0 0;
padding:0;
display:block;
}

#servconthldr{
margin:0;
padding:10px 0;
width:625px;
float:left;
float:right;
background-position:top left;
background-repeat:no-repeat;
background-image:url(../images/servbg.jpg);
min-height:500px;
height:auto !important;
height:500px;
}

#contslinks{
width:300px;
margin:0 0 15px 0;
float: left;
background-color:#66FF00;
}

.contslinkshead{
color:#ffffff;
width:270px;
background-color:#4f6782;
text-decoration:none;
margin: 0;
padding: 0;
display:block;
line-height:16px;
}

.contosslink{
color:#000000;
text-decoration:none;
margin: 0;
padding: 0;
line-height:15px;
display:block;
width:250px;

}

.contosslinkdn{
color:#ffffff;
text-decoration:none;
margin: 0;
padding: 0;
line-height:15px;
display:block;
width:250px;
background-color:#006cb7;
}

.pageImage{
margin: 10px 0;
width: 330px;
float: left;
}

/*--home page--*/
#conthldtop{
width:940px;
min-height:300px;
height:auto !important;
height:300px;
margin:0 auto;
padding:0;
}

#contl{
background-color:#ffffff;
margin:15px 0 0 0;
width:410px;
min-height:285px;
height:auto !important;
height:285px;
float:left;
}

#contm{
margin:15px 20px 0 20px;
width:250px;
height:240px;
float:left;
background-color:#66CCFF;
}

#contr{
margin:15px 0 0 0;
width:218px;
float:left;
background-color:#f6f6f6;
padding:10px 10px 20px 10px;
border-style: solid;
border-width:1px;
border-color:#CCCCCC;
}

#conthldbtm{
width: 940px;
height:198px;
float: left;
padding:15px 0 0 0;
}

#callout1{
width:198px;
height:153px;
float:left;
padding: 15px 10px 10px 100px;
margin: 0 0 15px 0;
background-image:url(../images/pic1.jpg);
}

#callout2{
width:198px;
height:153px;
float:left;
padding: 15px 10px 10px 100px;
margin: 0 8px 15px 8px;
background-image:url(../images/pic2.jpg);
}

#callout3{
width:198px;
height:153px;
float:left;
padding: 15px 10px 10px 100px;
margin: 0 0 15px 0;
background-image:url(../images/pic3.jpg);
}

.newslinks{
color:#666666;
text-decoration:none;
display:block;
}

.newslinks:hover{
color:#333333;
text-decoration:underline;
}

.colinkhead{
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
text-decoration:none;
color:#333333;
margin:0;
padding:0 0 0 15px;
display:block;
background-image:url(../images/co_pointer.gif);
background-repeat:no-repeat;
background-position: 0 4px;
}

.colinkhead2{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
text-decoration:none;
color:#333333;
margin:0 0 15px 0;
padding:0 0 0 15px;
display:block;
background-image:url(../images/co_pointer.gif);background-repeat:no-repeat;
background-position: 0 4px;
}

.colinkhead:hover{
background-image:url(../images/co_pointer2.gif);
background-repeat:no-repeat;
background-position: 0 4px;
}

.colinkhead2:hover{
background-image:url(../images/co_pointer2.gif);
background-repeat:no-repeat;
background-position: 0 4px;
}

.colinktext{
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
text-decoration:none;
letter-spacing:0px;
color:#333333;
margin:10px 0 0 0;
padding:10px 0 0 0;
display:block;
border-top-style:solid;
border-top-width:thin;
border-top-color:#999999;
}
/*--end home page--*/

/* contact page */

.inputbox, .inputbox2{
width: 350px;
resize: none;
}
.inputbox2{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 50px;
}

#ossmenu{
/*background-image:url(../images/footrpt.jpg);
background-repeat:repeat-x;
height:178px;*/
float: left;
width: 100%;
border-top: solid 2px #4588b5;
background-color: #e4e6e8;
}

#ossconthldr{
width:940px;
height:158px;
margin: 0 auto;
padding: 7px 0 0 0;
}

#ossholder{
float:left;
/*height:120px;*/
margin:0 8px 0 0;
width:180px;
}

#osslinksmenu{
width:180px;
/*height:100px;*/
list-style:none;
padding:2px 0 5px 0;
margin:2px 0 0 0;
border-top-style:solid;
border-top-width:thin;
border-top-color:#999999;
float:left;
}

.osslink{
color:#000000;
text-decoration:none;
margin: 0;
padding: 0 0 0 20px;
line-height:15px;
display:block;
width:150px;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position: 5px 2px;
}

.osslinkhead{
color:#000000;
text-decoration:none;
padding: 0 0 0 20px;
line-height:15px;
background-repeat:no-repeat;
background-position: 5px 2px;
margin:0;
display:block;
}

.osslinkhead:hover{
color:#FFFFFF;
text-decoration:none;
padding: 0px 0px 0px 20px;
width:150px;
line-height:15px;
background-color:#4f6782;
background-image:url(../images/bullet2.gif);
background-repeat:no-repeat;
background-position: 5px 2px;
margin:0px;
display:block;
}

.osslink:hover{
text-decoration:none;
margin: 0;
padding: 0px 0px 0px 20px;
line-height:15px;
display:block;
width:150px;
color:#FFFFFF;
display:block;
background-color:#4f6782;
background-image:url(../images/bullet2.gif);
background-repeat:no-repeat;
background-position: 5px 2px;
}

#footer{
background-image:url(../images/footerbg.jpg);
background-repeat:repeat-x;
height:58px;
float: left;
width: 100%;
}

#footlinkshldr{
width:940px;
height:58px;
padding:0px;
margin: 0px auto;
}


#footlinksmenu{
width:600px;
height:37px;
padding:21px 0px 0px 0px;
color:#FFFFFF;
float:left;
}


#footlinks{
width:300px;
height:48px;
padding:10px 0px 0px 0px;
color:#FFFFFF;
float:right;
text-align:right;
}

.footlinksnav{
color:#ffffff;
text-decoration:none;
outline:none;
}

.footlinksnav:hover{
color:#ffffff;
text-decoration:none;
outline:none;
}

h1{
font-size: 20px;
color:#006CB7;
padding:8px 0px;
margin: 0px 0px;
}

h2{
font-size: 20px;
padding:8px 0px;
margin: 0px 0px;
color:#ffffff;

}

h3{
font-size: 15px;
font-weight:normal;
padding:0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}


h4{
font-size: 16px;
padding:5px 0px;
margin: 0px 0px;
color:#888888;
}


/* DROPDOWN MENU CODE */
.svcssmenu{
 }

.test{
text-decoration:none;
color:#FF9900;
}

.svcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
clear: right;
}

/*list items - basic bg colour*/
.svcssmenu ul li{
position: relative;
display: block;
width: 250px;
color:#ffffff;
text-decoration:none;
margin: 0;
padding: 0;
line-height:20px;
}

.svcssmenu ul li span{
position: relative;
display: block;
width: 225px;
color:#ffffff;
background-color:#4f6782;
text-decoration:none;
font-size:14px;
margin: 0;
padding: 0px 0px 0px 18px;
line-height:20px;
}

/*link items style*/
.svcssmenu ul li a{
width:225px;
display:block;
color:#000000;
text-decoration:none;
line-height:18px;
margin: 0;
padding: 0px 0px 0px 18px;
background-image:url(../images/servpointer.gif);
background-repeat:no-repeat;
background-position:5px 3px;
_background-position:5px 5px;
}

.svcssmenu ul li a:hover{
background-color:#CCCCCC;
background-image:url(../images/servpointer.gif);
color:#000000;
width:250px;
margin: 0;
}

/*1st sub level menu btm layer*/
.svcssmenu ul li ul{
left: 260px;
width: 500px;
position: absolute;
top: 0; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
font-size: 12px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.svcssmenu ul li ul li{
width:300px;
display: list-item;
float: none;
background-color:#4f6782;
color:#ffffff;
border-color:#CCCCCC;
border-style:solid;
border-width:3px;
padding:20px 20px 20px 20px;

/* border: solid 1px yellow; */
}
/*All subsequent sub menu levels offset after 1st level sub menu */
.svcssmenu ul li ul li ul{
left: 159px; /* no need to change, as true value set by script */
top: 0;
}
/* Sub level menu links style */
.svcssmenu ul li ul li a{
display: block;
width: 180px; /*width of sub menu levels*/
color: #000;
text-decoration: none;
padding: 6px 5px;
border: 1px solid #FFF;
/*height: 25px;
border: solid 1px red;*/
}

/*Background image for top level menu list links */
.svcssmenu .mainfoldericon{
/*background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
*/}
/*Background image for subsequent level menu list links */
.svcssmenu .subfoldericon{
background: #F3F3F3 url(../images/arrow-right.gif) no-repeat center right;
/*border: solid 1px red;*/
margin-bottom: 0;
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows svcss menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
/* END DROPDOWN MENU CODE */