/*Global white space reset*/
* {
    	margin: 0;
		padding: 0;
		}

	

	
/*Site container*/

#container {
		background-color: #ffffff;
		margin: 0 auto;
		padding: 0;
		width: 960px;
		}

/*Header*/

#header {
	margin: 0;
	padding: 0;
	}
#header img {
	display:block;
	border-bottom: 2px solid #ffffff; /*white border btwn header pic and nav*/
	}	
	
/*#header2 {

	color:red;
	margin: 0;
	padding: 0;
	display: inline;
	
	}

	
#header2 ul {
	list-style-type: none;
	}
	
#header2 li {
	float: right;
	}

	
/*Navigation Menu*/

/*
#menu {
	float: left;
	text-align: left;
	padding: 10px;
	font-size: 14px;
	}

	
ul {
	background-color: #336699;
	}
	li {
	list-style: none;
	padding: 3px;
	}
	
li a {
	background-color: #336699;
	text-decoration: none;
	padding: 2px;
	color: #ffffff;
	}
	
li a:hover {
	background-color: #336699;
	text-decoration: none;
	padding: 2px;
	color: #ff9966;
	}
	
li a.active {
	background-color: #336699;
	text-decoration: none;
	padding: 2px;
	color: #ff9966;
	}
	end old nav	*/
	
	


/*body properties*/

body {
	font-family: verdana, helvetica, arial, sans-serif;
	margin-top: 42px;
	background: #ffffff;
	}
	
p {
	margin-bottom: 10px;
	margin-right: 200px;
	font-size: 12px;
	line-height: 130%;
	}
	
ul li {
	margin: 0 200px 10px 15px;
	font-size: 12px;
	line-height: 130%;
	}
		
ol li {
	list-style-type: lower-alpha;
	margin: 0 200px 10px 0;
	font-size: 12px;
	line-height: 130%;
	}
		
		
.nospacebottom
{
margin-bottom:0;
}	

.tenpxabove
{
margin-top: 10px;
}

.tenpxbelow
{
margin-bottom: 10px;
}

pnoindent {
	margin-bottom: 10px;
	font-size: 12px;
	color:#333333;
	}
	
.indent {
	margin-left: 150px;
	}
	
.indent2 {
	margin-left: 150px;
	margin-right: 280px;
	}
	
.indent3 {
	margin-left: 318px;
	}
		
.indent4 {
	margin-left: 168px;
	}
.indent5 {
	margin-left: 168px;
	margin-right: 280px;
	}
.indent6 {
	margin-left: 210px;
	}
.indent7 {
	margin-left: 30px;
	}
.indent8 {/*to clear 2nd flashcards*/
	margin-left: 445px;
	}
.indentfootball{
	margin-left: 180px;
	}	
.indent9 {
	margin-left: 238px;
	margin-right: 280px;
	}
.indent10 {
	margin-left: 310px;
	margin-right: 270px;
	}	
	
.indent11 {
	margin-left: 238px;
	margin-right: 300px;
	}	
		
.indentaudio {
	margin-left: 195px;
	margin-right: 300px;
	}	
				
.spaceabove {
	margin-top: 20px;
	}
.ruleabove {
	padding-top: 10px;
	border-top: 1px solid #F58233;
	}


main {
	color: #005DA9;
	margin-bottom: 50px;
	margin-top:20px;
	font-size: 22px;
	border-top-color: #000000;
	color: #000000;
	line-height: 1px;
	}
h1{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	background-color: #F58233;
	margin-top:10px;
	border-top: 2px ;
	border-right: 6px;
	padding-left: 8px;

	}
gototop{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	background-color: #F58233;
	margin-top:10px;
	border-top: 2px ;
	border-right:800px;
	padding-left: 8px;}
	
h2 {
	color: #005DA9;
	font-family: Arial, Helvetica, sans-serif;		    
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	border-bottom: 2px;
	border-right: 6px;
	padding-left: 0px;
	margin-right: 200px;
	margin-top:10px;

	}
	/*if h2 with class of indentfootball*/
	h2.indentfootball{
	font-size: 16px;
	}
	
	/*revesrsed out version
h2 {
	color: #ffffff;
	margin-bottom: 10px;
	margin-top: 24px;
	font-size: 14px;
	line-height: 36px;
	background-color: #006DA9;
	border-top: 2px ;
	border-bottom: 2px;
	border-right: 6px;
	padding-left: 4px;
	}
	*/
	
h3 {
	color: #005DA9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 120%;
	margin-bottom:10px;
	margin-right:200px;
}
	
h4 {
	color: #005DA9;
	font-family: Arial, Helvetica, sans-serif;	    
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 130%;
	
	}
	
.orange_nospaceb	{
	color: #F58233;
	margin-bottom:0;
	}
	
h4 a:link {
	color:  #ffffff;
	text-decoration: none;
	font-weight:normal;
	}
h4 a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	}
h4  a:hover {
	color: #404040;
	text-decoration: none;
	font-weight: normal;
	}
h4  a:active {
	color: #ffffff;
	text-decoration: none;
	font-weight:normal; 
	}	
	
h4indent {
	color: #F58233;
	font-family: Arial, Helvetica, sans-serif;	    
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 130%;
	padding-left: 200px;
	}
		
h5 {
	color: #005DA9;
	font-family: Arial, Helvetica, sans-serif;	  
	font-size: 13px;
	line-height: 130%;
	
	}	
	/*h6 = red links for downloads*/
h6 {
	font-size: 13px;
	line-height: 160%;
	color: #ff3333;
	margin-left: 150px;
	margin-bottom: 10px;
	}
	
h6 a:link {
	color: #ff3333;
}
h6 a:visited {
	color: #ff3333;

}
h6  a:hover {
	color: #005DA9;
	 
}
h6  a:active {
	color: #005DA9;
	 }	
	 
	
cover1 {
	float:left;	
	margin-right:10px;
	margin-top:4px;
	/*margin: .25em .75em 0 0;*/
	}
	
cover2 {
	float:left;	
	margin-left:30px;
	margin-top:4px;
	/*margin: .25em .75em 0 0;*/
	}
.cover3 { /*mini flashcards*/
	float: left; 
	width: 84px; 
	margin: 0 10px 12px 0;
	background-color: #FFFFFF; 
		}
	
.cover4 { /*spinners*/
	float: left; 
	width: 143px; 
	margin: 0 10px 12px 0;
	background-color: #FFFFFF; 
		}

/*............real lives real listening grid...................*/
.cover5 { 
	float: left; 
	width: 129px;
	margin: 0 12px 4px 0;
	font-size: 11pt;
		}
		
.col1 {
	float: left; 
	width: 130px;
	margin: 0 12px 4px 150px;
	font-size: 11pt;
		}

.collast {
	float: left; 
	margin: 0 10px 4px 0;
	font-size: 12px;
	line-height: 110%;
	color: #ff3333;
		}		
		
		
.rule{
	width: 763px;
	margin: 10px 0 0px 150px;
	border-top: 1px solid #005da9;
	}
	
.h2rule {
	margin: 1em 0 0 0;
	border-top:  1px solid #005da9;
	padding-top: 10px;
	}
	
	
		
/*.............................................................*/				
		
.floatright {
	float: right;
	}
			
button1 {
	float: right;	
	}		
	
/*footer*/
#clear {
	clear: both;
	}
	
#footer {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10px;
	color: #333333;
	}
	

/*NAVIGATION DW VERSION*/
	
div#nav_main {
	background-color:#005DA9;/*for stripe behind nav*/
	height:44px;
	padding: 0;
	margin-left:0px; /*navigation bar flush left*/
	/*add margin-right:6px; for white space*/

}
div#nav_main ul {
	margin : 0;
	padding : 0 0 0px 10px;
	border-bottom : 1px solid #ffffff;
}
div#nav_main ul, div#nav_main li{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
	display : inline;
	margin : 0;
	padding : 0;
	list-style-type : none;
} 
div#nav_main a:link {
	float : left;
	color:#FFFFFF;
	line-height:20px;	 
	background-color:#005DA9;/*colour for tabs*/
	font-weight:bold;
	margin: 0 0px 0px 0px;
	text-decoration:none;
	/*dividing vertical between menu items*/
	border-right: 2px solid #ffffff;
	padding: 12px;
}
div#nav_main a:visited {
	float : left;
	color:#FFFFFF;
	line-height:20px;
	background-color:#005DA9;/*colour for tabs*/	    
	font-weight:bold;
	margin: 0 0px 0px 0px;
	text-decoration:none;
	/*dividing vertical between menu items*/
	border-right: 2px solid #ffffff;
	padding: 12px;

}


div#nav_main a:hover {
	float : left;
	color:#ffffff;
	line-height:20px;
	background-color:#F58233;/*colour for tabs*/ 			    
	font-weight:bold;
	margin: 0 0px 0px 0px;/*tab shifts up 2px*/
	text-decoration:none;
	/*dividing vertical between menu items*/
	border-right: 2px solid #ffffff;
	padding: 12px;

}
div#nav_main a:active {
	float : left;
	color:#ffffff;
	line-height:20px;
	background-color:#0099cc;/*colour for tabs*/    
	font-weight:bold;
	margin: 0 0px 0px 0px;/*tab shifts up 2px*/
	text-decoration:none;
	/*dividing vertical between menu items*/
	border-right: 2px solid #ffffff;
	padding: 12px;}

/* -----------------------------------
primary-nav
----------------------------------- */
.primary-nav {
	background-color:#005DA9;/*for stripe behind nav*/
	height:44px;
	padding: 0;
	margin-left:0px; /*navigation bar flush left*/
	/*add margin-right:6px; for white space*/
}

.primary-nav li { 
	display: inline; 
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
	font-weight:bold;
	line-height:20px;	
	margin: 0;
	padding: 0;	
	list-style-type: none;

	}

.primary-nav a
{
	float: left;
	border-right: 2px solid #ffffff;
	padding: 12px;
	text-decoration:none;
}


.primary-nav a:link {
	
	color:#FFFFFF;
	background-color:#005DA9;/*colour for tabs*/
	text-decoration:none;

}	
.primary-nav a:visited {
	
	color:#FFFFFF;
	background-color:#005DA9;/*colour for tabs*/
	text-decoration:none;	    
}

.primary-nav a:hover
{
	
	color:#ffffff;
	background-color:#F58233;/*colour for tabs*/ 
	text-decoration:none;			    
}

.primary-nav a:active {
	
	color:#ffffff;
	background-color:#0099cc;/*colour for tabs*/
	text-decoration:none;    
}

.primary-nav #basket-nav a 
{
	padding:0;
	border-right: 2px solid #ffffff;
}
/* -----------------------------------
end primary-nav
----------------------------------- */



div#titlelinks{
	padding: 0 0 0 0;
	Height: 310px;
	/*border: 1px solid #000;*/

}
	div#titlelinksinner{
	padding: 0 0 0 0;
	Height: 288px;
	Width: 650px;
	float:right;
/*border: 1px solid #000;*/
}
	div#titlelinksinnerads{
	padding: 0 0 0 0;
	Height: 288px;
	float:right;
	/*border: 1px solid #000;*/
}

div#titlelinksxmas{
	padding: 0 0 0 0;
	Height: 240px;
	background-image:url(../images/xmas09.png);
	background-position: top center;
	background-repeat: no-repeat;
	
}
	div#titlelinksadvert{
	float : right;
	padding: 0 0 0 0;
	margin-right:0px;
	width: 170px;
}
	div#titlelinksbelte{
	float: right;
	padding: 0 0 0 0;
	margin:10px 0 0 0;
	width: 260px;
	height: 220px;
	
}
	.titlelinksflash{
	float: right;
	padding: 0 0 0 0;
	margin:10px 0 0 20px;
	width: 260px;
	height: 219px;
}

	.titlelinksflash2{
	float: right;
	padding: 0 0 0 0;
	margin:10px 0 0 0;
	width: 376px;
	height: 267px;
}
	div#titlelinksphrasal{
	float: right;
	padding: 0 0 0 0;
	margin:10px 0 0 0;
	width: 180px;
	height: 220px;
	/*div with link*/
	
}
	div#titlelinksfacebook{
	float: right;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width: 260px;
	height: 44px;
	position: relative;
	top: -30px;	
	
}
	div#titlelinksfrankfurt{
	float: right;
	padding: 0 0 0 0;
	margin:10px 90px 0 0;
	width: 426px;
	/*border: 1px solid #0000FF;*/
}
	div#titlelinksadvert2{
	float : right;
	padding: 0 0 0 0;
	margin-right:10px;
	width: 170px;
}
	div#titlelinksadvert3{
	float : right;
	padding: 0px 0 0 0;
	margin-right:20px;
	width: 170px;
}
	div#titlelinksadvert4{
	float : right;
	padding: 0 0 0 0;
	margin-right:36px;
	width: 162px;

 
}div#titlelinks a:link {
	line-height:20px;	 
	background-color:#ffffff;/*colour for tabs*/
	font-weight:normal;
	margin: 0 0px 0px 0px;

}
div#titlelinks a:visited {
	line-height:20px;	 
	background-color:#ffffff;/*colour for tabs*/
	font-weight:normal;
	margin: 0 0px 0px 0px;

}
div#titlelinks a:hover {
	line-height:20px;	 
	background-color:#ffffff;/*colour for tabs*/
	font-weight:normal;
	margin: 0 0px 0px 0px;
}
div#titlelinks a:active {
	line-height:20px;	 
	background-color:#ffffff;/*colour for tabs*/
	font-weight:normal;
	margin: 0 0px 0px 0px;
	
	}
div#titlelinkstall{
	padding: 0 0 0 0;
 	height:1200px;
	
	}
div#titlelinksfootball{
	padding: 0 0 0 0;
	}
	
div#titlegrow{
	padding: 0 0 0 0;
	}
	
/*div with background image top-right for nov news*/
div#newsnov{
	padding: 0 0 0 0;
 	height:290px;
	background-image:url(../images/glasgow-uni-polaroid.png);
	background-position: top right;
	background-repeat: no-repeat;

}
/*div with background image top-right for jan news*/
div#newsjan{
	padding: 0 0 0 0;
 	height:293px;

	
}
/*div with no background image*/
div#newsfeb{
	padding: 0 0 0 0;
 	height:253px;
	
}
/*div with background image top-right for mar news*/
div#newsmar{
	padding: 0 0 0 0;
 	height:290px;
	background-image:url(../images/north-star-fans-in-russia.png);
	background-position: top right;
	background-repeat: no-repeat;
	
}
/*div with background image top-right for mar news*/
div#newsmarapr{
	padding: 0 0 0 0;
 	height:290px;
	background-image:url(../images/APPI_event_apr_2010.png);
	background-position: top right;
	background-repeat: no-repeat;
	
}
/*div with background image top-right for mar news*/
div#newssept10{
	padding: 0 0 0 0;
	background-image:url(../images/iatefl_poland_2.png);
	background-position: top right;
	background-repeat: no-repeat;	
			
			
}
/*div with background image top-right for mar news*/
div#newsoct10{
	padding: 0 0 0 0;
	background-image:url(../images/fbf_2010weechee.png);
	background-position: top right;
	background-repeat: no-repeat;
	height:	387px;
	
}
/*div with background image top-right for mar news*/
div#newsoct210{
	padding: 0 0 0 0;
	height:	310px;	
	
}

/*DW CLEARFLOAT*/
	.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	background-color:#FFFFFF;

}

/*Main Content*/

div#content {
	padding: 10px 20px 10px 20px;
	width: 920px;
	background-color:#ffffff;
	}
div#content ol{
	margin-bottom: 10px;
	margin-right: 200px;
	margin-left: 170px;
	font-size: 12px;
	line-height: 130%;
	text-decoration:none;
	
	}
div#content li{
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 130%;
	text-decoration:none;
	}
div#unipic{
	position: absolute;
	top:320px;
	left: 750px;
	width: 10px;
	}
/* registration form */	

div#contentreg {
	padding: 10px 20px 10px 20px;
	width: 920px;
	height: 600px;
	background-color:#ffffff;

} 
div#registrationbg {
	width: 340px;
	margin-left: 290px;
	margin-top: 50px;
	padding: 6px;
	background-color:#CCEAFF;
	-moz-border-radius:8px;
	border-radius: 8px;
	
}

#registration div {
	margin: 8px 0;
	}

.formhead {
	color: #005DA9; 
	font-size: 16px;
	margin: 0 0 0 0;
	}

label{
	color: #005DA9;
	margin-bottom: 10px;
	font-size: 12px;
	}		
/*end registration form*/ 

/*How to order*/ 		
#countrynav
{
margin: 20px 0 20px 0;
}

#countries h3
{
	color: #005DA9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 160%;
	margin-top:10px;
	margin-bottom: 0;
	}
	
#countries p
{
	line-height: 140%;
}
#countrynav ul li
{
margin: 0 0 30px 0; 
padding: 0;
list-style-type: none;

}

#countrynav ul li
{
display:inline;
}

#countrynav a
{
font: bold 12px;
border-right: 1px dotted #005DA9; 
padding: 0 10px 0 5px;

}

#countrynav ul li a :link
{color:#005DA9;
}

#countrynav ul li a :visited
{color:purple;
}

#countrynav ul li a :hover
{color:red;
}

/*End how to order*/ 

/*shopping basket and checkout*/ 

#mini_basket
{	
	font-weight: bold;
	color: #005DA9;
	text-align: right;
}

#mini_basket li
{	margin-right: 0 !important ;
	display:inline;
	list-style-type:none;
}

#mini_basket a
{
	border-left: 1px dotted #005DA9;
	padding: 0 0 0 15px; 
}




.basket_add /*add to basket button*/
{ 
	padding: 2px 6px;
	background-color:#F58233;
	-moz-border-radius:8px;
	border-radius: 8px;
	margin-left: 10px;
	}
	
#main_basket
{
	margin: 15px  200px 10px 0;
	font-size: 12px;
	line-height: 140%;
	
}
#main_basket th {
	font: bold; 
	color: #005DA9;
	text-align: left;
	}

#main_basket tr {
	border-top: 1px solid #c0c0c0;
	background: #ffffff;
	}

#main_basket td {
	border-top: 1px solid #c0c0c0;
	padding: 0 20px 0 0;
	}
	
#main_basket table {
	font: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 900px;
	margin: 15px 0 0 8px;
	}
	
#main_basket table td.col5 {
	text-align:right;
	}	
	
#main_basket table td.col4 {
	text-align:right;
	}		
#main_basket table th.col5 {
	text-align:center;
	}	
	
#main_basket table th.col4 {
	text-align:center;
	}			
	
#main_basket table #total_with_delivery {
	font-weight: bold;
	color: #005DA9;	
	}		
#main_basket table #vat_row {
	border-bottom: 5px solid white;
	}	
#main_basket table #total_row {
	font-weight: bold;
	border-bottom: 10px solid white;

	}	
	

	
	
#main_basket .qty_field
{
width: 40px;
}		

/*could add small buttons here?

.basket_remove, #basket_update
{
	font-size: 10px;
	padding: 2px 6px;
	background-color:#F58233;
	-moz-border-radius:8px;
	border-radius: 8px;

}	*/ 
	
#checkout_form
{
	font-size: 12px;
	line-height: 200%;
	margin: 15px 0 0 8px;
	
}
#checkout_form .address_div label {
	font-weight: bold;
	width: 120px;
	display: inline-block;
}
#checkout_form .address_div input {
	font-weight: bold;
	width: 300px;
	display: inline-block;
	
}
#checkout_form .address_div select {
	font-weight: bold;
	width: 304px;
	display: inline-block;
	
}

	/*End shopping basket and checkout*/ 
	
	.structural
{
	position: absolute;
	left: -500em;
}

/*END DW BITS*/