/*Affinity Educational Style Sheet 08 JUL 2008 */

body {
background-color: #FFFFFF;
background-image:url(../../../images/bg_top.gif) ;
background-repeat: repeat-x;
font-size:12px;
line-height:1.8em;
padding:0px;
color:#333333;
margin-top:0;
}

div#bottommenu {
width:784px;
padding:7px 0;
margin:0 auto;
border-top:#2884ec 1px dashed;
}

div#footernote {
width:784px;
margin:0 auto;
border-top:#2884ec 1px dashed;
}


td, div {
color:#333333;
}

p,h3 {
line-height:1.8em;
}

img{
border:0;
}

.imgright {
float: right;
padding: 3px 0 3px 7px;
font:10px/1.6em 'Hiragino Kaku Gothic Pro' 'MS Gothic';
color:#999999;
}

.imgleft {
float: left;
padding: 0 7px 0 0;
}


img.video{
border:#CCCCCC 1px solid;
padding:6px;
float:left;
margin-right:8px;
margin-bottom:10px;
background-color:#FFFFFF;
}

img.prog{
border:#CCCCCC 1px solid;
padding:6px;
float:right;
margin-left:8px;
margin-bottom:10px;
background-color:#FFFFFF;
}

hr {
color: #CCCCCC;
background-color:#CCCCCC;
height:1px;
width: 100%;
border: 0;
}

hr.redline {
color: #cc5866;
background-color:#cc5866;
height:1px;
width: 100%;
border: 0;
}


table.moduletable {
padding: 0px;
width: 100%;
background-color:#FFFFFF;
}


ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top:5px;
  margin-bottom:2px;
}

li {
  line-height: 20px;
  padding-top: 0px;
}


ul.circle,
li.circle,
.circle {
list-style-image: url(http://www.gendai.co.uk/~sxxmqwhd/affinity/ed/images/circle.gif) ;
list-style-position:outside;
margin-left:20px;
}


/* Links to other course */

.arrow2, a.arrow2:link {
background: 
url(http://www.gendai.co.uk/~sxxmqwhd/affinity/ed/images/arrow2.gif) no-repeat 0px 7px;
padding:3px 0 3px 18px;
line-height: 20px;
}

.other, a.other:link {
background: 
url(http://www.gendai.co.uk/~sxxmqwhd/affinity/ed/images/othercourse.gif) no-repeat 0px 4px;
padding:3px 0 3px 105px;
line-height: 20px;
}


form {
margin:0px;
padding:0px;
}

.inputbox {
font: 11px sans-serif;
color: #999999;
}

.search {
font: 11px sans-serif;
color: #999999;
}


/*** menu title left ***/

table.moduletable th {
background-color:#2884ec;
text-decoration: none;  
display:block;
width:140px;
height:20px;
font-size: 11px;	
font-weight: bold;
color:#FFFFFF;
text-align: left;
letter-spacing: 1px;
text-indent:5px;
margin-top:2px;
margin-bottom:2px;
padding-top:4px;
padding-bottom:4px;
font-family:Verdana, sans-serif;
border-top:#D5D0E5 solid 1px;
}


table.moduletable li {
}

table.moduletable ul {
list-style:none;
padding: 0px;
}

table.moduletable td {
font-size: 11px;
font-weight: normal;
}

/* navigation */

#active_menu {
color:#2884ec;
text-decoration:none;
background-color:#FFFFFF;
}

a.mainlevel:link, a.mainlevel:visited {
background-color:#e1f3ff;
height:22px;
display: block;
color: #666666;
width: 100%;
text-indent:7px;
text-decoration: none;
font-family: Arial, sans-serif;
padding-top: 6px;
padding-bottom:3px;
font-size:12px;
border-top:#D5D0E5 solid 1px;
}

a.mainlevel:hover {
color: #2884ec;
background-color:#d1ecfd;
text-decoration:none;
}

a.mainmenu:link, a.mainmenu:visited {
color: #ffffff; 
font-family: Arial, sans-serif;
font-size: 12px;
}

a.mainmenu:hover {
color: #77B6DA;
}


a.sublevel:link, a.sublevel:visited {
text-indent:7px;
font-size: 11px;
color: #666666;
text-align: left;
display:block;
background-color:#FFFFFF;
margin-left:0px;
padding:2px 0;
width:100%;
text-decoration:none;
border-top:#D5D0E5 dotted 1px;
list-style:none;
}

a.sublevel:hover {
color: #A53D3D;
text-decoration: none;
display:block;
background-color:#D6E8F4;
text-decoration:none;
list-style:none;
}

/* navigation end*/


/*** top menu ***/

.mainlevel-nav_top, a.mainlevel-nav_top:link, a.mainlevel-nav_top:visited {
color:#FFF;
text-decoration: none;
font-family: Verdana, sans-serif;
font-size:11px;
text-align:left;
padding:3px;
}

a.mainlevel-nav_top:hover {
color: #7fb7f6;
text-decoration:none;
}

#active_menu-nav_top {
color:#FFF;
text-decoration:none;
font-weight:bold;
}


/*** bottom menu ***/

.mainlevel-nav_bottom, a.mainlevel-nav_bottom:link, a.mainlevel-nav_bottom:visited {
color: #666666;
text-decoration: none;
font-family: Verdana, sans-serif;
font-size:10px;
margin-left:0px;
padding:0px 5px 0px 0px;
text-indent:0px;
}

a.mainlevel-nav_bottom:hover {
color: #2884ec;
text-decoration:none;
}

/******/

table.moduletable {
margin-bottom: 0px;
width: 100%;
background-color:#FFFFFF;
padding:0px;
border:0px;
}


/* latestnews */

table.moduletable_news th {
	padding: 3px 0px 3px 0px;
	margin-bottom: 5px;
	width: 100%;
	color:#666666;
	text-indent:10px;
	font-weight:normal;
	background-color:#DDDDDD;
	border-bottom:#999999 dotted 1px;
	border-top:#999999 dotted 1px;
	text-align:left;
	font-size:12px;
}

ul.latestnews_news {
font-family:"Hiragino Kaku Gothic","MS Gotic",sans-serif;
font-size:10px;
width:100%;
padding-bottom:10px;
}

li.latestnews_news{
text-indent:0px;
border-bottom:#999999 dotted 1px;
padding:3px;
line-height:15px;
}

a.latestnews_news:link, a.latestnews_news:visited {
font-family:"Hiragino Kaku Gothic","MS Gotic",sans-serif;
text-align:left;
color:#666666;
font-family: sans-serif;
font-size: 10px;
}

a.latestnews_news:hover {
text-decoration:none;
color:#3d97c6;
font-size: 10px;
}

/* Most read */

table.moduletable_news th {
	padding: 3px 0px 3px 0px;
	margin-bottom: 5px;
	width: 100%;
	color:#666666;
	text-indent:10px;
	font-weight:normal;
	background-color:#DDDDDD;
	border-bottom:#999999 dotted 1px;
	border-top:#999999 dotted 1px;
	text-align:left;
	font-size:12px;
}

ul.mostread_news {
font-family:"Hiragino Kaku Gothic","MS Gotic",sans-serif;
font-size:10px;
width:100%;
padding-bottom:10px;
}

li.mostread_news{
text-indent:0px;
border-bottom:#999999 dotted 1px;
padding:3px;
line-height:15px;
}

a.mostread_news:link, a.mostread_news:visited {
font-family:"Hiragino Kaku Gothic","MS Gotic",sans-serif;
text-align:left;
color:#666666;
font-family: sans-serif;
font-size: 10px;
}

a.mostread_news:hover {
text-decoration:none;
color:#3d97c6;
font-size: 10px;
}

/* school list latestnews */

table.moduletable_list th {
	padding: 5px;
	margin-bottom: 5px;
	width: 475px;
	color:#666666;
	font-weight:normal;
	background-color:#F2F2F2;
	text-align:left;
	font-size:12px;
}

ul.latestnews_list {
font-size:12px;
width:100%;
padding-bottom:10px;
}

li.latestnews_list {
text-indent:0px;
border-bottom:#CCCCCC dotted 1px;
padding:3px;
line-height:18px;
display:block;
}

a.latestnews_list:link, a.latestnews_list:visited {
text-align:left;
color:#666666;
font-family: sans-serif;
font-size: 12px;
display:block;
}

a.latestnews_list:hover {
text-decoration:none;
color:#3d97c6;
font-size: 12px;
}


/**pathway setting**/

.pathway {
font: 10px/1.5em Verdana, sans-serif;
color:#999999;
}

a.pathway:link, a.pathway:visited {
color:#2884ec;
text-decoration: none;
}

a.pathway:hover {
color: #2884ec;
text-decoration: none;
}


/** table of content header **/

.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
	font-family: sans-serif;
	background-color:#FFFFFF;
	font-size:16px;
	color:#2884ec;
	font-weight: bold;
	line-height:2.4em;
	text-decoration:none;
	padding:15px 0 5px 0;

}

a.contentpagetitle:hover {
	font-family:  sans-serif;
	font-size:16px;
	color:#77B6DA;
	text-decoration:none;
}


.contentpane {
background: #ffffff;
padding:0px;
width:100%;
border:0px;
}

.contentpaneopen {
width: 100%;
padding:0px;
}

/** content header programme **/

.contentheading_prg, 
.componentheading_prg{
  font:bold 15px/1.8em sans-serif;
  color: #cc5866;
  text-align: left;
  border-bottom:#cc5866 dashed 1px;
  border-top:#cc5866 dashed 1px;
  padding:5px 0 5px 0;
  width:475px;
}

a.contentpagetitle_prg,
a.contentpagetitle_prg:link,
a.contentpagetitle_prg:visited {
  font:bold 15px/1.8em sans-serif;
  color: #cc5866;
  text-align: left;
  display: block;
}


a.contentpagetitle_prg:hover{
display: block;
color:#cc5866;
padding:0;
background:#f9eaee;
}

.contentpaneopen_prg {
margin-bottom:10px;
width:100%;
}


#download {
margin:40px 0;
border:#cc5866 1px solid;
display:block;
}


#download a:link, #download a:visited {
color:#cc5866;
text-decoration: none;
padding:10px 7px 7px 7px;
display:block;
}

#download a:hover {
color:#cc0033;
text-decoration: none;
background:#F5EBE9;
display:block;
}


.prgsub {
background:#ECD7D7;
padding:7px;
margin:20px 0;
color:#A53D3D;
font:bold 14px sans-serif;
}


.red12_col {
font:bold 14px sans-serif;
background-color:#ECD7D7;
display:block;
padding:7px;
color:#A53D3D;
margin:20px 0;
border-left:#990000 8px solid;
}


/** video **/

.contentheading_video,
.contentpagetitle_video,
a.contentpagetitle_video:link,
a.contentpagetitle_video:active,
a.contentpagetitle_video:visited {
	font-family:  sans-serif;
	background-color:#FFFFFF;
	font-size:16px;
	letter-spacing:0.1em;
	color:#438094;
	font-weight: bold;
	line-height:2.4em;
	text-decoration:none;
	height:26px;
	background-image:url(http://www.gendai.co.uk/~sxxmqwhd/affinity/ed/images/bg_blue.gif);
	width:100%;
}

.contentpane_video {
background: #ffffff;
padding:0px;
border:0px;
}

.contentpaneopen_video {
width: 225px;
padding:3px 5px 3px 5px;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
margin:0px 8px 8px 8px;
background-color:#e2f0f8;
}

/*** read more link video ***/

.readon_video, a.readon_video:link, a.readon_video:visited {
font-size: 9px;
color:#FFFFFF;
font-family: sans-serif;
margin-bottom:5px;
letter-spacing:0.1em;
background-color:#999999;
float:right;
padding:0px 3px 0px 5px;
}

a.readon_video:hover {
color:#666666;
text-decoration:none;
background-color:#DDDDDD;
}


/** content title **/
.componentheading {
font-family:  sans-serif;
color:#999999;
font-size: 12px;
padding: 5px 0px 5px 0px;
display:block;
}

a:link, a:visited {
color:#2884ec;
text-decoration: none;
}

a:hover {
	color:#7fb7f6;
	text-decoration: none;
}


/*** read more link ***/

.readon, a.readon:link, a.readon:visited {
font-size: 10px;
text-align:right;
font-family: sans-serif;
font-weight:bold;
margin-bottom:10px;
letter-spacing:0.1em;
float:right;
text-indent:20px;
}

a.readon:hover {
text-decoration:none;
}


/*** Section ***/

.sectiontableheader {
	color : #666666;
	font-weight : bold;
	padding: 3px;
	margin-left:0px;
}

.sectiontableentry1 {
background-color : #FFFFFF;
padding: 2px;
border-bottom:#D3E1E4 solid 1px;
}

.sectiontableentry2 {
background-color : #FFFFFF;
padding: 2px;
border-bottom:#666666 solid 1px;
}


/*** programme ***/

.bluebox {
background-color:#e2f0f8;
padding: 7px;
width:95%;
border:#0099CC 1px dotted;
}

.bluebox2 {
background-color:#e2f0f8;
padding: 10px;
}

.redbox {
background-color:#ECD7D7;
padding: 7px;
width:95%;
border:#A53D3D 1px dotted;
}

.greybox {
background-color:#EEEEEE;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}

#greybox_prog a {
background-color:#EEEEEE;
color:#333;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}

#greybox_prog a:hover {
background-color:#f5eded;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}


#greybox_sch a {
background-color:#EEEEEE;
color:#365499;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}

#greybox_sch a:hover {
background-color:#dcecf7;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}

ul.prog {
background-color:#e2f0f8;
padding:7px;
}

li.prog {
list-style-image:url(http://www.gendai.co.uk/~sxxmqwhd/affinity/ed/images/M_images/arrow.png);
list-style-position:outside;
line-height:2em;
}

table.prog {
border-collapse: collapse;
border-top:#e5e5e5 1px solid;
}

table.prog td {
border-collapse: collapse;
border-bottom:#e5e5e5 1px solid;
}


table.prog th {
border-collapse: collapse;
border-bottom:#e5e5e5 1px solid;
font:bold 12px/1.7em sans-seri;
text-align:left;
}

.sub_blue {
font-size:14px;
font-weight:bold;
color:#365499;
border-left:#5290d0 solid 15px;
padding:2px 2px 2px 10px;
}

.sub_red {
font-size:14px;
font-weight:bold;
color:#A53D3D;
border-left:#cc5866 solid 15px;
padding:2px 2px 2px 10px;
}
 
.boxgrey {
background:#EAEAEA;
padding:10px;
border:#999999 dotted 1px;
width:auto;
}  

/*** school ***/

.contentheading_sch, 
.componentheading_sch{
  font:bold 14px/1.8em sans-serif;
  color: #4178B7;
  text-align: left;
  border-bottom:#4178B7 dashed 1px;
  border-top:#4178B7 dashed 1px;
  padding:3px 0 3px 0;
  width:475px;
}

a.contentpagetitle_sch,
a.contentpagetitle_sch:link,
a.contentpagetitle_sch:visited {
  font:bold 14px/1.8em sans-serif;
  color: #4178B7;
  text-align: left;
  display: block;
}


a.contentpagetitle_sch:hover{
display: block;
color:#77B6DA;
padding:0;
background:#f1f7fc;
}

.contentpaneopen_sch {
margin-bottom:10px;
width:100%;
}

.blue_sch {
  font:bold 14px/1.8em sans-serif;
  color: #4178B7;
  text-align: left;
  padding:3px 0;
  }
  
.blue_sch12 {
  font:bold 12px/1.7em sans-serif;
  color: #4178B7;
  text-align: left;
  padding:3px 0;
  }  


table.sch {
margin:30px 0;
border-top:#e5e5e5 1px solid;
border-collapse : collapse ;
}

table.sch td {
border-bottom:#e5e5e5 1px solid;
}

table.sch th {
color:#333333;
font:bold 12px/1.7em sans-serif;
background:#e2e2e2;
text-align:left;
}

/*** Page Navigation ***/

.pagenav {
font: 10px/1.7em Verdana, sans-serif;
color:#CCCCCC;
padding: 3px 5px;
margin:50px 3px 50px 0;
border:#CCCCCC 1px solid;
}

a.pagenav:link, a.pagenav:visited {
color:#333333;
border:#CCCCCC 1px solid;
background:#f2f2f2;
}

a.pagenav:hover {
color:#333333;
text-decoration:none;
background:#e2e2e2;
border:#CCCCCC 1px solid;
}


/*** Current Date ***/

.currentdate {
font-size:11px;
font-family:Verdana, sans-serif;
color:#FFF;
}

/*** Copyright ***/

.copyrights {
font-size:10px;
font-family:Verdana, sans-serif;
color:#999999;
line-height:1.5em;
}

.createdate{
margin-bottom:10px;
font-size:11px;
font-family: Verdana, sans-serif;
color:#CCCCCC;
}

.mainpage{
text-align: left;
color: #CC0000;
font-family: Verdana, sans-serif;
font-size: 12px;
line-height:18px;
padding:0px;
}

/* Javascript Back button */
.back_button {
font-size:10px;
text-align: center;
margin-top: 20px;
margin-bottom: 40px;
text-decoration:none;
}


/* dotted line */
.vline{
background-image:url(http://www.gendai.co.uk/~sxxmqwhd/affinity/ed/images/div.gif);
height:17px;
width:100%;
}


.right {
width:139px;
border:#FF3366 1px;
}


.large {
font-family:sans-serif;
font-size:14px;
font-weight:bold;
}

.white{
font-size:12px;
font-family: sans-serif;
color:#FFFFFF;
font-weight:bold;
}

.white14{
font-size:14px;
font-family: sans-serif;
color:#FFFFFF;
font-weight:bold;
}

.red11 {
font-size:11px;
font-family: sans-serif;
color:#A53D3D;
}

.red12 {
font-size:12px;
font-family: sans-serif;
color:#A53D3D;
}

.red14 {
font-size:14px;
font-family: sans-serif;
color:#A53D3D;
font-weight:bold;
}

.red14b {
font:bold 14px/1.7em sans-serif;
color:#A53D3D;
border-bottom:#A53D3D 1px dotted;
padding-bottom:5px;
display:block;
margin-bottom:10px;
}

.red18 {
font-size:18px;
font-family: sans-serif;
color:#A53D3D;
font-weight:bold;
line-height:1.8em;
}


.grey10 {
font-size:10px;
font-family: sans-serif;
color:#333333;
}

.grey12 {
font-size:12px;
font-family: sans-serif;
color:#666666;
font-weight:bold;
}

.grey14 {
font-size:14px;
font-family: sans-serif;
color:#666666;
font-weight:bold;
}

.blue10 {
font-family: Verdana, sans-serif;
font-size:10px;
color:#2884ec;
}

.blue12 {
font-size:12px;
font-family: sans-serif;
color:#2884ec;
font-weight:bold;
}

.blue14 {
font: bold 14px/1.8em sans-serif;
color:#2884ec;
}

.blue16 {
font: bold 16px/1.8em sans-serif;
color:#2884ec;
}

.bluesky12 {
  font:12px/1.7em sans-serif;
  color: #2884ec;
  }  


.bluedark14 {
color:#365499;
font:bold 14px/1.8em sans-serif;
}

.bluedark16 {
color:#365499;
font: bold 16px/1.8em sans-serif;
}

.small10 {
font: 10px/1.5em "Hiragino Kaku Gothic","MS Gotic", sans-serif;
}


#rightcol {	
font-family: sans-serif;
font-size: 11px;
color:#909090;
line-height:1.8em;
}

#rightcol td {font-size: 11px; color:#909090;}
#rightcol a {font-size: 11px; color:#909090; text-decoration:none;}
#rightcol a:hover {font-size: 11px; color:#A53D3D; text-decoration:none;}

/* note */

div.note_visit{
text-indent:-9999px;
width:446px; 
height:91px; 
margin:auto; 
background:url(http://www.gendai.co.uk/~sxxmqwhd/affinity/ed/images/bg_notevisit.gif) no-repeat top;
}

div.note {
width:446px; 
margin:auto;
background:url(http://www.gendai.co.uk/~sxxmqwhd/affinity/ed/images/bg_note.gif) repeat-y;
}

div.note_inner {
padding:7px 20px 20px 40px;
}

table.visitimg {
margin:10px auto;
}

table.visitimg td {
font: 10px/1.5em Verdana, sans-serif;
padding:5px;
text-align:center;
}

/**EUROSTAR**/

.contentheading_euro,
.contentpagetitle_euro {
font-family:"Hiragino Kaku Gothic", "MS UI Gothic", sans-serif;
font-size:16px;
color:#666666;
background: repeat-x center url(../../../images/bg_euro.png);
line-height:1.8em;
vertical-align:middle;
font-weight: bold;
text-indent:5px;
display:block;
width:99%;
letter-spacing:0.1em;
margin-bottom:10px;
height:29px;
}

.contentpane_euro {
width:100%;
border:0px;
}

.contentpaneopen_euro {
width: 100%;
padding:0px;
}

.euro1 {
font-family:"Hiragino Kaku Gothic", "MS UI Gothic", sans-serif;
color:#666666;
font-size:14px;
font-weight:bold;
}

.euro2 {
font-family:"Hiragino Kaku Gothic", "MS UI Gothic", sans-serif;
color:#666666;
font-size:11px;
font-weight:bold;
}

.euro{
font-family:"Hiragino Kaku Gothic", "MS UI Gothic", sans-serif;
color:#666666;
font-size:12px;
font-weight:bold;
}

.readon_euro, a.readon_euro:link, a.readon_euro:visited {
font-size: 11px;
color:#666666;
text-align:right;
font-family:"Hiragino Kaku Gothic", "MS UI Gothic", sans-serif;
font-weight:bold;
margin-bottom:10px;
letter-spacing:0.1em;
display:block;
}

a.readon_euro:hover {
color:#CC0000;
text-decoration:none;
}