/* CSS Document */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family:Helvetica, "Helvetica Neu", Sans-Serif;
	color: #666666;
	line-height: 1.4;	
	margin:0 auto;
	padding: 0;
	width:750px;
	font-size:100%;
	background-color:#000000 /*#21c121*/;
	background-image:url('Images/background-greenblack.jpg');
	background-repeat:repeat-x;
	background-position:top left;
	background-attachment:fixed;
}

dl {clear:both;margin-left:20px;margin-bottom:20px;margin-right:10px;border:0px solid #ccc;}
dl dt {width:500px;border:0px solid #fff200;font-size:125%;color:#20a53c;text-align:left;}
dl dd {width:730px;border:0px solid #627ecf;margin:0;margin-bottom:20px;display:inline;float:left;}
dl dd .galleryrotator {float:left;width:300px;margin-right:20px;margin-bottom:5px;margin-top:15px;height:250px;border:0px solid #ccc;}
dl dd p {border:0px solid #fff200;margin:0% !important;}

ul {clear:both;}
ul#listeningpostlist li {width:200px;float:left;margin:0 10px;padding:5px;text-align:left;}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
img
{
	border:0;
}

#masthead
{
	margin-top:15px;
	padding:0;
	float:left;
	clear:both;
	width:750px;
}

#masthead img
{
	margin:0;
	padding:0;
}

.nav a
{
    font-size:75% !important;
    text-align:right;
    border:0px solid #ff0000;
}

#head{
	margin: 0;
	padding: 0;
	width: 100%;
	clear:both;
}

#container
{
    background-color:#ffffff;
    width:750px;
    padding:5px;
    border:5px solid #333333/*#21c121*/;
}

#content{
  	float:left;
	width:565px;
	margin:.75% 0;
	padding:0;
	border-right:1px dotted #20a53c;
	text-justify:newspaper;
}

#content a:link, a:visited, a:hover, a:active {
	text-decoration:underline;
}

#specialnews
{
	text-align:right;
	padding:0;
	margin:0;
	color:#009dd4;
	border:1px dotted #ccc;
}

#specialnews a
{
   color:#1b5491; 
}

p  a:link, a:visited, a:hover, a:active {
	text-decoration:underline;
}

/*h4
{
	padding:0 1.5%;
	margin:1% .5%;
	border-bottom:1px solid #666666;
	width:50%;
	clear:both;
}

h6
{
	font-size:90%;
	width:100%; 
	text-align:justify;
}*/
/***********************************************/
/*Component Divs                               */
/***********************************************/

/************* #globalNav styles **************/

#globalNav{
	color:#FFFFFF;
	background-color:#20A53C;
	font-family:Trebuchet, Arial;
	margin:0;
	padding:2px 0 2px 10px;
	white-space: nowrap;
	clear:both;
	border-top:2px solid #FFFF00;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
	display: block;
}

#globalNav a:link, #globalNav a:visited {
	color:#FFFFFF;
	padding: 0px 4px 0px 4px; 
	text-decoration:none;
	/*font-size:small;*/
}

#globalNav a:hover{
	text-decoration:underline;
	/*font-size:small;*/
}

/************** .feature styles ***************/

.feature{
	margin:0;
	width:560px;
	padding:0;
	background-color:#000000;	
	border:0px solid #ff0000;
	float:left;
	margin-left:0px;
	margin-top:5px;
}


.feature img{
	float: left;
	padding: 10px 10px 0px 10px;
	margin: 0 5px 5px 0;
}

.photocredit
{
    font-size:x-small;
    text-align:right;
    width:100%;
    clear:both;
    margin-top:10px;
    
}

.photocredit a
{
    color:#333333 !important;
}

/************** .story styles *****************/
.storywithfeatures{
	clear: both;
	padding: 3px 0px 0px 0px;
	/*font-size: 80%;*/
	border:0px solid #cccccc;
	width:560px;
}

.storywithfeatures h2
{
	/*font-size:100%;*/
	color:#000000;
}

.storywithfeatures p{
  padding:5px 10px;
  text-align:justify;
}

.storywithfeatures a:link, a:visited, a:hover, a:active {
	color:#20A53C;
	text-decoration:underline;
	font-size:110%;
}

.story{
	padding:0;
	margin:.75% 0;
	/*font-size: 80%;*/
	width:100%;
	border:1px solid #20a53c;
	text-justify:newspaper;
	text-align:justify;
	background-color:#ffffff;
}

.story h2
{
	/*font-size:100%;*/
	color:#20a53c;
	margin-left:20px;
}

.story h5
{
	padding:0 2%;
}

.story img
{
	padding:.45%;
}

.story p{
  padding: 1%;
  margin:1% 2%;
  text-justify:newspaper;
}

.story p a, a:link, a:visited {
	color:#20A53C;
	/*font-size:110%;*/
	text-decoration:none;
}

.story p a:hover
{
	color:#20A53C;
	text-decoration:underline;
	/*font-size:110%;*/
}

#revolvingfeatures{
	/*position:relative;*/
	float:right;
	width:24%;
	margin:.75% 0;
	padding:.75% 0;
	border:0px solid #20A53C;
}

#revolvingfeatures ol
{
    border:0px solid #fff200;
    margin:0;
    padding:0;
}

#revolvingfeatures ol li
{
    list-style-type:none;
    border-bottom:1px dotted #ccc;
    text-align:center;
    margin-bottom:7px;
    padding:4px 0;
}

#listeningposthome
{
	width:22%;
	float:right;
	text-align:center;
	border:1px solid #20A53C;
	/*background-color:#20A53C;*/
	margin:0 0 0 0;
	padding:2px 0 0 0;
}

.featureblock{
	clear:right;
	float:right;
	width:190px;
	margin:5px 0 0 0;
	padding:0px;
	border:1px solid #cccccc;
	/*font-size:x-small;*/
}

.featureblock h5{
	font-family:Georgia, Arial, sans-serif;
	/*font-size:110%;*/
	
	padding:0px;
	margin:0px;
}

/************* #Footer styles ***************/

#siteInfo{
	clear:both;
	border-top:1px solid #20a53c;
	font-size:75%;
	color:#999999;
	padding:5px;
	margin:.75% 0;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#siteInfo a, a:link, a:visited {
	color:#666666;
	padding: 0px 4px 0px 0px; 
}

#siteInfo a:hover
{
	text-decoration:underline;
}

/**************** Miscellaneous Classes ****************************/
.mix
{
    display:none;
}
.rightlink{
	text-align:right;
	/*font-size:x-small;*/
}

.rightlinkgrey a {
	color:#999999;
	text-align:right;
	/*font-size:x-small;*/
}

.clearright{
	clear:left;
}

.comingsoon
{
    font-size:75%;
    color:#20A53C;
}

.smallprint
{
	font-size:85%;
}

.discreetcomment
{
	font-size:85%;
	font-weight:bold;
	margin:.25%;
	padding:0;
	
}

.blueTable
{
	/*background-color:#506298;*/
	background-color:#344886;
	color:#ffffff;
	margin:2px 2px;
}

.blueTable h2
{
    color:#ffffff;
}
.greyTable
{
	background-color:#FBFCFC;
	border:1px solid #999999;
	/*background-color:#E0E2E3;*/
	margin:2px;
}

.blackTable
{
	background-color:#000000;
	margin:3px;
}

.indentText
{
	margin-left:5%;
}

.destinationimgright
{
	float:right;
	padding:1%;
	margin:2% 4%;
	
}

.destinationimgleft
{
	float:left;
	padding:5px;
}

.alignleft
{
	text-align:left;
	padding:0;
	margin:0;
	clear:both;
}

.alignright
{
	text-align:center;
}

.tourname
{
	font-weight:bold;
	/*font-size:110%;*/
	text-align:left;
}

.tournamegreen
{
    font-weight:bold;
	/*font-size:110%;*/
	color:#20A53C;
}

.tourname a, a:link, a:visited, a:hover {
	color:#20A53C;
	/*font-size:110%;*/
	text-decoration:none;
}

.subheading
{
	font-weight:bold;
}

.subheading p
{
	font-weight:normal;
}

.nestedList
{
	font-weight:normal;
	width:75%;
}

.boxText
{
	width:95%;
	padding:8px;
	margin:1%;
}

#gallerysection
{
    margin-top:2em;
    border:1px solid #ccc;
    padding:.5em;
    
}

.specialrevolvingfeature
{
    
    padding:0;
    margin:0;
    /*border:1px solid #ff0000;*/
}

.specialrevolvingfeature h2, h3, h4
{
    /*background-color:#7e7c69;*/
    color:#1b5491;
    padding:0;
    margin:0;
    line-height:1.2;
}

.specialrevolvingfeature p
{
    margin:5px 7px;
    text-align:justify;
    line-height: 1.4;
    font-size:smaller;
    /*font-size:smaller;*/
}