@charset "utf-8";
/* Silverstream SCREEN CSS Document */



* {margin:0; padding:0;}




body { 
	font-family:  Tahoma, Arial, Verdana, Helvetica, sans-serif ;
	font-size:100%;
	line-height:1.125em; /* 16x1.125=18px */
	color:#4b5f6f;
	background:url(../i/back.jpg) #fff top center repeat-x; 
	height: 100%; 
	
	}
	
	
h1, h2, h3 {
	font-weight:normal;	
}

h2 { 
	font-size:1.75em;
	line-height:1.125em; /* 16x1.125=18px */
	color:#00aeef;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	
	}
	
h3 { 
	font-size:1em;
	line-height:1.125em; /* 16x1.125=18px */
	color:#00aeef;
	font-weight:bold;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	
	}
	
	
#content_text h3 { 

	padding-left: 15px;
	}	

#content_text  p { 
	font-size:.75em;
	line-height:1.5em; /* 16x1.125=18px */
	color:#4b5f6f;
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	
	}	
	
#content_text table td { 
	font-size:1em;
	line-height:1.5em; /* 16x1.125=18px */
	color:#4b5f6f;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	
	}
	
	
	
#content_text ul, ol {
padding-top:10px;
padding-left: 40px;
font-size:.75em;
}

#content_text li {
/*padding-left: 20px;*/

}


	
#footer_info p { 
	font-size:.875em;
	line-height:1.25em; /* 16x1.125=18px */
	color:#fff;
	padding-top: 30px;
}

a, a:link, a:visited { text-decoration:none; color:#cc0000;}
a:hover, a:active {text-decoration:none;color:#00aeef;}	

#footer_info a, #footer_info a:link,  #footer_info a:visited { text-decoration:none; color:#00aeef;}
#footer_info a:hover, #footer_info a:active {text-decoration:none;color:#fff;}	

#footer_middle a, #footer_middle a:link,  #footer_middle a:visited { text-decoration:none; color:#00aeef;}
#footer_middle a:hover, #footer_middle a:active {text-decoration:none;color:#fff;}	

#content_wrap a, #content_wrap a:link,  #content_wrap a:visited { text-decoration:none; color:#cc0000;}
#content_wrap a:hover, #content_wrap a:active {text-decoration:none;color:#00aeef;}	

#side a, #side a:link,  #side a:visited { text-decoration:none; color:#fff;}
#side a:hover, #side a:active {text-decoration:none;color:#00aeef;}	

#shop_bits a, #shop_bits a:link,  #shop_bits a:visited { text-decoration:none; color:#00aeef;}
#shop_bits a:hover, #shop_bits a:active {text-decoration:none;color:#cc0000;}	

#members a, #members a:link,  #members a:visited { text-decoration:none; color:#00aeef;}
#members a:hover, #members a:active {text-decoration:none;color:#cc0000;}	

div.clear {clear: both;}
img {border:none;}
#content_wrap img {border:solid #1d2e35 15px;}
#content_text img {border:0px;}

/* ---------------------------------------------------------------------------- STRUCTURE
--------------------------------------------------------------------------------------*/

#header {width:923px;height:174px; margin:0 auto; }

#logo {width:373px;height:174px; float:left; }

	
 #main {  background:url(../i/content_wrap_back.gif) bottom repeat-x;}



#content_wrap {width:923px;  margin: 0 auto;  }

#side {width:196px; float:left;}

body#home-page #content {width:685px; margin-left:20px;  float:left; }
 
 #content {width:685px; margin-left:10px;  float:left; }

#content_text {width:458px;  height:100%; float:left; padding-bottom: 20px;}

#content_right_column {width:196px; height:100%; margin-left: 10px; float:right; }

/* ---------------------------------------------------------------------------- HEADER BITS
--------------------------------------------------------------------------------------*/

#header_extras{width:550px;height:174px; float:right; }

#shop_bits { width: 100%; height: 30px;}

#shop_bits p{ font-size:.72em; color:#fff; padding-left:10px; padding-top:10px; line-height:1em;}

#stickers_wrap { width: 295px; height: 97px;float:right; vertical-align:bottom;}

#stickers_left {float:left; width:192px; height: 97px;}

#twitter_sticker { width: 91px; height: 97px; margin-left:0px;  float:left;}

#facebook_sticker { width: 91px; height: 97px; margin-left:8px;  float:right; }

#stickers_right {float:right; width:91px; height: 97px;}

#bebo_sticker { width: 91px; height: 97px;   }

#tagline { width: 100%; height: 26px; display:block; clear:both; }




/* Main top-navigation
------------------------------------------------------------------*/
div#menu {clear:both; width:923px;height:38px; margin: 0 auto; background:url(../i/menu.png);}

div#menu ul#main-nav {
	list-style: none;
	text-indent: -9999px;
	position: absolute;
	top: 173px;}
	
div#menu ul#main-nav li {
	list-style: none;
	padding:0px;
	position: absolute;
}
ul#main-nav li, ul#main-nav a {
	height: 38px;
	padding:0px;
	display: block;
}

div#menu ul#main-nav li a {text-decoration: none;}
div#menu ul#main-nav li {text-decoration: none;}


#home {
	left: 0px;
	width: 59px;
}
#buy_topics	{
	left: 59px;
	width: 124px;
}
#courses {
	left: 183px;
	width: 105px;
}
#about {
	left: 288px;
	width: 111px;
}


#support {
	left: 399px;
	width: 154px;
}

#samples {
	left: 553px;
	width: 188px;
}

#contact {
	left: 742px;
	width: 123px;
}

#links{
	left: 865px;
	width: 59px;
}


#home a:hover	{background:url(../i/menu.png)  0px -38px no-repeat;}
#buy_topics	 a:hover {background:url(../i/menu.png)  -59px -38px no-repeat;}
#courses  a:hover {background:url(../i/menu.png)  -183px -38px no-repeat;}
#about a:hover {background:url(../i/menu.png)  -288px -38px no-repeat;}
#support a:hover	{background:url(../i/menu.png)  -399px -38px no-repeat;}
#samples a:hover	{background:url(../i/menu.png)  -553px -38px no-repeat;}
#contact a:hover	{background:url(../i/menu.png)  -742px -38px no-repeat;}
#links a:hover	{background:url(../i/menu.png)  -865px -38px no-repeat;}
	


/* Main top-navigation "active tabs"
------------------------------------------------------------------*/
body#home-page #home	{background:url(../i/menu.png)  0px -38px no-repeat;}
body#buy_topics-page #buy_topics	{background:url(../i/menu.png)  -59px -38px no-repeat;}
body#courses-page #courses {background:url(../i/menu.png)  -183px -38px no-repeat;}
body#about-page #about {background:url(../i/menu.png)  -288px -38px no-repeat;}
body#support-page #support	{background:url(../i/menu.png)  -399px -38px no-repeat;}
body#samples-page #samples	{background:url(../i/menu.png)  -553px -38px no-repeat;}
body#contact-page #contact	{background:url(../i/menu.png)  -742px -38px no-repeat;}
body#links-page #links	{background:url(../i/menu.png)  -865px -38px no-repeat;}

/* ---------------------------------------------------------------------------- left side
--------------------------------------------------------------------------------------*/



#letusknow_box {width:196px;height:305px; margin-bottom:17px; background:url(../i/letusknow_background.gif) no-repeat;}

#letusknow_box h4.letusknow  {text-indent:-9999px; }

#enquiry_form { width: 155px;  height:100%;}

#form1 {margin-left:20px; padding-top:100px;}

#form1 td{padding:3px 3px; vertical-align:top;}

#form1 .name, #form1 .email, #form1 .message {border:none; margin: 2px 2px; padding: 2px 2px; background-color:#fff; display:inline-block; width: 144px; font:Tahoma, Arial, Verdana, Helvetica, sans-serif ;}

#form1 .send { margin-left: 60px;}


/* ---------------------------------------------------------------------------- content
--------------------------------------------------------------------------------------*/
#banner {width:685px; height:283px; margin-top: 17px; margin-bottom:22px; background:url(../i/banner_holder1.gif);}

#action_boxes {width:685px; height:199px; }

#login_box {width:333px; height:199px; margin-right:10px; background:url(../i/action_boxes_frame.gif) no-repeat; float:left}

#login_box h3 { width: 303px; height:52px; margin: 15px 0px 0px 15px; padding: 0px 0px; background:url(../i/members_login.gif) no-repeat; text-indent:-9999px;}

#login_box p { 
	font-size:.75em;
	padding-left:80px;
	padding-top:0px;
	font-weight:bold;
}

#login_form { width: 155px;  height:100%;}

#form2, #login_box form {margin-left:75px; }

#form2 td, #login_box form td{padding:2px 2px; vertical-align:top;}

#login_box form .name, #login_box form .password, #form2 .name, #form2 .password {border:none; margin: 1px 1px; padding: 2px 2px; background-color:#303f4d; color:#fff; display:inline-block; width:218px;}

#login_box form .send, #form2 .send { margin-left: 154px;}

h4.log_out  {text-indent:-9999px; }
h4.log_out  a {width:196px;height:28px; margin:30px 0px 0px 80px; background:url(../i/log_out_bttn.gif) 0px 0px no-repeat; display:block;}	
h4.log_out   a:hover {background: url(../i/log_out_bttn.gif) 0 -28px no-repeat;}



#audio_box {width:333px; height:199px;  background:url(../i/action_boxes_frame.gif) no-repeat; float:right;}

#audio_box h3 { width: 303px; height:52px; margin: 15px 0px 0px 15px; padding: 0px 0px; background:url(../i/audio_podcasts.gif) no-repeat; text-indent:-9999px;}

#audio_box p { 
	font-size:.75em;
	padding-left:80px;
	padding-top:0px;
	font-weight:bold;
}

h4.leaving_podcast  {text-indent:-9999px; }
h4.leaving_podcast  a {width:230px;height:28px; margin:10px 0px 0px 80px; background:url(../i/leaving_cert_bttn.gif) 0px 0px no-repeat; display:block;}	
h4.leaving_podcast   a:hover {background: url(../i/leaving_cert_bttn.gif) 0 -28px no-repeat;}	



h4.junior_podcast { width: 227px; height:30px; margin:2px 0px 0px 80px; padding: 0px 0px; background:url(../i/junior_cert_bttn.gif) no-repeat; text-indent:-9999px;display:block;}


/* ---------------------------------------------------------------------------- content:article
--------------------------------------------------------------------------------------*/
#content_text h2 { 
	font-size:1.5em;
	padding-top:17px;
	font-weight:bold;	
	text-transform:uppercase;
	line-height: 1.125em;
	color:#CC0000;
	font:Arial, Verdana, sans-serif;
	padding-right:0px;
}

#content_text	h3 { 

	padding-bottom: 10px;

	
	}

#content_text	h4 { 
	font-size:.8em;
	line-height:1.125em; /* 16x1.125=18px */
	color:#cc0000;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	
	}
	
#content_text	h5 { 
	font-size:.75em;
	line-height:1.125em; /* 16x1.125=18px */
	color:#4b5f6f;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	
	}




h3.free  {text-indent:-9999px; }
h3.free  a {width:441px;height:54px; margin-bottom:10px; margin-top:10px; margin-left:0px; background:url(../i/checkout.gif) 0px 0px no-repeat; display:block;}	
h3.free   a:hover {background: url(../i/checkout.gif) 0 -54px no-repeat;}	

#subject_list { margin-left:15px;}

#subject_list td{ height:30px;}

.odd {background-color:#fcfcfc; }

.even {background-color:#fafafa; }

#content_text td{ 
	font-size:.875em;
	line-height:1.125em; /* 16x1.125=18px */
	color:#4b5f6f;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#content_text td.number p { 
	color:#00aeef;
	font-weight:bold;

}

 #content_text td.subject { 
	font-weight:bold;
}

#content_text td.add_cart { 
padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

h4.add_cart  {text-indent:-9999px; }
h4.add_cart a {width:114px;height:28px; margin:0px 0px 0px 0px; background:url(../i/add_cart_bttn.gif) 0px 0px no-repeat; display:block;}	
h4.add_cart   a:hover {background: url(../i/add_cart_bttn.gif) 0 -28px no-repeat;}

h4.download  {text-indent:-9999px; }
h4.download a {width:114px;height:28px; margin:0px 0px 0px 0px; background:url(../i/download.gif) 0px 0px no-repeat; display:block;}	
h4.download   a:hover {background: url(../i/download.gif) 0 -28px no-repeat;}

.stickers {
margin: 15px;
}

.stickers img{
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.paypal_form {
padding-left: 20px;
}

.paypal_form2 {
padding-left: 30px;
}
/* ---------------------------------------------------------------------------- content - right column:article
--------------------------------------------------------------------------------------*/

#members { width:196px; height:199px; background:url(../i/login_box_back.gif) no-repeat; margin-top:17px;}

#members h5{ width:165px; height:24px; background:url(../i/members_login_article.gif) no-repeat;  text-indent:-9999px; margin-left:15px; margin-top:15px;}

#members p { 
	font-size:.75em;
	padding-top:1px;
	padding-left:20px;
	line-height:1.4em;
	padding-right:0px;
}

#form3, #members form {margin-left:20px; margin-top:10px; }

#form3 td, #members form td{padding:3px 3px; vertical-align:top;}

#members form .name, #members form .password, #form3 .name, #form3 .password {border:none; margin: 1px 1px; padding: 3px 3px; background-color:#fff; color:#303f4d; display:inline-block; width:156px;}

#members form .send, #form3 .send { margin-left: 100px;}


/* ---------------------------------------------------------------------------- footer
--------------------------------------------------------------------------------------*/

#footer_wrap {width: 923px; height: 200px; margin: 0 auto; background:url(../i/footer_centre_back.jpg);}

#footer_left {width: 213px; height: 140px; float:left;}

#footer_right_wrap {width: 705px; height: 140px; float:right;}

#footer_middle {width: 363px; height: 140px; float:left;}

#footer_right {width: 336px; height: 140px; float:right;}

#footer_right img{padding-top:10px; padding-left:25px;}

#footer_wrap p {font-size:.75em; color:#fff; padding-left:25px; padding-top:10px; line-height:1em;}

#footer_wrap h4 {font-size:.75em; color:#fff; font-weight:bold;padding-left:25px;padding-top:20px;}

/* ---------------------------------------------------------------------------- Topics Tooltip
--------------------------------------------------------------------------------------*/
#demotip { 
    display:none; 
    background:transparent url(../i/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}
a {cursor:pointer;}