/*ATF STYLE SHEET
Tony Warren
1st November 2014

This style sheet only applies to pages where it has been linked.
*/

a:link {color:#330066; text-decoration:none; }    /* unvisited link */
a:visited {color:#330066;} /* visited link */
a:hover {color:#FF9999; 	 }   /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

a[href$=".pdf"]:hover {
	color:#FF9999;
}
.indent_right_40 {
	margin-left: 40px;
}

body 
{
font-family: 'Amaranth',serif;
background-color:#FFFFFF;

color:#330066;
}


h1 {font-family:'Amaranth', serif;
	color:#330066; font-weight:700;
	}
RIP {font-family:'Amaranth', serif;
	color:#000000; font-weight:700;
	}


h3 {font-family:'Amaranth',serif;
	color:#330066;
	}


h4 {font-family:'Amaranth', serif;
	color:#330066;
	}


h4 {font-family:'Amaranth',serif;
	color:#330066;
	}


h5 {font-family:'Amaranth', serif;
	color:#330066;
	}


h6 {font-family:'Amaranth', serif;
	color:#330066
	}


.center-content {
	margin: 0 auto;
    width: 800px;
}


.LOMVCName {
	 color:#330066;
	 font-size:12mm;
}


*:focus {
    outline: 0; /* For buttons */
}

/* Typography */
a {
	text-decoration:none;
	-moz-transition-property: color;
	-o-transition-property: color;
	-webkit-transition-property: color;
	transition-property: color;
	-moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.stylePageHeader {
	font-size: 10mm;
	text-align: center;
	vertical-align:top;
 	padding-left:15px
}

.stylePageHeaderSmaller {
	font-size:9mm;
	text-align: center;
	vertical-align:top;
 	padding-left:15px
}

/* Page specific */
.homepage-primary-nav {}


.choir-badge {
	margin-bottom:10px;
}

/* Primary Navigation */

.primary-nav ul {
	padding:0;
	margin:0 0 10px 0;
}
.primary-nav ul li {
	display:inline-block;
	list-style:none;
	text-align: center;
	margin-right:5px;
	padding-right:5px;
	border-right: 1px solid rgb(153,0,0); /* TODO chagne me WIL L */
}
.primary-nav ul li.hover, 
.primary-nav ul li.active a {
	color:#FF9999;
}
.primary-nav ul li:last-child {
	margin-right:0;
	padding-right:0;
	border-right:none;
}
.primary-nav ul:after {
  clear:both;
  content:"";
}

.primary-nav.homepage {
	margin: 0 auto;
	width: 500px;
	text-align: center;
}
.primary-nav.homepage ul li {
	width:151px;
	height:31px;
	border: 1px solid rgb(153,0,0);
	margin:0 0 3px 0;
	-moz-box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow: 2px 2px 2px #888888;
	box-shadow: 2px 2px 2px #888888;
	border-radius: 6px;
	padding-right:0;
}
.primary-nav.homepage ul li a {
	display: block;
	font-weight: bold;
	padding: 6px 0;
}

/* Toggle content styles */
.toggle-content {
	display:none;
}
.toggle-content.show {
	display:block;
}

/* Unique button thingy */

.my-eff-five {
	height:65px;
	width:70px;
	float:right;
	cursor:pointer;
}
.my-eff-five:after {
	clear:right;
	content:"";
}



.styleIndexPageBold 
{
	color: #99000;
	font-size: x-large;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.styleMainShadowedRoundedBox {
	border-style: solid;
	border-color: #CC0000 #FCE489 #FCE489 #CC0000 ;
	border-left-width:5px;
	border-right-width:5px;
	border-bottom-width:5px;
	border-top-width:5px;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 10px;
}
.styleMainPageBoxThick {
	padding:15px;
    border: 3px solid #330066;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 25px;
}

.styleMainPageBoxThin {
	padding:5px;
    border: 1px solid #330066;
    border-radius: 5px;
	box-shadow: 3px 3px 3px;    
    font-size:small;
    text-align:center;
}

.styleMainPageBoxThicker {
	padding:5px;
    border: 2px solid;
    border-color:#FF9900; 
    border-radius: 5px;
	box-shadow: 3px 3px 3px;    
    font-size:small;
    text-align:center;
}


.styleButtonRounded {
	color: #330066;
	padding:5px;
    border: 1px solid;
    border-radius: 5px;
	box-shadow: 2px 2px 2px;    
    text-align:center;
}


.styleMainPageBoxMedium {
    border: 2px solid #330066;
    box-shadow: 5px 5px 2px #888888;
    border-radius: 7px;
}
.styleMainPageBoxSponsors {
    border: 3px solid #330066;
    width: 800px;
    height: 300px;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 25px;
}
.styleLeftAlign {
	text-align: left;
}

.styleGeneralPageDiv {
	width:800px;
	text-align:justify;
	padding-left: 10px;
	padding-right: 10px;
	color: #330066;
}
.styleGeneralPageDiv400 {
	width:400px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	color: #330066;
}
.styleGeneralTextVerySmallGrey {
	color: #5D5D5D;
	font-weight:normal;
}
.styleGeneralTextMedium {
	color: #330066;
	font-weight:normal;
}
.styleGeneralTextExtraLarge {
	color: #330066;
	font-size:x-large;
	font-weight:normal;
}
.styleEnjoyingSingingTogether {
	width: 800px;
	text-align: center;
	font-size: medium;
	padding-left: 10px;
	padding-right: 10px;
	color: #330066;
	font-family: "Edwardian Script ITC";
	font-size: 20pt;
}
/*CONCERTS STYLES*/
.styleBoxShadow1 {
	border-style: solid;
	border-width: 1px;
	border-color:maroon;
	padding-left:5px;
	padding-right:5px;
    box-shadow: 3px 3px 3px #888888;
    border-radius: 2px;
}
.styleImageShadow1 {
	border-style:solid;
	border-color: #000000 #000000 #000000 #000000 ;
    box-shadow: 4px 4px 4px #330066;
    border-radius: 4px;
    color: #330066;
}
.styleTableText {
	border-style: solid;
	border-width: 1px;
	border-color:maroon;
	padding-left:5px;
	padding-right:5px;
}
.styleTableColumnHeadings {
	border-style: solid;
	border-width: 1px;
	border-color:#F0F0F0;
	padding-left:5px;
	padding-right:5px;
}
.styleColumnHeadings {
	font-weight: bold;
}
.styleDateModified {
	font-weight: bold;
	font-size:large;
    text-align:left;
}	
.styleDateModifiedMusic {
	font-weight: bold;
    text-align:left;
	color:#36368E;
	border:0px
}	
.styleConcertsHead {
	text-align: center;
}
.styleUnderline {
	text-decoration: underline;
}
/*Committee Page*/

.styleCommitteeBoxLeft {
	width:400px;
	vertical-align:top;
	height:55px;
	padding-left:15px;
}
.styleCommitteeBoxRight {
	width:400px;
	vertical-align:top;
	height:55px;
	padding-left:15px;	
}
/*Music Page*/
.styleMusicHeading {
	color: #D7EBFF;
	font-family: "Monotype Corsiva";
}
.styleMusicBlueHeadingLarge {
	font-size: x-large;
	color: blue;
}
/*Border Styles*/
.styleThickRedTopBorder {
		border-style:solid;
		border-color: #800000 #FFFFFF #FFFFFF #FFFFFF ;
		border-left-width:3px;
		border-right-width:3px;
		border-bottom-width:3px;
		border-top-width:3px;
}
.styleNoBorder
{
	border-width:0px;
}
.styleThinBorder
{
	border-width:3px;
}

	
.two
{
		border-style:solid;
		border-color:#ff0000 #0000ff;
}
.fourBorder
{
		border-style:solid;
		border-color: #CC0000 #FCE489 #FCE489 #CC0000 ;
		border-left-width:5px;
		border-right-width:5px;
		border-bottom-width:5px;
		border-top-width:5px;
		font-family:'Amaranth', serif	text-align: center;

}
.fourBorderThinYellow
{
    	height: 209px;
		border-style:solid;
		border-color:yellow yellow yellow yellow;
		border-left-width:2px;
		border-right-width:2px;
		border-bottom-width:2px;
		border-top-width:2px;
   	 	box-shadow: 2px 2px 2px #888888;
    	border-radius: 6px;
}
.fourBorderThinYellowShadowed
{
		border-style:solid;
		border-color:yellow yellow yellow yellow;
		border-left-width:2px;
		border-right-width:2px;
		border-bottom-width:2px;
		border-top-width:2px;
   	 	box-shadow: 2px 2px 2px #888888;
    	border-radius: 6px;
}

.fourBorderThinRed
{
		border-style:solid;
		border-color:red red red red;
		border-left-width:1px;
		border-right-width:1px;
		border-bottom-width:1px;
		border-top-width:1px;
}
.fourBorderThinRedShadowed
{
		border-style:solid;
		border-color:red red red red;
		border-left-width:1px;
		border-right-width:1px;
		border-bottom-width:1px;
		border-top-width:1px;
   	 	box-shadow: 2px 2px 2px #888888;
    	border-radius: 6px;
}
.fourBorderThickRedShadowed
{
		border-style:solid;
		border-color:red red red red;
		border-left-width:2px;
		border-right-width:2px;
		border-bottom-width:2px;
		border-top-width:2px;
   	 	box-shadow: 4px 4px 4px #888888;
    	border-radius: 12px;
}

.fourBorderThinGold
{
		border-style:solid;
		border-color: #CC0000 #CC0000 #CC0000 #CC0000 ;
		border-left-width:2px;
		border-right-width:2px;
		border-bottom-width:2px;
		border-top-width:2px;
}
.fourBorderThinGoldShadowed
{
		border-style:solid;
		border-color: #CC0000 #CC0000 #CC0000 #CC0000 ;
		border-left-width:2px;
		border-right-width:2px;
		border-bottom-width:2px;
		border-top-width:2px;
		box-shadow: 2px 2px 2px #888888;
    	border-radius: 6px;
}

/*SITE-WIDE CSS STATEMENTS*/
.styleBlueText {
	color: #0000FF;
	font-weight: bold;
}

.fourBorderThinRedShadowedBlack
{
		border-style:solid;
		border-color:black black black black;
		border-left-width:2px;
		border-right-width:2px;
		border-bottom-width:2px;
		border-top-width:2px;
   	 	box-shadow: 4px 4px 4px #888888;
    	border-radius: 6px;
}


.styleRIP {
	 width:200px;
	font-family:'Amaranth', serif	text-align: center;
	font-size:x-large;
	color:black;
	border-style: solid;
	border-color:black;
	border-left-width:5px;
	border-right-width:5px;
	border-bottom-width:5px;
	border-top-width:5px;
    box-shadow: 10px 10px 5px black;
    border-radius: 10px;
    width:480px
}
.styleLargeBoldHeading {
	color:#330066;
	font-size:12.7mm;
}


/*Menu Styles*/
.BlueMenu
{
		color:blue;
}
.styleMainPageMenuItems {
	border="0";
	height:30px;
	width:800px;
}

.styleMembersRedMenuTable  {
	 border-width:0px;
	 padding:5px;
	 width:805px;
	 margin-bottom:-12px;
}
.styleMembersBlueMenuTable  {
	 border-width:0px;
	 border:0px;
	 padding:.1px;
	 width:805px;
	 margin-bottom:5px;
	 background-color:#36368E;
}
.styleMembersRedMenuBox {
	 text-align:center;
	 background-color:#330066;
}
.styleMembersBlueMenuBox {
	 border:=0px;
	 text-align:center;
	 background-color:#BBDDFF;
}
.styleMembersRedMenuWhiteText {
	 font-size:3.5mm;
	 text-align:center;
	 color:#FFFFFF;
}
.styleMembersBlueMenuBlueText {
	 font-size:4.5mm;
	 text-align:center;
	 color:blue;
}
/*Members News Item Styles*/
.styleNewsItemGallery_TD {
	border-top: 1px solid #330066;
	width: 816px;
	text-align: center;
}
.styleNewsItem {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color:#330066;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.styleNewsItemNoTopBorder {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.styleMusicItem {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color:#36368E;
	width: 816px;
	color:black;
}
.styleNewsItemSpacerTD {
	 height:8px;
	 width:800px;
}
.styleNewsItemSpacerTDMusic {
	 height:8px;
	  width:616px;
	  border:0;
}
.styleStickyNews {
	border-style: solid;
	border-width: 2px;
	border-color:maroon;
	width: 616px;
}
.styleTablePageTitle{
	border-style: solid;
	border-width: 1px;
	border-color:maroon;
	padding-left:5px;
	padding-right:5px;
	width:800px;
	 border-color:#CC0000;
}
.stylePrintableText {
	color: #000000;
}
.styleMenuItemClear {
	font-size:3.5mm;
	font-weight: bold;
	text-decoration:none;
	color:#330066;
 }
.styleMenuItemMusic {
	font-size:3.5mm;
	font-weight: bold;
	color:blue;
}
/* =Hoverbox Code
----------------------------------------------------------------------*/
.hoverbox
{
	cursor: default;
	list-style: none;
}
.hoverbox a
{
	cursor: default;
}
.hoverbox a .preview
{
	display: none;
}
.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}
.hoverbox img
{
	vertical-align: top;
	width: 110px;
	height: 66px;
	border-style:solid;
	border-color:red red red red;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-top-width:1px;
 	box-shadow: 2px 2px 2px #888888;
   	border-radius: 6px;
}
.hoverbox li
{
	display: inline;
	float:left;
	margin: 0px;
	padding: 20px;
	position: relative;
}
.hoverbox .preview
{
	width: 450px;
	height: 310px;
	box-shadow: 2px 2px 2px #888888;
   	border-radius: 6px;
}