@import url(baseStyles.css);

a:link{color:#ccc;font-weight:bold;}
a:visited{color:#ccc;font-weight:bold;}
a:hover{color:#626161;font-weight:bold;}

#donate1 a:link{color:#c40002 !important;font-weight:bold;}
#donate1 a:visited{color:#c40002 !important;font-weight:bold;}
#donate1 a:hover{color:#06C !important;font-weight:bold;}

#donate2 a:link{color:#c40002 !important;font-weight:bold;}
#donate2 a:visited{color:#c40002 !important;font-weight:bold;}
#donate2 a:hover{color:#06C !important;font-weight:bold;}

#secondnav a:link{color:#06C;font-weight:bold;}
#secondnav a:visited{color:#06C;font-weight:bold;}
#secondnav a:hover{color:#c40002;font-weight:bold;}

#galbox img{border:1px solid #424141;}

body{background:#1e1e1e;color:#ccc;font-family:Georgia, "Times New Roman", serif;margin-top:130px;margin-bottom:150px;}

#mainbox{width:920px;margin:auto;margin-top:12px;}
#mainbox li{margin-bottom:6px;}
#mainbox td{width:455px;}

#mainh1{width:100%;position:fixed;bottom:0px;right:0px;text-align:right;color:#aaa;margin-bottom:0px;background:#1e1e1e;border-top:1px solid #424141;padding-right:12px;z-index:10;}
#headerdiv{text-align:center;margin-bottom:6px;margin-top:12px;height:74px;background:url(img/headerbg.png) center no-repeat;}
#headerwrap{position:fixed;top:0px;left:0px;background:#1e1e1e;width:100%;z-index:10;}
#navdiv{width:960px;margin:auto;}
#secondnav{margin:auto;text-align:center;margin-bottom:6px;border-bottom:1px solid #626161;padding-bottom:6px;}

#textbox1{padding:12px;padding-top:0px;padding-left:18px;}
#textbox1 ul{margin-left:18px;}

#textbox2{padding:12px;padding-top:12px;padding-right:18px;padding-left:0px;}
#imgbox2{padding-top:12px;padding-left:12px;}

#textbox3{padding:12px;padding-top:12px;padding-left:18px;}

.gallerythumb{border:1px solid #626161;}

#blurbbox{padding-left:18px;}
#subjectbox{border:1px solid #626161;padding:12px;}

.inlinelist{list-style-type:none;margin:0px;}
.inlinelist li{display:inline;margin:0px 6px;}

.video{text-align:center;}

#copyright{text-align:center;margin-bottom:24px;font-weight:bold;margin-top:24px;}

#copyright a:link{color:#fff;font-weight:bold;}
#copyright a:visited{color:#fff;font-weight:bold;}
#copyright a:hover{color:#c40002;font-weight:bold;}

#fixeddonate{position:fixed;bottom:6px;left:12px;font-size:1.3em;z-index:11;line-height:75%;}

#fixeddonate a:link{color:#c40002;font-weight:bold;}
#fixeddonate a:visited{color:#c40002;font-weight:bold;}
#fixeddonate a:hover{color:#ddd;font-weight:bold;}

#contactform fieldset{width:440px;margin:auto;border:1px solid #424141;font-size:1.2em;}
#contactform legend{font-size:1.2em;color:#ddd;font-weight:bold;}
#contactform table {font-size:1.2em;margin:auto;margin-top:12px;margin-bottom:20px;width:300px;}
#contactform td {padding:6px;vertical-align:top;color:#ddd;}
#contactform input{width:180px;background:#1e1e1e !important;border:1px solid #424141;color:#ddd !important;}
#contactform textarea{width:180px;background:#1e1e1e !important;border:1px solid #424141;color:#ddd !important;}

/* Top menu general rules */
#menu 
{
  width: 712px; height: 33px;
  background: url(img/menu.png);
  margin: 0px; padding: 0;
  position: relative;
	left:220px;
	top:35px;
}

#menu li 
{
  margin: 0; padding: 0;
	list-style: none;
  position: absolute; top: 0;
}
#menu li, #menu a 
{
  height: 33px;
	display: block;
	/*  Hide the text part of the links by moving it waaaayyy offscreen. */
	text-indent:-999em;
	outline: none;
}
embed,object{outline: none;}

/*  Top menu link dimensioning rules - specify offset from left and width of active area. */
#home {left: 0; width: 80px;}
#who {left: 81px; width: 300px;}
#how {left: 381px; width: 205px;}
#contact {left: 586px; width: 125px;}

/*  Top menu hover rules, using a single image "sprite," and background positioning. */
#home a:hover {background: transparent url(img/menu.png) 0 -33px no-repeat;}
#who a:hover {background: transparent url(img/menu.png) -81px -33px no-repeat;}
#how a:hover {background: transparent url(img/menu.png) -381px -33px no-repeat;}
#contact a:hover {background: transparent url(img/menu.png) -586px -33px no-repeat;}

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('img/corners-main.png'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	background: #1e1e1e;            /* YCC: background-color of the inside */
	color: #ddd;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right: 10px;             /* YCC: all texts at some distance of the left border */
	height:269px;
	border-left:1px solid #696969;
	border-right:1px solid #696969;
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */