/* DESCRIPTION:
 * The tabs become depressed when the User hovers the mouse pointer over them,
 * giving a dynamic effect.
 * Optimized 8/14/04
 * This stylesheet is best used for display on large display areas.
 */


/* ##### Body Styles ##### */
body {
	font-size : 12px;
	color : #000;
	background-color : #fff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url("../images/bkg2.gif") #000;
	text-align : center;
	margin : 20px 12px 12px 12px;
} 

/*html > body {
	font-size : 11px; 
	} */

#pagewidth { 
	background-color : #fff; 
	width : 98%; 
	text-align : center; 
	} 

	
/* ###### Special Effects ###### */	
acronym , .titleTip {
	border-bottom : 1px dotted gray; 
	cursor : help; 
	padding : 0 0 0.4px; 
	} 

acronym:hover , .titleTip:hover {
	border-bottom : 1px solid rgb(220,20,60); 
	} 

.doNotDisplay {
	display : none; 
	}
 
.smallCaps {
	font : 110% small-caps;
	} 
	
.sponsor {
	font-size:8pt;
	} 

	
/* ###### Header ###### */	
#header {
	font-size : 75%;
	font-family : Arial, Helvetica, sans-serif;
	background: #FFF url("../images/GuildLogo1.gif") no-repeat;
	text-align : left; 
	} /* ASG logo, */
	
.headerTitle {
  color : #8b0000;
  background-color: transparent;
  font-family: garamond, "times new roman", times, roman, serif;
  font-size: 300%;
  margin: 0 0 0 5.5em;
  padding: 18px 0 0 0;
}	/* title line to center */

.doNotDisplay {
	display : none; 
	}
	
	
/* ###### subHeader - Navigation Tabs ###### */	

.subHeader {
	padding : 2em 0 0.2em 12em; /**/
	border-bottom : 1px solid rgb(70,130,180); 
	} /* navigation line in reference to headerTitle */

.subHeader .dateline {
	color : #a2a2a2;
	font-style :  italic; 
	background-color : transparent; 
	float : right; 
	margin : 0; 
	padding : 0; 
	} /**/

.subHeader .navigation {
	font-weight : bold;
	list-style-type : none; 
	list-style-position : outside; 
	margin : 0 0 0 1%; 
	padding : 0; 
	}/**/
 
.subHeader .navigation li {
	line-height : 1.75em;
	margin : 0; 
	padding : 0; 
	display : inline; 
	} /**/

.subHeader a {
	text-decoration : none; 
	color : rgb(175,175,175);
	background-color : #fff; 
	} /**/

.subHeader .navigation .tab {
	color : #000;
	background-color : rgb(248,248,248); 
	margin : 0; 
	padding : 1ex 0.5em .9ex; 
	border-top : 1px solid rgb(231,231,231); 
	border-right : 1px solid rgb(97,97,97); 
	border-left : 1px solid rgb(231,231,231); 
	}/**/

.subHeader .navigation a.tab:hover {
	color : #8b0000; 
	text-decoration : underline; 
	padding-bottom : 0.7ex; 
	border-top : 1px solid rgb(97,97,97); 
	border-right : 1px solid rgb(231,231,231); 
	border-left : 1px solid rgb(97,97,97); 
	position : relative; 
	left : 1px; 
	top : 1px; 
	} /**/
	
.subHeader .navigation .highlighted {
	color : #fff; 
	background-color : rgb(70,130,180);
	} /**/
	
	
/* ##### Main Copy ##### */	

.topic {
	color : #cc0000;
	font : italic bold 110%;
	text-decoration : none; 
	}
 
ul.page1 {
	margin : 0 0 0 40px; 
	line-height : 150%; 
	} /**/
	
.main {
	line-height : 150%; 
	} /**/
	
.img {
	margin-top: 1em;
	}

p.page {
	margin : 0 0 0 10px; 
	line-height : 150%; 
	} /**/

ul.page {
	margin : 0 0 0 20px; 
	line-height : 150%; 
	} /**/
	
	
/* ##### Two/Three Column Page Layout ##### */	
	
.right {
		font-size : 8pt;
   		text-align : left; 
   		margin : 0; 
   		padding-left : 1%;
   		padding-right : 1%;
   		width : 45%; 
   		float : right; 
			}


.middle {
		font-size : 8pt;
   		text-align : justify; 
   		margin : 0; 
   		padding-left : 1%;
   		padding-right : 1%;
   		width : 10%; 
   		float : left; 
		}

.left {
		font-size : 8pt;
   		text-align : left; 
   		margin : 0; 
   		padding-left : 1%;
   		padding-right : 1%;
   		width : 45%; 
   		float : left; 
		}	

.pics {
		font-size : 8pt;
   		text-align : left; 
   		margin : 0;
		padding-top : 1%; 
   		padding-left : 1%;
   		padding-right : 1%;
   		width : 65%; 
   		float : left; 
		}			
	


#SideBar {
	width : 30%; 
	color : #5a5a5a;
	font-size : 8pt;
	text-align : left; 
	margin : 8px 4px 8px 14px; 
	background-color : rgb(248,248,248); 
	border-top : 1px solid #c6c6c6; 
	border-right : 2px solid #525152; 
	border-bottom : 2px solid #525152; 
	border-left : 1px solid #c6c6c6; 
	padding : 6px; 
	float : right; 
	position : relative;
	} /* frame for contents of sidebar */
	
#SideBar a  {
	color : #5a5a5a;
	line-height : 2em;
	}	/**/
	
#SideBar2 {
	width : 35%; 
	color : #3a3a3a;
	font-size : 8pt;
	text-align : left; 
	margin : 8px 4px 4px 14px; 
	background-color : rgb(248,248,248); 
	border-top : 1px solid #c6c6c6; 
	border-right : 2px solid #525152; 
	border-bottom : 2px solid #525152; 
	border-left : 1px solid #c6c6c6; 
	padding : 6px; 
	float : right; 
	position : relative;
	}	/* frame for contents of sidebar */
	
#SideBar2 ul {
	margin-left: 0px;
	list-style : circle inside;
	}	/**/
	
#main-copy {
	color : #000;
	background-color : #fff; 
	width : auto; 
	padding : 12px 12px 0 20px; 
	text-align : left; 
	float : left; 
	} /**/

#main-copy p {
	padding : 0 10px 0 20px;
	line-height : 150%; 
	} /**/ 

#main-copy q {
	color : rgb(225,225,225);
	font : bold 200% 1.5em ;
	background-color : transparent; 
	text-align : left; 
	text-indent : -1ex; 
	margin : 0.3em 0 0.8em 1ex; 
	padding : 0; 
	display : block; 
	} /**/

#main-copy q.centred {
	text-align : center; 
	margin-left : 0; 
	} /**/

q:before , q:after {
	content : ""; 
	} 

#main-copy a {
	color : #000000; 
	background-color : transparent; 
	text-decoration : underline; 
	} 

#main-copy a:hover {
	color : #ff0000; 
	background-color : transparent; 
	text-decoration : underline; 
	} /**/
	
#main-copy h1 {
	color : #8b0000;
	font :  bold 145% "trebuchet ms", arial, verdana, helvetica, sans-serif;
	margin : 0; 
	padding : 0; 
	} /**/
	
	
#main-copy h2 {
	color : #000000; 
	font-family : "trebuchet ms", arial, verdana, helvetica, sans-serif; 
	font-size: 12pt;
	margin : 0; 
	padding : 0; 
	}	/**/
	
#main-copy h3 {
	color : #8b0000; 
	font-family : bold 120% "trebuchet ms", arial, verdana, helvetica, sans-serif; 
	margin : 0; 
	padding : 0; 
	}	/**/
	
#main-copy table {
	font-size: 10pt;
	}	
	
#Main td {
	color : #000;
	font-size : 12px;
	background-color : #fff;
	text-align : center;
	vertical-align : top;	
	line-height : 150%; 
	}
	
.input {
	COLOR: #000000;
	FONT-FAMILY: ms Sans Serif;
	FONT-SIZE: 10pt;	
	BACKGROUND-COLOR: #eaeaea;
	BORDER-RIGHT: #7E6235 1px solid;
	BORDER-TOP: #F7F7F7 1px solid;
	BORDER-LEFT: #F7F7F7 1px solid;
	BORDER-BOTTOM: #7E6235 1px solid;
	PADDING-LEFT: 1px;
}

P.input {
	COLOR: 000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;	
	BACKGROUND-COLOR: #f5f5f5;
	BORDER-RIGHT: 7E6235 1px solid;
	BORDER-TOP: F7F7F7 1px solid;
	BORDER-LEFT: F7F7F7 1px solid;
	BORDER-BOTTOM: 7E6235 1px solid;
	PADDING: 8px;
	margin : 10px 20px 10px 20px;
}		
	
/* ###### Specail Copy Effects ###### */	
	
#form td
{
font-size: 10pt;
color: #000000;
background : #ffffff;
padding : 1px 1px 1px 1px;
}	
	
.byline {
	font-size : 91%; 
	border-bottom : 1px solid gray; 
	margin : -1.2em 0 1em; 
	padding : 0; 
	width : 100%; 
	} /**/

.byline {
	margin-top : -1.4em; 
	} 

#main-copy .byline a {
	color : #000; 
	background-color : transparent; 
	text-decoration : none; 
	} 

#main-copy .byline a:hover {
	background-color : transparent; 
	text-decoration : underline; 
	} 

.raisedCap {
	text-indent : 0.5em; 
	} 

.raisedCap {
	text-indent : 1em; 
	} 

.raisedCap:first-line {
	font-weight : bold; 
	} 

.raisedCap:first-letter {
	font-size : 155%; 
	} 

.noIndent {
	text-indent : 0 !important; 
	} 
	
	
/* ###### Footer ###### */	

#footer {
	font-size : 80%; 
	color : #d8bfd8; 
	margin : 0; 
	padding : 1em; 
	clear : both;
	line-height : 1.45em; 
	} /**/


#footer a {
	color : #d8bfd8; 
	text-decoration : underline; 
	} 

#footer a:hover {
	color : #ff0000; 
	} 
	
div.img { 
    padding-top: 10em; 
}