﻿
* 
{
    padding:0;
    margin:0;
} 
a img 
{
    border:none;
}
.clear
{
    font-size:1px;
    width:1px;
    height:1px;
    position:relative;
    clear:both;
    display:block;
}
ul,li
{
    list-style-type:none;
}
body, html
{
    background:url(../images/bg-html.gif);
}
body 
{
    font-size:74%;
    font-family:arial,sans-serif;
}
#accessibility
{
    display:none;
}
#container1
{
    width:100%;
    text-align:center;
}
#container2
{
    width:960px;
    margin:0 auto;
    position:relative;
    font-size:1.2em;
    text-align:left;
    background:#fff url(../images/applied-integration-uk3.jpg) no-repeat;
    padding:0;
    min-height:660px;
    height:auto !important;
    height:660px;
}


/**********************************************************************************/
/* Content Holder */
#contentHolder
{
    width:960px;
    padding:360px 10px 0 10px;
    w\idth:940px;
}

/**********************************************************************************/
/* Page Content */
#pageContent
{
    padding:0;
    width:660px;
    float:left;
}
#pageContent #pageLeft
{
    width:445px;
    float:left;
}
#pageContent #imageBox
{
    width:205px;
    text-align:right;
    float:right;
}
#pageContent #pageLeft a
{
    color:#444;
}
#pageContent #pageLeft a:hover
{
    color:#000;
}

/**********************************************************************************/
/* third Nav level (for solutions sits within imageBox */
#pageContent #thirdNav
{
    width:205px;
    padding:4px 0 0 17px;
    w\idth:188px;
    text-align:left;
}
#pageContent #thirdNav h2
{
    text-transform:uppercase;
    background:#7d7d7d url(../images/bg-h2-grey.gif) repeat-x;
    color:#fff;
    padding:4px;
    margin:0 0 4px 0;
}
#pageContent #thirdNav ul, #pageContent #thirdNav ul li
{
    width:188px;
    list-style-type:none;
    margin:0;
    padding:0;
    line-height:100%;
}
#pageContent #thirdNav ul li a
{
    display:block;
    padding:2px 4px;
    text-decoration:none;
    text-transform:uppercase;
    color:#58595b;
    font-weight:bold;
}
#pageContent #thirdNav ul li a:hover, #pageContent #thirdNav ul li a.active
{
    color:#ff8e00;
}

/**********************************************************************************/
/* Right Column */
#rightCol
{
    width:273px;
    float:right;
}
#rightCol h2
{
    background:#f8941e url(../images/bg-h2-orange.gif) repeat-x;
    color:#fff;
    text-transform:uppercase;
    padding:6px;
    font-size:0.8em;
    margin-bottom:8px;
}
/* Quick Links */
#rightCol #quickLinks h2
{
    background:#7d7d7d url(../images/bg-h2-grey.gif) repeat-x;
    margin-bottom:4px;
}
#rightCol #quickLinks ul
{
    
}
#rightCol #accreditation
{
    width:273px;
    padding-top:4px;
}
/* Boxes */
#rightCol .box, #rightCol .qlBox
{
    width:273px;
    background:#e5e5e5;
    padding:6px;
    margin:0 0 4px 0;
    w\idth:261px;
}
#rightCol .box.image
{
    padding:0;
}

/**********************************************************************************/
/* Navigation */
#navigation
{
    position:absolute;
    top:62px;
    left:10px;
    width:950px;
    height:268px;
    overflow:hidden;
    z-index:20;
    font-size:0.7em;
    font-weight:bold;
}
#navHolder, .navHolder2, .navHolder3
{
    position:absolute;
    top:0;
    left:0;
    width:190px;
    height:268px;
    display:block;
    opacity:.88;
	filter:alpha(opacity=88);
	-moz-opacity: 0.88;
	background:#fff;	
}
.navHolder2 
{
    left:190px;
    display:none;
}
.navHolder3 
{
    left:190px;
    display:none;
}
#navigation ul
{
    position:absolute;
    top:0;
    left:0;
    width:570px;
    height:268px;
}
#navigation ul li
{
    display:block;
    width:190px;
}
#navigation ul ul
{
    left:189px;
    display:none;
    width:190px;
    border-left:1px solid #000;
}
#navigation ul ul ul
{
    left:189px;
    display:none;
    width:190px;
    border-left:1px solid #000;
}
#navigation ul li a
{
    display:block;
    width:190px;
    padding:6px 4px;
    w\idth:182px;
    border-bottom:1px solid #000;
    text-decoration:none;
    text-transform:uppercase;
    color:#58595b;
    font-weight:bold;
}
#navigation ul li:hover ul
{
    display:block;
}
#navigation ul li:hover .navHolder2
{
    display:block;
}
#navigation ul li:hover ul ul, #navigation ul li:hover .navHolder3,
#navigation ul li:hover ul li:hover ul .navHolder3
{
    display:none;
}
#navigation ul ul li:hover ul
{
    display:block;
}
#navigation ul li ul li:hover .navHolder3
{
    display:block;
}
#navigation ul li a:hover, #navigation ul li a.active
{
    color:#fff;
    background-color:#ff8e00;
}

/**********************************************************************************/
/* Main Image */
#rotatingImage
{
    position:absolute;
    top:62px;
    left:0px;
    width:960px;
    height:268px;
    overflow:hidden;
    z-index:10;
}

/**********************************************************************************/
/* Crumbtrail */
#crumbTrail
{
    width:660px;
    position:absolute;
    top:336px;
    left:10px;
    font-size:0.8em;
    text-transform:uppercase;
    color:#58595b;
}
#crumbTrail span
{
    padding:0 4px 0 0;
}
#crumbTrail span a
{
    color:#58595b;
    text-decoration:none;
}
/**********************************************************************************/
/* Footer */
#footer
{
    width:960px;
    color:#fff;
    background:#000;
    padding:3px 0;
    font-size:0.8em;
}
#footer p
{
    color:#fff;
    padding:2px 0 2px 10px;
}
#footer .left
{
    float:left;
    width:805px;
}
#footer .right
{
    float:left;
}
#footer ul.build 
{
    margin:0;
}
#footer .build a
{
    color:#fff;
    text-decoration:none;
}
#footer .build a:hover
{
    color:#F8941D;
}

/**********************************************************************************/
/* News Pages */
.newsItem
{
    width:656px;
    border-bottom:1px solid #e6e5d6;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    display:block;
}
.itemText
{
    float:right;
    width:466px;
}
.itemImage, .itemImagePad
{
    width:180px;
    padding:4px;
    border:1px solid #e6e5d6;
    background:#fff;
    w\idth:170px;
    float:left;
}
.itemImagePad
{
    display:inline;
    margin-top:10px;
}
.itemText h3, .itemText h2
{
    color:#414042;
    font-size:1em;
    padding:0;
    margin:0;
    display:block;
    width:380px;
}
.itemText h3 a
{
    color:#414042;
    text-decoration:none;
    padding:0;
    margin:0;
}
.itemText h3 a:hover
{
    text-decoration:underline;
}
.itemText p.date
{
    width:80px;
    padding:0;
    margin:0;
    text-align:right;
    float:right;
}
.itemText .itemTop
{
    padding:12px 0 4px 0;
    border-bottom:1px solid #e6e5d6;
}
.itemBody
{
    padding-top:6px;
}
.itemBody a
{
    color:#414042;
}
.itemBody a:hover
{
    color:#f00;
}
.pagerDetails td
{
    padding:0 0 10px 84px;
    background:url(../images/news-page.gif) 1px 4px no-repeat;
}
.pagerDetails td table td
{
    padding:0;
    background:none;
    font-weight:normal;
    color:#f00;
}
.pagerDetails td table td a
{
    color:#000;
    padding:0 6px;
}
.pagerDetails td table td a:hover
{
    color:#f00;
}
p.back a
{
    color:#414042;
    text-transform:uppercase;
}
/* right Column Quick linked News */
#rightCol .newsBox
{
    width:273px;
    background:#e5e5e5;
    padding:6px;
    margin:0 0 4px 0;
    w\idth:261px;
    height:273px;
    overflow:hidden;
    he\ight:261px;
}
#rightCol .newsBox table th
{
    display:none;
}
#rightCol .newsBox .qlNewsItem
{
    padding:0;
    margin:0 0 8px 0;
    border-bottom:1px solid #ccc;
}
#rightCol .newsBox .qlNewsItem p.date
{
    width:80px;
    float:right;
    text-align:right;
}
#rightCol .newsBox .qlNewsItem h3
{
    color:#414042;
    width:180px;
    font-size:0.85em;
    margin:0;
    padding:0;
}
#rightCol .newsBox .qlNewsItem a
{
    color:#414042;
    text-decoration:underline;
    padding:0;
    margin:0;
    font-weight:normal;    
    text-transform:lowercase;
}
#rightCol .newsBox .qlNewsItem h3 a:hover
{
    text-decoration:underline;
}
#rightCol .newsBox p a
{
    color:#414042;
    text-decoration:none;
    text-transform:uppercase;
}
#rightCol .newsBox p a:hover
{
    text-decoration:underline;
}
#rightCol .newsBox p strong
{
    font-weight:normal;
}

/******************************************************************************************/
/* Quick Links */
#rightCol .qlBox
{
    font-size:0.8em;
}
#rightCol .qlBox a
{
    color:#414042;
    text-decoration:underline;
}

/******************************************************************************************/
/* Contact Form */
#pageContent #contactForm
{
    padding-top:20px;
}
#pageContent #contactForm #errorMessage, #pageContent #contactForm #errorMessage p, #pageContent #contactForm #errorMessage ul li
{
    padding:0;
}
#pageContent #contactForm #errorMessage p
{
    color:#f00;
}
#pageContent #contactForm ul, #pageContent #contactForm ul li
{
    list-style-type:none;
    margin:0;
    padding:0;
    width:340px;
}
#pageContent #contactForm ul li
{
    padding:7px 0 7px 0;
}
#pageContent #contactForm ul li label
{
    display:block;
    padding:4px 0;
}
#pageContent #contactForm ul li input, #pageContent #contactForm ul li textarea
{
    display:inline;
    border:1px solid #ccc;
    background:#fff;
    width:300px;
    color:#58595b;
}
#pageContent #contactForm ul li.button input
{
    width:100px;
    margin-left:96px;
}

/**********************************************************************************/
/* Headers paragraphs fonts and styles */
h1
{
    background:#e6e5d6;
    color:#414042;
    font-size:1.2em;
    font-weight:normal;
    padding:3px;
    margin:0 0 8px 0;
}
h2,h3
{
    color:#58595b;
    font-size:0.8em;
    padding:0 0 2px 0;
    margin:0 0 0 0;
}
#pageContent h2
{
    margin-top:10px;    
}
p
{
    font-size:0.8em;
    line-height:130%;
    padding:0 0 12px 0;
    color:#58595b;
}
p.lead
{
    font-size:1em;    
}
#pageContent ul
{
    font-size:0.8em;
    line-height:130%;
    padding:0 0 12px 0;
    color:#58595b;
}
#pageContent ul ul
{
    font-size:1em;
    margin:0 0 0 18px;
}
#pageContent ul ul, #pageContent ul ul li
{
    margin-left:10px;
    padding:0;
    list-style-type:circle;
}
#pageContent ul
{
    list-style-type:disc;
    margin:0 0 10px 18px;
}
#pageContent ul li
{
    list-style-type:disc;
    padding:4px 0 0 0;
}
#pageContent .floatContent .left, #pageContent .floatContent .right
{
    width:220px;
    float:left;
}
