body {
	background: #EEE;
	font-family: 'Dosis', sans-serif;
	font-weight: lighter;
	font-size: 18px;
	color: #555555;
	position: relative;
	-webkit-font-smoothing: antialiased;
	padding: 100px 0 0;
}
.as-page {
	background: #FFF;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 20px;
	min-height: 600px;
}
/*===================================================== Main Typography =====================================================*/
p {
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	padding: 10px;
	margin-bottom: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height: 1.15538em;
	padding-left: 10px;

}
h1, h2, h3 {
	font-family: 'Annie Use Your Telescope', cursive;
	font-weight: normal;
}
h1
{
color: #6D2486;	
	font-size: 3.7rem;
}
h2
{
color: #008ACE;	
	font-size: 3.5rem;
}
/*================================================== 	AS SEARCH	 	======================================================*/
.as-logo-strapline {
	height: 50px;
	background: #909;
	color: #FFF;
}

.custom-search-form{
    margin-top:5px;
	width: 220px;
	float: left;
}
.btn-danger
{
	font-size: 0.75em!important;

}

/*=====================================================  	Navbar	 	======================================================*/

#topnavswitcher {
	display: none;
}
#mainnavswitcher {
	display: block;
}

.navbar {
	background: #F90;
}
.navbar-brand {
	float: left;
	color: #FFF!important;
}
.navbar-nav a {
	color: #FFF!important;
}
.navbar-nav .active a {
	color: #90C!important;
	background: #FFD24D
}
.navbar-toggle, .navbar-toggle:focus {
	background: #FFD24D;
	border: none;
}
.navbar-toggle:hover {
	background: #FF0!important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #333;
	background: #FFD24D
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: #FC0;
	color: #555555;
}
.navbar {
	border-bottom: none
}
.dropdown-menu, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background: #FC0;
	color: #909!important;
}
.dropdown-menu >li > a {
	color: #909!important;
	font-weight: 400;
}
.dropdown-menu >li >a:hover {
	background: #FF9900;
	color: #FFF!important;
	font-weight: 400;
}
.input-group {
	margin: 7px 10px 0px 10px;
}





/*=====================================================  	Masthead	 	======================================================*/
#masthead-container {
	margin-top: 0px;
}
.masthead {
	min-height: 130px;
	padding-top: 20px;
	background: url(../img/an-seotal-logo-bg.png) top right no-repeat;
}
.main-language-switch {
	text-align: right;

}
.main-language-switch p {
	margin-top: 0px!important;
	text-shadow: none;
	padding: 0px;
}
.language-switch, .language-switch-en {
	display: block;
	width: 145px;
	height: 50px;
	background: url(../img/language-switch.png) top left no-repeat;
	margin: auto;
	float: right;
	padding-top: 20px;
	/* DI */
	margin-right: 8px;
	margin-top: 6px;
	}
.language-switch {
	background: url(../img/language-switch.png) no-repeat 0px -80px;
}
.language-switch-en {
	background: url(../img/language-switch.png) no-repeat 0px 0px;
}
/*=====================================================  	Letter Links 	======================================================*/

#letters-anchors {
	background-color: #6DD900;
	display: block;
	text-align: center;
	color: #FFF;

}
ul#letters-alphabet {
	margin: 0;
	padding-left: 0;
	text-align: center;
	padding: 10px;
}
#letters-alphabet li {
	display: inline-block;
	list-style-type: none;
	list-style-image: none!important;
}
#letters-alphabet a, #letters-alphabet a:visited, #letters-alphabet a:hover {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-color: #08ACF8;
	color: #FFF;
	text-shadow: none!important;
	font-weight: bold;
	text-decoration: none;
}
#letters-alphabet a:hover {
	background-color: #F90;
	color: #ffffff;
}
/*=====================================================  	Row 1	 	======================================================*/

.as-main-feature {
	background: #F36 url(../img/an-seotal-logo-bg1.png) bottom right no-repeat;
	margin: 20px 20px 0px 0px;
	min-height: 300px;
	padding: 5px;
}
.as-main-feature h2 {
	background: #FF8000 url(../img/an-seotal-device-bg.png) left top no-repeat;
	font-size: 1.6em;
	padding-left: 40px;
	color: #FFF;
	margin-top: 0px
}
.as-intro h1 {
	color: #2693FF;
}
/*=====================================================  	Row 2	 	======================================================*/


.row2 {
	margin-bottom: 30px;
}
.row2 h2 {
	font-size: 3.5rem!important;
}
.subjects-list-container {
	background: #D4F9F9 url(../img/school-pupils.png) bottom right no-repeat;
	border-top: #00BFBF solid 5px;
	padding: 5px;
	min-height: 330px;
}
.subjects-list-container h2, .subjects-list-container a {
	color: #00BFBF!important;
	text-shadow: 2px 2px 2px #FFF;
	font-weight: 500;
}
.subjects-list-container a:hover {
	color: #9933CC!important;
	text-shadow: 2px 2px 2px #FFF;
}
.subjects-list-container h2 {
	margin: 0px 0px 0px 15px;
}
.subjects li {
	list-style-type: none;
	margin-left: -20px;
}
.subjects-list-left {
	float: left;
	width: 50%
}
.subjects-list-right {
	float: right;
	width: 50%
}
.most-popular-container {
	background: #FAE3F0 url(../img/rotating-logo-bw.gif) 50% 50% no-repeat;
	border-top: #E156A7 solid 5px;
	padding: 5px;
	min-height: 330px;
}
.most-popular-container h2, .most-popular-container a {
	margin: 0px 0px 0px 15px;
	color: #E156A7!important;
	text-shadow: 2px 2px 2px #FFF;
	font-weight: 500;
}
.most-popular-container li {
	color: #E156A7!important;
}
.pwotd-container {
	background: #FFEFDF;
	border-top: #FF9326 solid 5px;
	padding: 5px;
	min-height: 330px;
}
.pwotd-container h2, .pwotd-container a {
	color: #FF9326!important;
}
.most-popular-container ul, .pwotd-container ul {
	line-height: 1.15538em;
}
.subjects-list-wrapper a:hover, .most-popular-wrapper a:hover, .pwotd-wrapper a:hover {
	color: #93C!important;
}
.twitter-feed {
	text-align: center;
}
/*=====================================================  	Row 3	 	======================================================*/
.row3 {
	margin-bottom: 20px;
}
.row3 h2 {
	font-size: 2.2rem!important;
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	color: #FFF;
	text-transform: uppercase;
	width: auto;
}
.row3 p {
	color: #FFF;
	text-shadow: none;
}
.feature-box-orange {
	background: #FF9326 url(../img/suggest-a-term.png) top center no-repeat;
	min-height: 250px;
	min-height: 300px;
	padding-top: 35px;
}
.feature-box-orange h2 {
	background: rgba(255, 147, 38, 0.7);
}
.feature-box-pink {
	/*background: #E156A7 url(../img/classroom-header.png) top center no-repeat;*/
	background: #E156A7 url(../img/desk-header.png) top center no-repeat;
	min-height: 250px;
	min-height: 300px;
	padding-top: 35px;
}
.feature-box-pink h2 {
	background: rgba(255, 86, 167, 0.7);
}
.feature-box-turquoise {
	background: #00ACBF url(../img/gossip.jpg) top center no-repeat;
	min-height: 250px;
	min-height: 300px;
	padding-top: 35px;
}
.feature-box-turquoise h2 {
	background: rgba(0, 172, 191, 0.7);
}
.as-intro {
	background: #E3F6F8;
	padding: 5px 5px 5px 5px;
	min-height: 400px;
}
/*=====================================================  	Misc	 	======================================================*/

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.btn-center

{
text-align: center;	
}
.btn
{
font-size: 1.0em	
}

/*=====================================================  	Results	 	======================================================*/

#anseotal
{
border-bottom: 2px solid #008ACE;
background-color: #F3F3F3; 
padding: 10px; 
}

#fns
{
border-bottom: 2px solid #D700D7;
background-color: #F3F3F3;  
padding: 10px;   
}

#tyg
{
border-bottom: 2px solid #92FF28;
 background-color: #F3F3F3;
 padding: 10px;    
}



/* tab color 
.nav-tabs>li>a {
	
	background-color: #999; 
	color:#fff;
}
*/

/* tab font color 
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus  {

  color: #fff;
}
*/

/* active tab color 

.nav-tabs>li.active>a
{
	background: #0FF
	
}*/
/* WORKING HERE 280114+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/* hover tab color 
 .nav-tabs>li>#ast-tab:hover,.nav-tabs>li>#ast-tab:focus {

  background-color: #008ACE;
}

 .nav-tabs>li>#fns-tab:hover, .nav-tabs>li>#fns-tab:focus {
  background-color: #D700D7; 
 }
 
 .nav-tabs>li>#tyg-tab:hover,  .nav-tabs>li>#tyg-tab:focus {
  background-color: #92FF28; 
 }
 
 .nav-tabs>li>#other-tab:hover, .nav-tabs>li>#other-tab:focus {
  background-color: #FFBE00; 
 }

*/

/*=====================================================  	Footer	 	======================================================*/

footer {
	background: #39B0D0;
	min-height: 110px;
	margin-top: 20px;
	padding-top: 20px;
}
footer p, footer a {
	font-size: 0.9em;
	color: #FFF;
	text-shadow: none;
	text-align: center;
}
.storlann-logo {
}
.bng-logo {
}
.bng-logo img {
	float: right;
}
/*=====================================================  	ICONS	 	======================================================*/

.asicons {
	display: inline-block;
	position: relative;
	padding: 5px 0 0px 35px;
	background: url(../img/icon-grid-as.png) no-repeat;
	text-decoration: none;
}
.art {
	background: url(../img/icon-grid-as2.png) -10px -10px no-repeat;
}
.art:hover {
	background: url(../img/icon-grid-as2.png) -10px -1130px no-repeat;
}
.business {
	background: url(../img/icon-grid-as2.png) -10px -80px no-repeat;
}
.business:hover {
	background: url(../img/icon-grid-as2.png) -10px -1200px no-repeat;
}
.computing {
	background: url(../img/icon-grid-as2.png) -10px -150px no-repeat;
}
.computing:hover {
	background: url(../img/icon-grid-as2.png) -10px -1270px no-repeat;
}
.general {
	background: url(../img/icon-grid-as2.png) -10px -220px no-repeat;
}
.general:hover {
	background: url(../img/icon-grid-as2.png) -10px -1340px no-repeat;
}
.geography {
	background: url(../img/icon-grid-as2.png) -10px -290px no-repeat;
}
.geography:hover {
	background: url(../img/icon-grid-as2.png) -10px -1410px no-repeat;
}
.history {
	background: url(../img/icon-grid-as2.png) -10px -360px no-repeat;
}
.history:hover {
	background: url(../img/icon-grid-as2.png) -10px -1480px no-repeat;
}
.home-economics {
	background: url(../img/icon-grid-as2.png) -10px -430px no-repeat;
}
.home-economics:hover {
	background: url(../img/icon-grid-as2.png) -10px -1550px no-repeat;
}
.language {
	background: url(../img/icon-grid-as2.png) -10px -500px no-repeat;
}
.language:hover {
	background: url(../img/icon-grid-as2.png) -10px -1620px no-repeat;
}
.maths {
	background: url(../img/icon-grid-as2.png) -10px -570px no-repeat;
}
.maths:hover {
	background: url(../img/icon-grid-as2.png) -10px -1690px no-repeat;
}
.modern-studies {
	background: url(../img/icon-grid-as2.png) -10px -640px no-repeat;
}
.modern-studies:hover {
	background: url(../img/icon-grid-as2.png) -10px -1760px no-repeat;
}
.music {
	background: url(../img/icon-grid-as2.png) -10px -710px no-repeat;
}
.music:hover {
	background: url(../img/icon-grid-as2.png) -10px -1830px no-repeat;
}
.personal-social {
	background: url(../img/icon-grid-as2.png) -10px -780px no-repeat;
}
.personal-social:hover {
	background: url(../img/icon-grid-as2.png) -10px -1900px no-repeat;
}
.physical-education {
	background: url(../img/icon-grid-as2.png) -10px -850px no-repeat;
}
.physical-education:hover {
	background: url(../img/icon-grid-as2.png) -10px -1970px no-repeat;
}
.religious-moral {
	background: url(../img/icon-grid-as2.png) -10px -920px no-repeat;
}
.religious-moral:hover {
	background: url(../img/icon-grid-as2.png) -10px -2040px no-repeat;
}
.science {
	background: url(../img/icon-grid-as2.png) -10px -990px no-repeat;
}
.science:hover {
	background: url(../img/icon-grid-as2.png) -10px -2110px no-repeat;
}
.technical {
	background: url(../img/icon-grid-as2.png) -10px -1060px no-repeat;
}
.technical:hover {
	background: url(../img/icon-grid-as2.png) -10px -2180px no-repeat;
}
.row {
	margin-left: 0px;
	margin-right: 0px;
}



/*==================================================   Media Queries ====================================================*/


@media only screen and (max-width: 1200px) {
	#topnavswitcher {
		display:block;
	}
	#mainnavswitcher {
		display: none;
	}
}

@media only screen and (max-width: 992px) {

	#mainnav {
		width: 100%;
	}
}

 @media only screen and (max-width: 480px) {
.feature-box-turquoise {
	margin: 0px 10px 10px 10px;
	background-size: 100% 90px;
}
.feature-box-orange {
	margin: 0px 10px 10px 10px;
	background-size: 100% 90px;
}
.feature-box-pink {
	margin: 10px 10px 10px 10px;
	background-size: 100% 90px;
}
.subjects-list-container {
	margin: 0px 10px 10px 10px;
	background-image: none;
}
.most-popular-container {
	margin: 0px 10px 0px 10px;
}
.subjects-list-right, .subjects-list-left {
	width: 100%;
}
.twitter-feed {
	margin: 0px 10px 10px 10px;
}
.as-main-feature {
	margin: 10px 10px 10px 10px;
}
#letters-anchors {
	margin: 10px;
}
#faclairbig button#faclairSubmitBig {
	width: 13% !important;
}

}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.feature-box-turquoise {
	margin: 0px 20px 10px 20px;
	background-size: 100% 90px;
}
.feature-box-orange {
	margin: 0px 20px 10px 20px;
	background-size: 100% 90px;
}
.feature-box-pink {
	margin: 20px 20px 20px 20px;
	background-size: 100% 90px;
}
.subjects-list-container {
	margin: 0px 20px 10px 20px;
}
.most-popular-container {
	margin: 0px 20px 10px 20px;
}
.twitter-feed {
	margin: 0px 20px 0px 20px;
}
.as-main-feature {
	margin: 10px;
}
#letters-anchors {
	margin: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.feature-box-turquoise {
	margin: 0px 20px 0px 20px;
	background-size: 100% 90px;
}
.feature-box-orange {
	margin: 0px 20px 0px 20px;
	background-size: 100% 90px;
}
.feature-box-pink {
	margin: 20px 20px 20px 20px;
	background-size: 100% 90px;
}
.subjects-list-container {
	margin: 0px 20px 0px 20px;
}
.most-popular-container {
	margin: 0px 20px 0px 20px;
}
.twitter-feed {
	margin: 0px 20px 0px 20px;
}
.as-main-feature {
	margin: 20px;
}
#letters-anchors {
	margin: 20px;
}
.main-image {
	background: #FF0;
	margin: 10px 10px 0px 10px;
}

}
@media only screen and (min-width: 959px) {
.feature-box-turquoise {
	margin: 0px  0px 0px;
	background-size: 100% 85px;
	background-position: 0 5px;
}
.feature-box-orange {
	margin: 0px 0px 0px 30px;
	background-size: 100% 90px;
}
.feature-box-pink {
	margin: 0px 30px 0px 0px;
	background-size: 100% 90px;
}
.subjects-list-container {
	margin: 0px 0px 0px 30px;
}
.most-popular-container {
	margin: 0px 30px 0px 0px;
}
.twitter-feed {
	margin: 0px 30px 0px 0px;
}
.as-main-feature {
	margin: 10px 30px 30px 0px;
}
#letters-anchors {
	margin: 20px 40px 20px 40px;
}
.main-image {
	background: #FF0;
	margin: 10px 0px 0px 25px;
}
.as-results
{
	margin: 10px 0px 0px 25px;
	min-height: 400px;
}
}
#anseotalrss 
{
color: #FFF;
padding: 10px;	
}

#anseotalrss a {
	font-size: 1.5em;
}
#anseotalrss a:visited {
	color: #FF9900!important;
}
#anseotalrss a:hover {
	color: #FFF!important;
}

#anseotalrss h3 a
{
color: #fff;
text-decoration:underline;
margin-top: -20px;
padding-top: 0px;
}
#anseotalrss h3 a:hover
{color: #FCC;
}

.titlefield
{
display: none;
}

.datefield
{
float: left;
clear:both;	
color: #FCC  ;
}

.gramar .table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #FFF4D5;
}
.gramar .table-striped > tbody > tr:first-child > td,
.table-striped > tbody > tr:first-child  > th {
  background-color: #F63!important;
  color: #FFF;
}

.cuspairean .table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #FFECFF;
}
.cuspairean .table-striped > tbody > tr:first-child > td,
.table-striped > tbody > tr:first-child  > th {
  background-color: #AE00AE;
  color: #FFF;
}
.well 
{
	  background-color: #FFECFF;
}
.strapline
{
	display: none;
}





@media (min-width: 992px) {

#sidebar {
	background-color: #4DA6FF;
}

#sidebar a{
	color: #FFF;
}
#sidebar.affix-top {
	position: static;
	margin-top: 70px;
	width: 228px;
}
#sidebar.affix {
	position: fixed;
	top: 140px;
	width: 228px;
}
#sidebar.nav > li > a:hover, #sidebar.nav > li > a:focus  {
		background-color: #AAD5FF!important;
		color: #66C;
}
#sidebar li.active {
	border: 0 #92FF28 solid;
	border-right-width: 4px;
	background-color: #AAD5FF;
}

}









.search-ns {
padding: 10px;
margin-bottom: 10px;
}
.search-ns h1 {
color: #FFF;
margin-top: 5px;
}
.animated_bg {
background: #00A2DB;
color: #fff;
}

.homepage-content-wrap
{
margin: 10px 0px 10px 25px	
}



.proverbGd
{
	font-size: 20px;
	font-weight: normal;
	
}
.proverbEn
{
	font-style: italic;
}
.imgcredit
{
	text-align: right;
	font-size: 15px;
	font-weight: 400;
}

.imgcredit a
{
	color: white;
	font-weight: 500;
}