/*************************************************************
RESETS AND HACKS
************************************************************/
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, p, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
dl, dt, dd,  ul, 
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	list-style: none;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

 img, div, input { behavior: url("pngfix/iepngfix.htc") }

/*************************************************************
STRUCTURE
************************************************************/

.largermap{display: none; width: 400px; font-size: 90%;  float: right; height: 20px; padding: 5px; text-align: center;}
ul.topnav{ background: ;
height: 14px;
width: 960px;
float: right;
margin-top:3px;
}
ul.topnav li {
float: right;
margin-right: 5px;
font-size: 80%;
}
body {
margin: 0 auto;
padding: 0;
width: 100%;
behavior: url("hover.htc"); 
font-family: Helvetica, Verdana, sans-serif;
background: url('images/bglogo.jpg') no-repeat center top;
}

#bg{

margin: 0px auto; 
width: 960px; 

z-index: -10;
position: absolute;

}
#header {
width: 960px; 
margin: 0 auto; 
}
#contentwrapper {
clear: left;
width: 960px; 
margin: 0 auto; 

}

#logo {
height: 85px; 
width: 960px; 
padding: 0px 0px 0px 0px; 
margin-bottom: 40px; 
float: right;

}

img#scottscollegelogo { 
margin: -10px 0px 0px 328px;
position: absolute;
}

img#britishaccreditationcouncil {
float: right;
margin: 0px 0px 0px 0px;
}

#mainnavwrap {
margin: 0 auto;
width: 960px;   
}

#shadow {
margin: 11px 0px 0px 0px;
padding: 0px;
z-index:-10;
position: absolute;
width: 960px;   
height: 282px;
background: url('images/shadow.png') no-repeat center;
display: none;
}

img.homepageimg {
margin: 0px 0px 0px 0px;
position: absolute;
display: none;
width: 768px;
height: 409px;
}
img.homepagenewimg {
margin: 200px 0px 0px 0px;
position: absolute;
width: 960px;
height: 409px;
z-index: -10;
}
#home #sidebar {
margin: 38px 0px 0px 65px;
background: white;
}

#maincontent {
float: right; 
width: 768px;  
padding: 0px;; 
margin: 40px 0px 0px 12px;

}
#sidebar {
text-align: center;
float: left; 
display: block;
width: 172px; 
margin: 40px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}



.homepageh1{
margin: 20px 0px 10px 0px;
font-size: 130%
}

#maincontent p{
font-size: 80%;
margin: 8px 0px 8px 0px;
}



#contentleft {
float: left;
width: 470px;
padding-right:15px;
background: url('images/navbreak.gif') repeat-y right;
}

#contentright {
float: right;
width: 272px;
padding: 0px 0px 0px 10px;
}

#contentright img {
margin-bottom: 10px;
}
#equalleft{
width: 371px;
float: left;
padding-right: 15px;
background: url('images/navbreak.gif') repeat-y right;
}

#equalright{
width: 371px;
float: right;
margin-left: 0px;
}
#equalleft img, #equalright img {
text-align: left;
margin: 0px 0px 10px 0px;


}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

#footerwrapper { 
clear: both;
position: relative;
width: 960px; 
margin: 0 auto; 
padding: 0px
}

#footerimg{
width: 500px;
height: 100px;
float: left;
margin: 2px 0px 0px 0px;
}
#footerimg2{
background: url('images/footerimg2.png') no-repeat;
width: 500px;
height: 50px;
float: left;
margin: 10px 0px 0px 0px;
}

a.footerimage {
position: absolute;
text-indent: -10000em;
display: block;
height: 90px;
float: left;
margin: 0;
padding: 0;
}

#first {
width: 86px;
}
#second {
width: 108px;
margin: 0px 0px 0px 99px;
}

#third {
width: 124px;
margin: 0px 0px 0px 220px;
}

#fourth {
width: 127px;
margin: 0px 0px 0px 354px;
}


#footertext {
width: 400px;
margin: 2px 50px 0px 10px;
float: right;
}

p.footertext{
font-size: 70%;
color: #666666;
}

#footer a { 
color: white;
margin: 20px 30px 0px 0px;
}
#footer a:hover{
text-decoration: underline;
}

#footerbottom  {
clear: both;
}

#footerbottom p {
text-align: center;
font-size: 100%;
}



/*************************************************************
NAVIGATION
************************************************************/

ul#nav {font-size: 100%;}
ul#nav ul {
z-index: 10;
margin: 0px 0px 0px 26px;
border: solid #666666 1px;
width: 140px;
min-width: 140px;
max-width: 140px;
}
li.navchild {
background: url('images/line.gif') bottom repeat-x #ffffff;
 padding: 0px 0px 0px 0px;
font-size: 80%;
}

li.bottom {
background: #ffffff;
}


li.rightli { 

}
#nav, #nav ul { 
padding: 0; 
margin: 0;   
list-style: none;
line-height: 1; 
} 

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1; 
} 

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em; 
} 

#nav li { 
position: relative;
z-index: 100;
float: left;    
margin: 0;}
 
#nav li ul {
position: absolute;  
z-index: 100;
    
left: -999em; 
}

#nav li:hover ul ul, #nav li.sfhover ul ul { 
left: -999em; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
} 
 
#nav li:hover ul {  
left: auto; 
}

#nav li:hover ul, #nav li.sfhover ul {  
left: auto; 
}

#nav ul 	 {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size: .9em; 
}


#nav .navhead a:hover {
color: black;
}

#nav .navchild a 	 {
text-align: center;
display: block;
width: 140px; 
font-weight: normal;
min-width: 140px;
max-width: 140px;
text-decoration: none; 
color: #666666;
padding: 3px 0px 3px 0px;
}
#nav .navchild a:hover {
color: white;
background: #666666;} 



#nav a:link, #navlist a:visited {
text-decoration: none; 
}

li.navchild a, li.navchild a:hover { 
padding: 4px 0px 4px 0px; 
}



#nav li ul ul {     
margin: -1em 0 0 10em; 
border: solid #666666 1px;
} 


/*************************************************************
Sidebar Navigation
************************************************************/
div#fadeout {
width: 172px;
height: 40px;
z-index: 10;
position: absolute;
margin: 110px 0px 0px 0px;
background: url('images/newimages/fade.png') repeat;
border-bottom: dotted 1px #666666;
}


div.sidebarli a{
font-size: 80%;
font-weight: bold;
width: 100%; 
display: block;
padding: 8px 0px 8px 0px;
}
div.sidebarli a:hover{
text-decoration: underline;
}
div#sidebarlist {
padding: 0px 0px 0px 0px; 
}
div.sidebarli2 {
width: 100%; 
display: block;
padding: 10px 0px 0px 0px;
}

div.sidebarli2 h2 {
font-size: 100%;
font-weight: bold;
text-decoration: none;
color: #666666;
}
div.sidebarli {
width: 100%; 
display: block;
}
div.sidebarli a {
border-bottom: dotted 1px #666666;
}
span.sidebarli p {
font-size: 80%;
margin: 0;
padding: 0;
}
p.red{
color: red;
text-align: center;
}

p.redleft{
color: red;
text-align: left;
}



input.searchbox {
width: 85px;
margin-right: 0px;
}
h4.searchheader {
font-size: 120%;
color: #666666; 
padding-top: 0px;
margin: 8px 0px 8px 0px;
}
h4.searchheader:hover {
color: black;
}


/*************************************************************
Page Details
************************************************************/
div#enrolbox a {
width: 372pz;
display: block;
text-align: center;
border: solid #666666 2px;
}
div#enrolbox a:hover {
width: 372pz;
display: block;
text-align: center;
border: solid #666666 2px;
background: #666666;
color: white;
}


div#enrolbox p {
font-weight: bold;
font-size: 100%;
text-align: center;}



p.timestamp {
color:#666666 ;
}

div.quicksearch {
padding: 0px 0px 8px 0px;


border:none;
}
select.goog-te-combo {
width: 130px;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.skiptranslate {
margin: 0px 0px 0px 20px;
}
div#ukba {
width: 160px;
height: 71px;
display: block;
z-index: 10;
float: right;
margin: 28px 20px 0px 0px;
}
div#ukba a.ukbalink {
width: 160px;
height: 71px;
display: block;
background: url('images/ukba.png') no-repeat;
background-position: 0 -88px;
}
div#ukba a.ukbalink:hover {
background-position: 0 0px;
}


div.sidebarli a.licencelink {
margin: 10px 0px 0px 0px;
width: 160px;
height: 71px;
background: url('images/ukba.png') no-repeat;
background-position: 0 -88px;
display: none;

}
div.sidebarli a.licencelink:hover {
background-position: 0 0px;
}

div.sidebarli a.homepagebaclink {
width: 150px;
margin: 0px auto;
height: 65px;
display: block;
background: url('images/bacgrey.png') no-repeat;
}
div.sidebarli a.homepagebaclink:hover {
background: url('images/baccolor.png') no-repeat;
width: 150px;
margin: 0px auto;
height: 65px;
display: block;
}

div.sidebarli a.baclink {
width: 150px;
margin: 0px auto;
height: 47px;
display: none;
background: url('images/bacsprite.png') no-repeat;
background-position: 0 0px;
}
div.sidebarli a.baclink:hover {
background-position: 0 -62px;
}

#hpcontentwrap{
width: 960px;
margin: 0px auto;
display: none;
padding: 0px 0px 0px 0px; 
}
#homepagecontent {
width: 960px;
}


.accredwrap {
float: left;
width: 720px;
}

.accredorg {
width: 590px;
height: 100%;
float: left;
}


img.badge{
float: right;
display: inline;
}

ul.nestedul, ul.nested2 {
font-size: 14px;
}

ul.courselist li {
list-style-type: disc;
margin-left: 40px;
}
ul.nestedul li {
list-style-type: disc;
margin-left: 80px;
}

ul.nested2 li {
list-style-type: disc;
margin-left: 120px;
}
iframe.floatedimageright {
float: right;
padding: 1px;
border: solid #666666 1px;
margin-left: 10px;
}

div.contentimagefloat {
text-align: justify;
padding-right: 0px;

}

ul.disc {
margin-top: 10px;
}

ul.disc li {list-style-type: disc; margin-left:40px; }



/*************************************************************
Content Fonts
************************************************************/
a.ext {
padding: 0px 12px 0px 0px;
background: url('images/ext.gif') no-repeat right;
}

a {
text-decoration: none;
color: #666666;
}

a:hover {
color: black;
}

h1 {
font-size: 200%; 
color: #666666;
line-height: 90%;
margin-bottom: 10px;
background: url('images/line.gif') bottom repeat-x; 
}

.nonhomepage h1.long {
font-size: 200%;
}

p {
font-size: 70%; 
line-height: 140%;
margin-bottom: 10px;
text-align: justify;
}

td {
font-size: 90%; 
line-height: 140%;
color: #666666; 

}


#maincontent li {
font-size: 80%;
line-height: 140%;
margin-bottom: 10px;

}

h3 {
color: #666666; 
padding-top: 0px;
margin-bottom: 8px;
font-size: 100%;
font-weight: bold;
}


#maincontent h2 {
font-size: 20px;
margin: 0px 0px 10px 0px;
text-align: left;
clear: both;
color: #666666;
}


h4 {
color: #666666; 
padding-top: 0px;
margin-bottom: 8px;
font-size: 100%;
font-weight: bold;
}




/*************************************************************
Tabbed Panels
************************************************************/
ul .TabbedPanelsTabGroup  li .TabbedPanelsTab { width: 100px; background: grey;}
TabbedPanelsTabSelected {}
TabbedPanelsTabHover{}
div #feescontent table {width: 470px; } 
div #TabbedPanels1 .TabbedPanels{}
#TabbedPanels1 {width: 470px;}
#feescontent{
width: 470px;
}
.tabbedpanels{
width: 470px;
}

li#NONUK, li#UK, li#UKNONUK {font-size: 14px;}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
 
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	font-size: 14px;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
li#UKNONUK:hover {
	background-color: #CCC;
}
.TabbedPanelsTabHover {
	background-color: #CCC;
}


.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}


.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContent {
width: 470px;
}


#visa a {
background: url('images/newimages/visasprite.png') no-repeat;
height: 63px;
background-position: 0px 0px;
width: 172px;
display: block;
text-indent: -10000em;
border-bottom: 1px dotted #666666;
}
#visa a:hover {
background-position: 0px -67px;
}

h1, h2, h3, h4, h5 {
font-family: Garamond, Georgia;
}
#nav .navhead a {
width: 192px;
font-weight: bold;
text-align: center;
display: block;
text-decoration: none; 
color: #666666;
font-family: Garamond, Georgia;
text-transform: uppercase;
letter-spacing: 1px;
}

#nav .navchild a {
font-family: Helvetica, Verdana, sans-serif;
text-transform: none;
letter-spacing: 0.5px;
}