/*
Original design: andreas08 (v2.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/andreas08/
*/

/* Body and tag styles */
* {margin:0; padding:0;}
body {font:78% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; text-align:center; color:#303030; background:#e8eaec;}
a {color:#467aa7; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover {color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img {border:none;}
p {padding:0 0 1.6em 0;}
p form {margin-top:0; margin-bottom:20px;}
img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
img.left {float:left; margin:0 12px 5px 0;}
img.center {display:block; margin:0 auto 5px auto;}
img.right {float:right; margin:0 0 5px 12px;}

/* Header and navigation styles */
#container {width:960px; margin:20px auto; padding:1px 0; text-align:left; background:#ffffff; color:#303030; border:2px solid #a0a0a0;}
#header {height:110px; width:958px; margin:0 1px 1px 1px; background:#010066; color:#ffffff;}

/* #header h1 {padding:35px 0 0 20px; font-size:2.4em; background-color:inherit; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header h2 {margin:10px 0 0 40px; font-size:1.4em; background-color:inherit; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
 */
#header h1 {font-size:1.4em; background-color:inherit; color:#010066; letter-spacing:-2px; font-weight:normal; display: inline;}
#header h2 {font-size:1.4em; background-color:inherit; color:#010066; letter-spacing:-1px; font-weight:normal;  display: inline;}
#header h3 {font-size:2.4em; background-color:inherit; color:#ffffff; letter-spacing:-2px; font-weight:normal; text-align: left }
#header a {font-weight:bold; text-decoration:none; color: #ffffff }
#header a:hover {background:#010066; color:#fbcf00; text-decoration:none; text-decoration: underline;}



#navigation {height:2.2em; line-height:2.2em; width:959px; margin:0 1px 0 1px; background:#010066; color:#ffffff;}
#navigation li {float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;}

#navigation .li1 {float:right; list-style-type:none; border-left:1px solid #ffffff; white-space:nowrap;}
#navigation .li2 {float:right; list-style-type:none; border-right:0px solid #ffffff; white-space:nowrap;}

#navigation li a {display:block; padding:0 9px; font-size:0.8em; font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #ffffff;}
* html #navigation a {width:1%;}
#navigation .selected {color:#fbcf00;  font-weight:bold; text-decoration:none; text-decoration: underline;}
#navigation a:hover {background:#010066; color:#fbcf00; text-decoration:none; text-decoration: underline;}



#navigation ul.menu {list-style:none; margin:0; padding:0}


#navigation ul.menu li {position:relative; float:left; margin-right:2px}
#navigation ul.menu li1  {float:right; list-style-type:none; border-left:1px solid #ffffff; white-space:nowrap;}
#navigation ul.menu li2  {float:right; list-style-type:none; border-right:0px solid #ffffff; white-space:nowrap;}

#navigation ul.menu ul {position:absolute; top:28px; left:0; background:#010066; display:none; opacity:0; list-style:none}
#navigation ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:158px; margin:0}
#navigation ul.menu ul li1 {position:relative; border:1px solid #aaa; border-top:none;  margin:0}
#navigation ul.menu ul li2 {position:relative; border:1px solid #aaa; border-top:none;  margin:0}

#navigation ul.menu ul ul {left:158px; top:-1px}
#navigation ul.menu .sub {background:#010066 url(images/arrow2.gif) 148px 8px no-repeat}
#navigation ul.menu .subselected {color:#fbcf00;  font-weight:bold; text-decoration:none; text-decoration: underline; background:#010066 url(images/arrow2.gif) 148px 8px no-repeat}
#navigation ul.menu .topline {border-top:1px solid #aaa}

/*
#navigation ul.menu * {margin:1; padding:1}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#010066}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif)}
*/












/* Content styles */
#content {float:left; width:680px; font-size:0.9em; padding:20px 0 0 20px;}
#content h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit;}
#content h2 a {font-weight:normal;}
#content h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover {text-decoration:underline;}
#content ul,#content ol {margin:0 5px 16px 35px;}
#content dl {margin:0 5px 10px 25px;}
#content dt {font-weight:bold; margin-bottom:5px;}
#content dd {margin:0 0 10px 15px;}

/* Full Page styles */
#fullpage {height:600px; }


/* Wide Content styles */
#widecontent {float:left; width:98%; font-size:0.9em; padding:1% 0 0 1%; }
#widecontent h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit;}
#widecontent h2 a {font-weight:normal;}
#widecontent h3 {display:block; margin:0 0 5px 0; font-size:1.4em; font-weight:normal; letter-spacing:-1px;color:#505050; background-color:inherit;}
#widecontent a:hover,#subcontent a:hover {text-decoration:underline;}
#widecontent ul,#content ol {margin:0 5px 16px 35px;}
#widecontent dl {margin:0 5px 10px 25px;}
#widecontent dt {font-weight:bold; margin-bottom:5px;}
#widecontent dd {margin:0 0 10px 15px;}
#widecontent span.spacer {display:block; height:15px; overflow:hidden; width: 600px }

/* Sidebar styles */
#subcontent {float:right; width:170px; padding:20px 20px 10px 0; line-height:1.4em;}
#subcontent h2 {display:block; margin:0 0 15px 0; font-size:1.6em; font-weight:normal; text-align:left; letter-spacing:-1px; color:#505050; background-color:inherit;}
#subcontent p {margin:0 0 16px 0; font-size:0.9em;}

/* Menublock styles */
.menublock {margin:0 0 20px 8px; font-size:0.9em;}
.menublock li {list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a {font-weight:bold; text-decoration:none;}
.menublock li a:hover {text-decoration:none;}
.menublock li ul {margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li {margin-bottom:0;}
.menublock li ul a {font-weight:normal;}

/* Searchbar styles */
#searchbar {margin:0 0 20px 0;}
#searchbar form fieldset {margin-left:10px; border:0 solid;}
#searchbar #s {height:1.2em; width:110px; margin:0 5px 0 0; border:1px solid #a0a0a0;}
#searchbar #searchbutton {width:auto; padding:0 1px; border:1px solid #808080; font-size:0.9em; text-align:center;}

/* Footer styles */
#footer {clear:both; width:958px; padding:5px 0; margin:0 1px; font-size:0.9em; border-top:1px solid #ffffff; color:#f0f0f0; background:#010066;}
#footer .selected {color:#fbcf00;  font-weight:bold; text-decoration:none; text-decoration: underline;}
#footer p {padding:0; margin:0; text-align:center; display: inline;}
#footer a {color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover {color:#fbcf00; background-color:inherit; text-decoration: underline;}
#footer h1 {padding:5px 0; margin:0 1px; font-size:0.9em; color:#f0f0f0; background:#010066; display: inline;}

/* Footer styles
#footer2 p {padding:0; margin:0; text-align:center; line-height: 6pt; font-size: 6pt;  display: inline;}
*/
#footer2 {clear:both; width:958px; padding:5px 0; margin:0 1px; line-height: 6pt; font-size:6pt; border-top:1px solid #ffffff; color:#f0f0f0; background:#010066;}
#footer2 .selected {color:#fbcf00;  font-weight:bold; text-decoration:none; text-decoration: underline;}
#footer2 p {padding:0; margin:0; text-align:center; line-height: 6pt; font-size:6pt;  display: inline;}
#footer2 a {color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer2 a:hover {color:#fbcf00; background-color:inherit; text-decoration: underline;}
#footer2 h1 { font-size:6pt; color:#f0f0f0; background:#010066; display: inline;}


/* Misc classes and styles */
.splitcontentleft {float:left; width:48%;}
.splitcontentright {float:right; width:48%;}
.left {float:left; width:48%; text-align:left;}
.right {float:right; width:48%; text-align:left;}
.clear {clear:both;}
.small {font-size:0.8em;}
.hide {display:none;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.important {color:#f02025; background-color:inherit; font-weight:bold;}
.box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}
.largelink { font-style: italic; color:#0000FF; font-weight:normal; text-decoration:none; background-color:inherit; font-size-adjust: none; font-size: 105% }


/* Code for the snazzy boarder boxes */
.xsnazzy h1, .zsnazzy h1, .xsnazzytrio h1, .xsnazzyduo h1, .xsnazzytwothird h1{
margin:0;
font-size:1.2em;
padding:0 5px 5px 5px;
border-bottom:1px solid #444;
}


.noxsnazzytwothird {
background:transparent;
width:64%;
float:left;
margin:0 3px;
}

.noxsnazzy {
background:transparent;
width:48.5%;
float:left;
margin:0 3px;
}

.xsnazzy h1 a, .xsnazzytrio h1 a, .xsnazzyduo h1 a, .xsnazzytwothird h1 a {font-weight:bold; text-decoration:none; color: #FFFFFF }
.xsnazzy h1 a:hover, .xsnazzytrio h1 a:hover, .xsnazzyduo h1 a:hover, .xsnazzytwothird h1 a:hover {color:#fbcf00; background-color:inherit; text-decoration: underline;}


.xsnazzy p, .zsnazzy p, .xsnazzytrio p, .xsnazzyduo p {
margin:0;
padding:5px 10px;
font-size:11px;
}

.xsnazzy,{
background:transparent;
width:32%;
float:left;
margin:0 3px;
}

.xsnazzytwothird {
background:transparent;
width:64%;
float:left;
margin:0 3px;
}

.xsnazzyduo {
background:transparent;
width:48.5%;
float:left;
margin:0 3px;
}

.xsnazzytrio {
background:transparent;
width:32%;
float:left;
margin:0 3px;
}

/* used for the email and telephone number in the header section*/
.xsnazzy1 {
background:transparent;
width:180px;
float:right;
margin:0 3px;
}

.xsnazzy2 {
background:transparent;
width:845px;
float:left;
margin:0 3px;
}

.xtop, .xbottom {
display:block;
background:transparent;
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block;
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff;
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px;
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px;
margin:0 1px;
}

.xboxcontent {
display:block;
border:0 solid #444;
border-width:0 1px;
height:auto;
}

.xboxcontent a {color:#0000FF; font-weight:normal; text-decoration:none; background-color:inherit;}
.xboxcontent a:hover {color:#0000ff; text-decoration:none; background-color:inherit;}


* html .xboxcontent {
height:1px;
}

/* Colour for the backgorund of the title tab */
/* COM-IT Dark Blue #010066 #002868 #0C1975*/
.color_a {
background:#010066;
color:#fff;
}
.color_b {
background:#d4d8bd;
color:#000;
}
.color_c {
background:#758279;
color:#fff;
}
.color_d {
background:#b2ab9b;
color:#000;
}

.color_e {
background:#EEEEEE;
color:#FFFFFF;
}