/* 
Main CSS Document for ScotVQ
Contact: rick.beddie@media.co.uk
*/
 
/*
 
1. Main Default Settings
2. Header
3. Navigation Bar
4. Home Page Banner
5. Home Page Buttons
6. Home Page Body Content
7. Homepage News
8. Footer
9. Inside Body Content
10. Inside Banner
11. Inside Body Content without Column
12. Text styling including lists and headings
 
*/

/* ------------------ 1. Main Default Settings ------------------ */

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a{
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

p, h1, h2, h3{
margin-top:0;
}


.clear{
clear:both;
}

/* ------------------ 2. Header ------------------ */

#header{
border-bottom:3px solid #004990;
text-align:center; /* Centering of content for IE6 */
}

#header .section{
width:897px;
height:87px;
margin:0 auto;
text-align:left;
padding:0;
background:url(../images/sqa-logo.gif) scroll no-repeat right;
}

#header .logo{
margin:24px 0 0 10px;
padding:0;
float:left;
}

#header .text{
padding:24px 70px 0 0;
}

#header .text p{
font-family:"Century Gothic", Verdana, Arial, sans-serif;
text-align:right;
font-size:18px;
color:#333333;
margin:0;
padding:0;
}

/* ------------------ 3. Navigation Bar ------------------ */

#navbar{
border-top:1px solid #FFF;
background-color:#004990;
text-align:center;
clear:both;
}

#navbar #nav{
width:896px;
margin:0 auto;
text-align:left;
height:26px;
border-left:1px solid #FFF;
}

#navbar #nav ul{
margin:0;
padding:0;
}

#navbar #nav ul li{
margin:0;
padding:0;
float:left;
list-style:none;
color:#FFF;
text-align:center;
border-right:1px solid #FFFFFF;
}

#navbar #nav ul li.active{
margin:0;
padding:0;
float:left;
list-style:none;
color:#1c3461;
text-align:center;
width:111px;
line-height:26px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
background:#FFFFFF url(../images/nav-corner.png) scroll no-repeat bottom right;
}

#navbar #nav a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFF;
font-size:10px;
line-height:26px;
margin:0;
padding:0;
display:block;
float:left;
width:111px;
height:26px;
text-decoration:none;
background:#004990 url(../images/nav-corner.png) scroll no-repeat bottom right;
}

#navbar #nav a.active{
background-color:#FFFFFF;
color: #1c3461;
}

#navbar #nav a:hover{
background-color:#660066;
text-decoration:underline;
}

/* ------------------ 4. Home Page Banner ------------------ */

#homebar{
margin-top:1px;
background:#FFFFFF url(../images/home-main.jpg) scroll no-repeat left;
text-align:center;
}

#homebar .logo{
background:transparent url(../images/home-watermark.gif) scroll no-repeat right;
}

#homebar .logo .quote{
width:897px;
margin:0 auto;
height:200px;
background:transparent url(../images/quotes.gif) scroll no-repeat right;
}

#homebar .logo .quote p{
width:235px;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
color:#303131;
font-size:12px;
font-style:italic;
margin:34px 28px 0 0;
padding:0;
line-height:1.4em;
float:right;
}

/* ------------------ 5. Home Page Buttons ------------------ */

#homebuttons{
margin-top:-15px;
height:172px;
}

#homebuttons .left{
position:absolute;
height:172px;
float:left;
width:49%;
background:url(../images/purple-home.gif) scroll repeat-x bottom;
}

#homebuttons .right{
position:absolute;
height:172px;
float:right;
width:100%;
background:url(../images/blue-home.gif) scroll repeat-x bottom;
}

#homebuttons .buttons{
position:absolute;
left:50%;
margin-left:-449px;
width:897px;
text-align:left;
height:172px;
}

#homebuttons .buttons ul{
margin:0;
padding:0;
}

#homebuttons .buttons ul li{
margin:0;
padding:0;
list-style:none;
float:left;
width:299px;
height:172px;
}

#homebuttons .buttons ul li:hover a{
text-decoration: underline;
}

#homebuttons li.one{
background:transparent url(../images/img-purple.png) scroll no-repeat bottom;
}

#homebuttons li.two{
background:transparent url(../images/img-grey.png) scroll no-repeat bottom;
}

#homebuttons li.three{
background:transparent url(../images/img-blue.png) scroll no-repeat bottom;
}


#homebuttons .text{
float:right;
width:125px;
margin:0 14px 0 0;
}

#homebuttons a{
color:#FFFFFF;
text-decoration:none;
}

#homebuttons li h3{
color:#FFFFFF;
font-weight: normal;
font-family:"Century Gothic", Verdana, Arial, sans-serif;
margin:28px 0 1em 0;
font-size:16px;
text-align:right;
}

#homebuttons li p{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
font-size:11px;
text-align:right;
}

/* ------------------ 6. Home Page Body Content ------------------ */

#homebody{
position:absolute;
width:100%;
top:476px;
left:50%;
margin-left:-449px;
width:897px;
}

#homebody .left{
float:left;
width:299px;
margin:0;
padding:20px 0 0 0;
}

#homebody .center{
width:299px;
float:left;
margin:0;
padding:20px 0 0 0;
}

#homebody .right{
width:298px;
float:left;
margin:0;
padding:10px 0 5px 0;
background:#004990 url(../images/news-footer.gif) scroll no-repeat bottom;
color:#FFF;
}

#homebody .left h1{
text-align:right;
font-size:19px;
font-family:"Century Gothic", Verdana, Arial, sans-serif;
margin:0 14px 12px 14px;
color:#660066;
font-weight:normal;
}

#homebody .center p{
font-size:11px;
margin:0 14px 1.4em 14px;
color:#000000;
}

#homebody .clear{
clear:both;
padding-top:10px;
}

/* ------------------ 7. Homepage News ------------------ */

#news{
text-align:center;
}

#news ul{
margin:0;
padding:0;
}

#news li{
padding:5px;
margin:0 10px 10px 10px;
list-style:none;
background-color:#1b375c;
border:1px solid #728299;
text-align:left;
}

#news li:hover{
background-color:#1b375c;
border:1px solid #FFF;
background:#1b375c url(../images/news-tile.gif) scroll repeat-x bottom;
}

#news li a{
text-decoration:none;
color:#728299;
}

#news li:hover a{
color:#FFF;
}

#news .image{
float:left;
margin:0 10px 0 0;
}

#news h3{
font-size:10px;
font-weight:bold;
color:#FFF;
margin:0;
padding:0;
}

#news li p, #news li h3{
color:#728299;
}

#news li:hover p, #news li:hover h3{
color:#FFFFFF;
}

#news p{
font-size:9px;
margin:0 0 1em 0;
}

#news .more{
font-size:9px;
text-align:center;
width:90%;
border-top:1px dashed #FFF;
margin:0 auto;
line-height:2.4em;
}

#news .more a{
color:#FFFFFF;
}

/* ------------------ 8. Footer ------------------ */

#footer{
background:transparent url(../images/footer-shadow.gif) scroll no-repeat top;
padding:30px 0 20px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
margin:0;
}

#footer a{
color:#660066;
}

#footer p{
margin:0 0 1.6em 0;
}

/* ------------------ 9. Inside Body Content ------------------ */

#insidebody{
position:absolute;
top:220px;
left:50%;
margin-left:-449px;
width:897px;
background:#FFFFFF;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
}

#insidebody .column{
width:228px;
float:left;
border-right:1px solid #FFF;
}

#insidebody .content{
width:668px;
float:left;
}

#insidebody .column ul{
margin:0;
padding:0;
}

#insidebody .column li{
margin:0 0 1px 0;
padding:0;
list-style:none;
}

#insidebody .column li.active{
width:208px;
height:25px;
background:#660066 url(../images/nav-corner.png) scroll no-repeat bottom right;
line-height:25px;
color:#FFF;
font-size:10px;
padding:0 10px 0 10px;
}

.column li a{
display:block;
width:208px;
height:25px;
background:#eae8e8 url(../images/nav-corner.png) scroll no-repeat bottom right;
line-height:25px;
color:#000;
font-size:10px;
padding:0 10px 0 10px;
text-decoration:none;
}

.column li a:hover{
color:#FFF;
background-color:#660066;
text-decoration:underline;
}

#insidebody .clear{
padding-top:10px;
}

/* ------------------ 10. Inside Banner ------------------ */

#insidebar{
margin-top:1px;
border-bottom:2px solid #004990;
}

#insidebar .logo{
height:102px;
background:transparent url(../images/inside-logo.gif) scroll no-repeat top right;
}

#insidebar h3{
font-weight:normal;
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-size:20px;
margin:0;
padding:26px 0 0 0;
color:#660066;
position:absolute;
left:50%;
margin-left:-194px;
}

/* ------------------ 11. Inside Body Content without Column ------------------ */

#insidebodynm{
position:absolute;
top:220px;
left:50%;
margin-left:-449px;
width:897px;
background:#FFFFFF;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
}

#insidebodynm .clear{
padding-top:10px;
}

/* ------------------ 12. Text styling including lists and headings ------------------ */

.content .bread{
height:25px;
background:#004990 url(../images/nav-corner.png) scroll no-repeat bottom right;
line-height:25px;
text-align:right;
padding-right:10px;
font-size:10px;
color:#FFF;
}

.bread a{
color:#FFF;
}

.content .text{
margin:25px;
color:#333333;
}

.content .text p{
font-size:12px;
}

.content .text a{
color:#660066;
}

.content .text h1{
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-weight:normal;
font-size:28px;
color:#660066;
}

.content .text h2{
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-weight:normal;
font-size:24px;
color:#660066;
}

.content .text h3{
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-weight:normal;
font-size:20px;
color:#660066;
}

.content .text h4{
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-weight:normal;
font-size:18px;
color:#660066;
}

.content .text h5{
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-weight:normal;
font-size:16px;
color:#660066;
}

.content .text h6{
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-weight:normal;
font-size:14px;
color:#660066;
}


.content .highlight{
color: #1D3461;
}

.content .text ol{
margin-left:50px;
padding-left:0;
color:#660066;
font-size:12px;
}

.content .text ol li{
line-height:1.6em;
}

.content .text ul{
margin-left:50px;
padding-left:0;
color:#660066;
font-size:12px;
}

.content .text ul li{
list-style:url(../images/list-item.gif) outside;
line-height:1.6em;
}

#insidebarAbout{
background:#FFF url(../images/inside-banner-about.jpg) scroll no-repeat top left;
}

#insidebarConsultancy{
background:#FFF url(../images/inside-banner-consultancy.jpg) scroll no-repeat top left;
}

#insidebarContact{
background:#FFF url(../images/inside-banner-contact.jpg) scroll no-repeat top left;
}

#insidebarCourses{
background:#FFF url(../images/inside-banner-courses.jpg) scroll no-repeat top left;
}

#insidebarLinks{
background:#FFF url(../images/inside-banner-links.jpg) scroll no-repeat top left;
}

#insidebarLogin{
background:#FFF url(../images/inside-banner-login.jpg) scroll no-repeat top left;
}

#insidebarRecruitment{
background:#FFF url(../images/inside-banner-recruitment.jpg) scroll no-repeat top left;
}

#insidebarBusinessDevelopment{
background:#FFF url(../images/inside-banner-bus-dev.jpg) scroll no-repeat top left;
}