/* ----------------The Style Council------------------------------------------------------------- */

body { 
padding: 2px 0 0 0; 

margin: 0; 
font: .7em Arial, Verdana, Helvetica, sans-serif; 
line-height: 1.7em; 
background: #333333 url(images/background-image-4.jpg);   
color: #454545;

}




a:link { 
font-size:1.1em;
color: #5094df;
font-weight:bold; 
background: inherit; 
}

a:hover { 
font-size:1.1em;
color: #2872d6; 
background: inherit;
text-decoration:underline;
}



a:visited { 
font-size:1.1em;
color: #5d7ca1; 
background: inherit;
text-decoration:underline;
}



a.footsie:link { 
font-size:0.8em;
color: #5d7ca1;
font-weight:bold; 
background: inherit; 
}

a.footsie:hover { 
color: #2872d6; 
background: inherit;
text-decoration:underline;
}



a.footsie:visited { 
color: #5d7ca1; 
background: inherit;
text-decoration:underline;
}




a.bigger:link { 
font-size:1.3em;
color: #5d7ca1;
font-weight:bold; 
background: inherit; 
}

a.bigger:hover { 
color: #2872d6; 
background: inherit;
text-decoration:underline;
}



a.bigger:visited { 
color: #2e6eae; 
background: inherit;
text-decoration:underline;
}

a.trueblue:link { 
font-size:1.0em;
color: #2872d6;
font-weight:bold; 
background: inherit; 
}

a.trueblue:hover { 
color: blue; 
background: inherit;
text-decoration:underline;
}



a.trueblue:visited { 
color: #5d7ca1; 
background: inherit;
text-decoration:underline;
}


 
a.bubba:link { 
font-size:1.0em;
color: #5094df;
font-weight:bold; 
background: inherit;  
}

a.truebluemed:hover { 
color: blue; 
background: inherit;
text-decoration:underline;
}



a.truebluemed:visited { 
color: #5d7ca1; 
background: inherit;
text-decoration:underline;
}


a.truebluebig:link { 
font-size:1.4em;
color: #2872d6;
font-weight:bold; 
background: inherit; 
}

a.truebluebig:hover { 
color: blue; 
background: inherit;
text-decoration:underline;
}



a.truebluebig:visited { 
color: #5d7ca1; 
background: inherit;
text-decoration:underline;
}



a.moodgarden:link { 
font-size:1.5em;
color: #2872d6;
font-weight:bold; 
background: inherit; 
}

a.moodgarden:hover { 
color: #fff; 
background: inherit;
text-decoration:underline;
}



a.moodgarden:visited { 
color: #5d7ca1; 
background: inherit;
text-decoration:underline;
}





 

a.truebluearticles:link { 
font-size:1.1em;
color: #2872d6;
font-weight:bold; 
background: inherit; 
}

a.truebluearticles:hover { 
color: blue; 
background: inherit;
text-decoration:underline;
}



a.truebluearticles:visited { 
color: #5d7ca1; 
background: inherit;
text-decoration:underline;
}



a.newageinsitelinks:link { 
color: #2e6eae;
font-size:1.1em;
font-weight:bold; 
background: inherit; 
}

a.newageinsitelinks:hover { 
color: #fff; 
font-size:1.1em;
background: inherit;
text-decoration:underline;
}

 
a.newageinsitelinksalt:link { 
color: #2872d6;
font-size:1.2em;
font-weight:bold; 
background: inherit; 
}

a.newageinsitelinksalt:hover { 
color: blue; 
font-size:1.2em;
background: inherit;
text-decoration:underline;
}






a.whitebg:link { 
color: #2e6eae;
font-weight:bold; 
background: inherit; 
font-size:1.1em;
}

a.whitebg:hover { 
color: #2872d6; 
background: inherit;
text-decoration:underline;
font-size:1.1em;
}



a.whitebg:visited { 
color: #5d7ca1; 
background: inherit;
text-decoration:underline;
font-size:1.1em;
}


a.articles:link { 
color: #5d7ca1;
font-weight:bold; 
background: inherit; 
font-size:15px;
}

a.articles:hover { 
color: #fff; 
background: inherit;
text-decoration:underline;
font-size:15px;
}




a.freebies:link { 
color: green;
font-weight:bold; 
background: inherit; 
font-size:1.1em;
}

a.freebies:hover { 
color: #5d7ca1; 
background: inherit;
text-decoration:underline;
font-size:1.1em;
}


a.freebies:hover { 
color: silver; 
background: inherit;
text-decoration:underline;
font-size:1.1em;
}




a.invisible:link { 
color: #fff;
font-weight:bold; 
background: inherit; 
text-decoration:none;
}

a.invisible:hover { 
color: #5d7ca1; 
background: inherit;
text-decoration:none;
}


a.newagevideos:link { 
color: #5d7ca1;
font-weight:bold; 
background: inherit; 
}

a.newagevideos:hover { 
color: #fff; 
background: inherit;
text-decoration:underline;
}


font.mini { 
color: yellow;
font-size:10px;
}

p {	
margin: 0 5 5px 0; font-size:1.5em;
}

 .newagepara { text-align:left;color:#454545;font-style:normal;font-size:1.4em; font-family:Trebuchet MS, Sans-Serif; padding-top:2px;}

 .newageparawhite { text-align:left;color:#fff;font-style:normal;font-size:1.4em; font-family:Trebuchet MS, Sans-Serif; padding-top:2px;}
 
.newageparablack { text-align:left;color:#090818;font-style:normal;font-size:1.2em; font-family:Trebuchet MS, Sans-Serif; padding-top:2px;}

.intro {color:#000;font-size:160%;}
span.quote { font-size:1em;color:indigo;font-style:italic;}

p.toptext {text-align:left;margin-left:15px;margin-right:15px;}

p.articlesection

{background-color:#fff; padding:15px;margin:0px;margin-top:5px;}
 
p.information

{ color:#000;font-size:1.6em;}


.leftboxy {font-size:1.5em;background:inherit;}


h1 { 
margin: 0; 
padding: 0 0 8px 0; 
font: normal 1.8em  "Trebuchet MS", Sans-Serif;
color: #d3d3d3; 
}

h2 { 
margin: 0; 
padding: 0 0 8px 0; 
font: bold 2em  "Trebuchet MS", Sans-Serif;
color:#190a41; 
}



h2.silver { 
margin: 0; 
padding: 0 0 8px 0; 
font: bold 1.8em  "Trebuchet MS", Sans-Serif;
color: #acacac; 
}

h2.white { 
margin: 0; 
padding: 0 0 8px 0; 
font: bold 1.8em  "Trebuchet MS", Sans-Serif;
color: #fff; 
}

h2.whitecats { 
margin: 0; 
padding: 0 0 0px 0; 
font: bold 1.6em  "Trebuchet MS", Sans-Serif;
color: #fff; 
}





h2.blue { 
margin: 0; 
padding: 0 0 8px 0; 
font: bold 1.8em  "Trebuchet MS", Sans-Serif;
color: #292929; 
}

h2.black { 
margin: 0; 
padding: 0 0 8px 0; 
font: bold 1.9em  "Trebuchet MS", Sans-Serif;
color: #190a41; 
}




h3 { 
margin: 0; 
padding: 0 0 0px 0; 
font: bold 1.8em  "Trebuchet MS", Sans-Serif;
color: #292929; 
}



h3.silver { 
margin: 0; 
padding: 0 0 8px 0; 
font: bold 1.6em  "Trebuchet MS", Sans-Serif;
color: #acacac; 
}


h4{ 
margin: 0; 
padding: 0 0 6px 0px; 
font-size:1.3em;color:indigo; font-family:  Trebuchet MS", Sans-Serif;
color: #190a41; 
}


h3.black { 
margin: 0; 
padding: 0 0 6px 0px; 
font: bold 1.8em  "Trebuchet MS", Sans-Serif;
color: #190a41; 
}


h3.white
{margin: 0; 
padding: 0 0 8px 0; 
font: bold 1.5em  "Trebuchet MS", Sans-Serif;
color: #fff; font-size:1.6em;
} 




h3.gold
{margin: 0; 
padding: 0 0 8px 0; 
font: bold 1.4em  "Trebuchet MS", Sans-Serif;
color: gold; 
} 


h4.black { 
margin-top:3px;margin-bottom:12px;
font: bold 1.6em  "Trebuchet MS", Sans-Serif;
color: #190a41; 
}


.listy { 
margin-left:20px; 
padding: 0 0 8px 0; 
font: bold 1.2em  "Trebuchet MS", Sans-Serif;
color: #acacac; 
}

#header h1 {	
font:bold 2.2em Arial, Verdana, Helvetica, sans-serif;
color:#d3d3d3; 
padding: 22px 0 0 22px; 
margin: 0; 
}

ul { 
margin: 0 0 0 25px; 
padding: 0; 
list-style: square; 
}

img { 
border: 0; 
}

acronym {
cursor:  help;
}

.highlight {
color: #820304;
font-weight: bolder;
}




p.info

{ width:470px; margin-left:120px;">
}




/* --------------The goods---------------------------------------------------------------- */

#content { 
padding:8px;
margin: 0 auto;
width: 1015px;
background:#5F6C99;
border: 2px solid #2a2a2a;
}

#header {   
height: 250px; 
padding:0; 
margin:0 0 7px 0; 
background: #2a2a2a;
}


#pic { 
height: 165px; 
margin-top:-8px;margin-bottom:-12px;
background: url(images/header2.png); 

} 



#thumbgallery {
clear:both;  height:153px;
padding:0 0 0 2px; 
margin: 0 0 2px 0; 
margin-bottom:-8px;
background:inherit; 
}



.thumbs img{
position:relative;
padding:0;
margin:8px 3px 2px 2px;
border:1px solid #d3d3d3;
background:inherit;
width:136px; 
height:123px;
}


.thumbsrelated img{
position:relative;
padding:0px;
margin:1px;
border:1px solid #5d7ca1;
background:inherit;
width:120px; 
height:120px; 
}


.thumbsnewagevids img{
position:relative;
padding:0;
margin:3px;
border:2px solid #d3d3d3;
background:inherit;
width:140px; 
height:136px;
}



.thumbs img:hover{
border:1px solid #2872d6;
}



.thumbsrelated img:hover{
border:1px solid #d3d3d3;
}




#videosection

a.red{color:red;width:auto;height:100%;}




#videosection  {height:650px; }

.videosection  {height:650px; }




#videogallery {
clear:both; 
padding:0 0 0 1px; 
margin: 0 0 1px 0; 
background:inherit;
}



.thumbles img{
position:relative;
padding:0;
margin:0px 0px 2px 2px;
border:2px solid #d3d3d3;
background:inherit;
}

.thumbles img:hover{
border:2px solid #5d7ca1;
}







/* Top Menu-------------------------------------------------------------- */

.headermenu { 

margin: 5px;
padding-bottom:40px;
margin-bottom:40px;
padding: 0;
float: right; 
list-style-type: none;
list-style-image: none;
width: 100%;
height:50px;
}

.headermenu ul { 
margin-top:10px;
padding: 0;
float: right; 
list-style-type: none;
list-style-image: none;
}

.headermenu li { 
float: left;margin-right:35px;
padding-left: 5px;
width: 100px;
}

.headermenu li a {
color:#fff;
font-weight: bold;
text-transform:uppercase; 
display: block;
height: 15px;
line-height: 10px;
padding: 10px 0 10px  0px;
text-align: left;  
font-size: 1.2em;
font-family: Arial, Verdana, Helvetica, sans-serif; 
background:none;
border-top: 4px solid #5d7ca1;

text-decoration: none;
}

.headermenu li a:hover {
color:  silver;
font-weight: bold; 
display: block;
background:none;
border-top: 4px solid #fff;
text-decoration: none;
}

/* -------------Main Menu-------------------------------------------------------------- */

#menu{
width: 960px;
padding: 0px 0 ; 
margin: 0 0 0px 0; 
float: left;
background: url(images/menubg.jpg) no-repeat; 

}



#menuvideos{
width: 960px;
padding: 4px 0 ; 
margin: 0 0 6px 0; 
float: left;

}



#menu li{ 
list-style: none; 
display: inline; 
margin: 0;  
}

 


#menu li a{
text-decoration: none;
padding: 6px 10px;
margin: 1px 1px 0 4px;
background:inherit;
font-weight: bold;
color: #5d7ca1;
}

#menu li a:hover{
background: inherit;
color: #fff;
}




/*---------Left Side Content-----------------------------------------------------------*/

 
 

.leftsection-ad {
border: 1px solid #d3d3d3;
padding-right:0px;padding-left:6px;padding-top:3px;padding-bottom:0px;	
margin: 0 0 5px 0;
background:#2a2a2a;
color: #acacac;
}
 
p.rss-title {display:none;}
.leftsection p {font-color:#fff;}

.leftsection {
border: 1px solid #d3d3d3;
padding-left:6px;padding-bottom:0px;padding-top:-2px;padding-right:2px;
margin: 0 0 7px 0;
background:#2a2a2a;
color: #acacac;
}
 

#leftsection {
float: left;min-height: 0px; position: relative;
padding:0px;
width: 314px;
margin: 0 0 15px 0;
}


.padding {
 padding:10px;
}



#leftsectionad {
float: left;
width: 310px;
margin: 0 0 10px 0;

}
 

#leftvideos {
float: left;
width: 320px;
margin: 0 0 1px 0;background-color: #fff;
}


 


.leftwhitedata {
margin: 0px 0 15px 0;
border: 1px solid #d3d3d3;
min-height: 520px;
background:#2a2a2a;
color: #acacac;
padding: 15px 15px 5px 10px;
}


		
/* --------------------Right Side Content----------------------------------------------- */


#contenttop {
float: right; min-height: 0px; position: relative;
width: 694px;
margin: 0 0 14px 0;
border: 0px solid #d3d3d3;}

.contenttop {
margin: 0px 0 7px 0;
border: 1px solid #d3d3d3;
background:#2a2a2a;
color: #acacac;
padding: 15px 15px 5px 10px;
 
}

 


.contentinformation {
border: 1px solid #d3d3d3;
padding: 15px 15px 5px 10px;
margin: 0px 0 7px 0;
background:#2a2a2a;
color: #acacac;
}
 

.contentwhite {
border: 2px solid #d3d3d3;
padding: 11px;	
margin: 0px 0 7px 0;
background:#f5f8fd;
color: #acacac;
}




.image { 
float: left; 
margin: 0 9px 3px 0;
border: 2px solid #acacac; 
}



#middle {
float: left;
width: 960px;
margin: 0 0 10px 0;
}

.middledata {
border: 1px solid #acacac;
margin: 0px 0 15px 0;
min-height: 220px;
background:#2a2a2a;
color: #acacac;
padding: 15px 15px 5px 10px;
}

.middlesubdata {
clear: both;
margin:0px 0 20px 0;	
padding: 5px 20px;
border: 1px solid #d3d3d3;
background: #2a2a2a;
color: #acacac;
} 

.thumb {
margin: 0 12px 10px 0;
width: 200px;
height: 160px;
float: left;
clear: left;
border: 4px solid #acacac;
background: #eee;
color: #000;
}

.thumb:hover {
border:4px solid #5d7ca1;
}

.contentmiddle {
background: #2a2a2a;
color: #acacac;
border: 1px solid #d3d3d3;
padding: 11px;
margin: 0 0 10px 0;
}
 

.contenttopalt {
background: #f5f8fd;
color: #333;
border: 1px solid #d3d3d3;
padding: 11px;
margin: 0 0 10px 0;
}



 
 
.contentsection {
background: #2a2a2a;
color: #acacac;
border: 1px solid #d3d3d3;
padding: 5px;
margin: 0 0 10px 0;
}






.contentbottom {
border: 1px solid #d3d3d3;
padding: 11px;	
margin: 0 0 10px 0;
background:#2a2a2a;
color: #acacac;
}




.contentinformationwhite {
border: 1px solid #d3d3d3;
padding: 11px;
margin: 0 0 7px 0;
background:#f5f8fd;
color: #acacac;
}


.contentinformation {
border: 1px solid #d3d3d3;
padding: 11px;
margin: 0 0 7px 0;
background:#2a2a2a;
color: #acacac;
}






.contentabout {
border: 1px solid #d3d3d3;
padding: 11px;	
margin: 0px 0 7px 0;
background:#2a2a2a;
color: #acacac;
}


.contentrelatedvideos {
border: 1px solid #d3d3d3;
padding: 11px;	
margin: 0px;
background:#2a2a2a;
color: #acacac;
 
}



.contentmorevideos {
margin: 0px 0 7px 0;
border: 1px solid #d3d3d3;
min-height: 220px;
background:#2a2a2a;
color: #acacac;
padding: 15px 15px 5px 10px;
 
 
}



/*---------Right Side Alternative Content-----------------------------------------------------------*/


#contentalt {
float: right;
width: 745px;
margin: 0 0 10px 0; background-color:#fff;
}
 


.contenttopwhite {
background: #2a2a2a;
color: #acacac;
border:  0px solid #d3d3d3;
padding: 5px;
margin: 0 0 15px 0;
}

.contentwhitedata {
margin: 0px 0 15px 0;
border: 1px solid #d3d3d3;
min-height: 520px;
background:#2a2a2a;
color: #acacac;
padding: 15px 15px 5px 10px;
}




/*---------Left Side Alternative Content-----------------------------------------------------------*/


#leftalt {
float: left;
width: 210px;
margin: 0 0 10px 0;
}




/*---------The footer Data-------------------------------------------------------------------*/

#footer { 
clear: both; 
color: #d3d3d3;
background: #2a2a2a;
padding: 10px 15px;
border-top: 1px solid #d3d3d3; 
}

#footer .right { 
float: right; 
}


#news
{background-color:white;}


a.news:link { 
color: green; 
background: inherit;
text-decoration:underline;
font-size:15px;
}





.find {float:right;width:auto;height:auto;                              }


#cse-search-box  {height:25px;width:auto;margin:0px;float:left;margin-bottom:40px;}

#cse-search-box input[type=text] {
height:21px;}

#cse-search-box input[type=submit] {
background: #555;
 color: #FFF;
 font-size: 10.5px;
 font-family: Arial, Tahoma, Verdana;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
padding: 4px 5px 2px 5px;
 border: 1px solid #666666;
width:80px;height:25px;
 }

 
 #cse-search-box input[type=submit]:hover {
 background: #333333;
 border: 2px solid silver;

 }













 
/* media styles */


/* red background below */

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

#content {width:auto;}
#leftsection {float:left;margin-top:0%;width:auto;}
 #header {min-width:100%;height:auto;float:left;}
.headermenu {float:left;width:100%;padding-bottom:45px;}
.find {float:left;margin-top:25px;margin-right:10px;}
 #cse-search-box input {width:auto;}
#headermenu li{font-size: 1.2em;}
.morevidz {display:none;}



#leftsection p {height:auto;width:auto;padding-top:0px;padding-bottom:auto;margin-top:15px;margin-bottom:45px;}
#contenttop{float:left;width:auto;}
.contentinformation{float:left;width:auto; }
#pic{display:none;}
#thumbgallery{width:auto;height:auto;margin-bottom:auto;}
.thumbs {width:auto;margin-bottom:auto;}

p.morevidz {display:none;}

.smallmainvid {float:left;width:60%;padding-right:100%;padding-bottom:20px;}

 
#videosection  {margin-left:-15px;min-width:105%;width:auto; font-size:70%;min-height:660px;height:100%;overflow:none;}
#videosection p  {font-size:1em;height:auto;min-width:105%;width:auto; overflow:none;}

}









/* red background below */

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

#content {width:auto;}
#thumbgallery{width:auto;height:auto;margin-bottom:auto;}
#thumbgallery img{width:125px;height:125px;margin-bottom:auto;}
}









/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}