/* 
================================
Skin styles for DotNetNuke
================================
*/   
#Body {
	margin: 0;
	padding: 0;
	border: 0;
	width:100%;
	height:100%;
	text-align: center;
	background-color: #4B2500;
}

.pagemaster {
	margin: 0;
	padding-left: 11%; /*means 151px;*/
	padding-right: 11%; /*means 170px;*/
	border: 0;
	width: 60%;/*means 674px; */
	height: 100%;	
	background-color: #4B2500;
	text-align: center;	
}
.skinmaster {
	height: 100%;
	background-color: #FFFFFF;
	border-right: #ffffff 0px solid; 
	border-top: #ffffff 0px solid; 
	border-left: #ffffff 0px solid; 
	border-bottom: #ffffff 0px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
	width: 70%; /*770px; added */
}
.skinheader {
	/*background-image: url(topbg.gif);
	background-repeat: repeat-x;
	background-color: *#6C80C5;*/
	height: 102px;
}
.dottedline {
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left:15px;
}
.bannerpadding {
	padding-left: 0px;
	padding-right: 10px;
}
.loginpadding {
	padding-left: 0px;
	padding-right: 5px;
	float:right;
	width:250px;
}
.skingradient {
	height:38px;
	/*background-color: #F1ECED; yellow #FFFF59;/*/
}
.controlpanel {
	width: 70%; /*779px;*/
	background-color: #E6E6E6;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
.toppane {
	width: 70%; /*770px;*/
	background-color: transparent;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 6px;

}
.contentpane {
	width: 85%; /*570px; 75%;*/
	background-color: transparent;
	padding-left: 35px;
	padding-right: 5px;
	padding-top: 15px;
	float:left;
	/*display: inline;       / fix for doubling margin in IE 
	word-wrap: break-word; / fix for long text breaking sidebar float in IE 
	overflow: hidden;      / fix for long non-text content breaking IE sidebar float */
}
.rightpane {
	top:0;
	width: 20%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 15px;
	height:100%;/* NEW */
	/*display: inline;       /* fix for doubling margin in IE /
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE 
	overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
.bottompane {
	width: 70%; /* 770px;*/
	background-color: transparent;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 6px;
}
.MainMenu_MenuContainer {
	background-color: #FFD700;/*transparent; */
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:38px;
	background-color: #FFD700;/*transparent; */
}
.MainMenu_MenuItem{
	border-left: #FFD700 0px solid; /*FFD700*/
	border-bottom: #FFD700 0px solid; 
	border-top: #FFD700 0px solid; 
	border-right: #FFD700 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #000000;/*#3A45A1;*/
	font-size: 13px; 
	font-weight: bold; 
	font-style: normal; 
	background-color: #FFD700;/*transparent */
	font-family: Arial; 
}
.MainMenu_MenuItemSel{
	background-color: #FFFF00;
	cursor: pointer; 
	cursor: hand; 
	color: #000000;/*#3A45A1;*/ 
	font-size: 13px;
	font-family: Arial; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
}
.MainMenu_MenuItemAct {
	background-color: #FFD700; 
	cursor: pointer; 
	cursor: hand; 
	color: #000000;/*#3A45A1;*/
	font-size: 13px;
	font-family: Arial; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
}
.rootMenuItem TD{ 
	border-left: #FFD700 0px solid; 
	border-bottom: #FFD700 0px solid; 
	border-top: #FFD700 0px solid; 
	border-right: #FFD700 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #000000;/*#3A45A1;*/ 
	font-size: 13px; 
	font-weight: bold; 
	font-style: normal; 
	background-color:  #FFD700; /*Transparent;*/
	font-family: Arial; 
	padding-top: 10px;
	padding-bottom: 10px;
} 
.rootmenuitemselected TD{ 
	background-color: #FFFF00;/* GOLD #FFFF09; #FFD700; */
	cursor: pointer; 
	cursor: hand; 
	color: #000000;/*#3A45A1;*/
	font-size: 13px;
	font-family: Arial; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.rootmenuitemactive TD{ 
	background-color: #FFFF00; /* GOLD #FFFF09; #FFD700; */
	cursor: pointer; 
	cursor: hand; 
	color: #000000;/*#3A45A1;*/
	font-size: 13px;
	font-family: Arial; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.MainMenu_MenuIcon {
	background-color: #FFD700; 
	border-left: #FFD700 1px solid; 
	border-bottom: #FFD700 1px solid; 
	border-top: #FFD700 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 1px; 
	height: 21px;
}
.MainMenu_SubMenu {
	margin-top: -1px;
	background-color: #FFD700;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_MenuBreak {
	height: 1px;
	background-color:#FFD700;
	border-color:#FFD700;
	border-style: solid;
}
.MainMenu_MenuArrow {
	border-right: #FFD700 1px solid; 
	border-bottom: #FFD700 1px solid; 
	border-top: #FFD700 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #5661BB none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}

/* FONT SIZES, WEIGHTS and COLOUR: Fixed to use relative sizes and standard weights and colours */
.Normal 
{
	font-family: Times New Roman;/*Arial, Helvetica;*/
	font-size:small;
	font-weight:normal; 
	color: Black;
	
}
H1, H2, H3, H4, H5, H6 
{
	font-family: Times New Roman;/*Arial, Helvetica;*/
	font-size:small;
	font-weight:normal; 
	color: Black;
}
H1  
{
	font-size:x-large;
	font-weight:bold; 
	color: Black;
}

H2  
{
	font-size:large;
	font-weight: bold;
    color: #215E21;/* OLQP History*/
}

H3  
{
	font-size:medium;
	font-weight:normal; 
	color: Black;
}

H4  
{
	font-weight:bold; 
	color: #215E21;/* Hunter Green titles */
}

H5
{
	color: #215E21;/* Hunter Green titles */
}

H6  
{
	/*font-size:small;*/
	font-weight:bold; 
	color: Black;
}

	
A:link  {
	font-family: arial;
	color: Black;/*#3A45A1;*/
	font-size:12px;
}
A:visited   {
	font-family: arial;
	color: #215E21;/*#3A45A1;*/
	font-weight:bold;
	font-size:12px;
}
A:active    {
	font-family: arial;
	color: #215E21;/*Hunter Green now #6D94B9;*/
	font-weight:bold;
	font-size:12px;
}
A:hover {
    font-family: arial;
	color: #215E21;/*Hunter Green now #6D94B9;*/
	font-size:12px;
	text-decoration : underline;
}
A.footer {
   font-family: Arial, Helvetica;
   font-size:  11px;
   font-weight: normal;
   color: #000000;/*#3A45A1;*/
}
A.footer:link {
    text-decoration: none;
	font:11px Arial, Helvetica;
    color: #000000;/*#3A45A1;*/
	font-weight: normal;
}
A.footer:visited {
    text-decoration: none;
	font:11px Arial, Helvetica;
    color: #000000;/*#3A45A1;*/
	font-weight: normal;
}
A.footer:active {
    text-decoration: underline;
	font:11px Arial, Helvetica;
    color: #6D94B9;
	font-weight: normal;
}
A.footer:hover {
    text-decoration: underline;
	font:11px Arial, Helvetica;
    color: #6D94B9;
	font-weight: normal;
}
.breadcrumbs   {
    font:11px Arial, Helvetica;
    font-weight:   none;
    color: #000000;/*#3A45A1;*/
}
A.breadcrumbs:link {
    text-decoration: none;
	font:11px Arial, Helvetica;
    color: #000000;/*#3A45A1;*/
	font-weight: none;
}
A.breadcrumbs:visited {
    text-decoration: none;
	font:11px Arial, Helvetica;
    color: #000000;/*#3A45A1;*/
	font-weight: none;
}
A.breadcrumbs:active {
    text-decoration: underline;
	font:11px Arial, Helvetica;
    color: #000000;/*#3A45A1;*/
	font-weight: none;
}
A.breadcrumbs:hover {
    text-decoration: underline;
	font:11px Arial, Helvetica;
    color: #4B4B4B; /*#6D94B9;*/
	font-weight: none;
}
.loginText {
   font-family: Arial;
   font-size:  11px;
   font-weight: bold;
   color: #000000;/*#ffffff; changed*/
}
a.loginText:Link {
   font-family: Arial;
   font-size:  11px;
   font-weight: bold;
   color: #000000;/*#ffffff; changed*/
   text-decoration: none;
}
a.loginText:Active {
   font-family: Arial;
   font-size:  11px;
   font-weight: bold;
   color: #000000;/*#ffffff; changed*/
   text-decoration: none;
}
a.loginText:Visited {
   font-family: Arial;
   font-size:  11px;
   font-weight: bold;
   color: #000000;/*#ffffff; changed*/
   text-decoration: none;
}
a.loginText:Hover {
   font-family: Arial;
   font-size:  11px;
   font-weight: bold;
   color: #000000;/*#ffffff; changed*/
   text-decoration: underline;
}


.titleRed 
{
	font-family: Baskerville Old Face;
	font-size:12px;
	font-weight:normal; 
	color: Red;
}
.titleBlue 
{
	font-family: Snap ITC;
	font-size:12px;
	font-weight:normal; 
	color: Blue;
}
.titlePurple
{
	font-family: Copperplate Gothic Bold;
	font-size:16px;
	font-weight:normal; 
	color: Purple;
}
.titleOrange
{
	font-family: Playbill;
	font-size:22px;
	font-weight:normal; 
	color: #FF7F00;
}
.titleGreen
{
	font-family: Haettenschweiler;
	font-size:16px;
	font-weight:normal; 
	color: #215E21;
}
.titleBigGreen
{
	font-family: Georgia;
	font-size:large;
	font-weight:bold; 
	color: #215E21;
}


#left { float:left; width:50%;} 
#right { margin-left:50%; width:50%;} 
#bigLeft { float:left; width:65%;} 
#smallRight { margin-left:65%; width:35%;} 
#divlink {text-align:center; margin:2;}

	
.iconstyle
{
	height:100px;
	width:150px; 
	border:0;
	border-color:#215E21;	
}
#donorSpirit
{
	border: black 2px;
	border-style: solid;
	padding: 2px;
} 

#donorStar
{
	border: black 1px;
	border-style: solid;
	padding: 2px;
}
#donorLeftText
{
	font-weight: bold; 
	font-size: 20px; 
	float: left; width: 50%; 
	color: rgb(33, 94, 33);
} 
#donorRightText
{
	font-weight: bold; 
	font-size: 20px; 
	margin-left:50%;
	width: 50%; 
	color: rgb(33, 94, 33);
} 

.advertismentBox
{
	border: black 2px;
	border-style: solid;
	padding: 2px
} 

div.link-list {
        width:30%;
        position:absolute;
        top:0;
        margin-left:0;
        margin-right:0;
}

#firstColumn 
{
	float:left;
	width:30%;
	left:0;	
    	top:0;
}


#secondColumn
{
	top:0;
	margin-left:33%;
}

#thirdColumn
{
	float:right;
	margin-left:70%;
	width:30%;
	right:0;
    top:0;
}

img.imgStyle 
{
	width:100px;
	height:75px;
	border-color:#215E21;
	border-style: solid; 
	border-width: 2px; 
	vertical-align:middle;
	float:inherit;
}

/* for Links under Icons */
#divlink a:link {text-align:center; margin:2;font-size:14px;color:#215E21;font-weight:normal;}
#divlink a:active {text-align:center; margin:2;font-size:14px;color:#215E21; font-weight:normal;}
#divlink a:visited {text-align:center; margin:2;font-size:14px;color:#215E21; font-weight:normal;}
#divlink a:hover {text-align:center; margin:2;font-size:14px;color:#215E21; font-weight:normal;}

/* Skip Intro link on SlideShow Intro page */
a#SkipIntro { font-size:18px;color:#215E21;text-align:center;}



/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		/*background:#eee;		 right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		/*background:#fff;		 center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		/*background:#f4f4f4;	 left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	

#donateTitle
{
	border-bottom: 4px solid #009900;
	text-align:center;
	
}

/*
-------------------------------------------------Footer */
.footer 
{
	width:100%;
	clear: both;
	font-size: 11px;
	height: 15px;
	padding: 5px 0 0 20px;
	text-align:right;
	float:right;
}

.searchStyle 
{
	width:350px;
	float:right;
	background-color: #FFD700;
	margin-left:200px;
}

#introPage
{
	text-align: center;
	background-image: url(WashedOutLogo_700.jpg);
}