/*
*
* Kongreg8 Default Screen StyleSheet
* Default Colourscheme
*
*/

body{
	font: 12px arial, verdana, sans-serif;
	color: #030303;
	background: #ffffff;
}

/* Overriding container for the whole page */
#mainContainer{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: transparent;
}

/* Top container for the main title and links */
#headerBar{
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	width: 100%;
	background: #ffffff;
	color: #ffffff;
	border-bottom: 2px solid #340E3A;
	padding-top: 10px;
	text-align: right;
	z-index: 32;
}
#headerBar a{
	color: #ffffff;
}
#headerBar a.visited{
	color: #ffffff;
}

html > body #headerBar{
	position: fixed;
}

/* Edit Mode info area */
#editMode{
	position: absolute;
	top: 52;
	left: 0;
	height: 15px;
	width: 100%;
	background: #ffffcc;
	color: #000000;
	border-bottom: 2px solid #340E3A;
	padding-top: 2px;
	text-align: right;
	z-index: 32;
}
#editMode a{
	color: #000000;
}
#editMode a.visited{
	color: #000000;
}

html > body #editMode{
	position: fixed;
}



#signedInBox{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: right;
	background: transparent;
	height: 25px;
	font: 6pt arial, sans-serif, verdana;
	color: #666666;
	z-index: 34;
}
html > body #signedInBox{
	position: fixed;
}

/* Main Content Area of the portal */
#contentArea{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 65px 0px 20px 20px;
	background: transparent;
	font: 12px arial, sans-serif, verdana;
	color: #000000;
	z-index: 31;
}

#contentArea h1{
	font: 24px arial, sans-serif, verdana;
	color: #333333;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

#contentArea h2{
	font: 16px arial, sans-serif, verdana;
	color: #000000;
}

#contentArea p{
	font: 12px arial, sans-serif, verdana;
	color: #333;
}

#contentArea table{
	font: 12px arial, sans-serif, verdana;
	padding: 5px 5px 5px 15px;
	background: transparent;
}

#contentArea table th{
	font: 12px arial, sans-serif, verdana;
	background: #eeeeee;
	font-weight: 600;
}

#contentArea table tr:hover{
	background-color: #ca8dcb;
}


/* Floating Right Table for multi columnal layout */
.floatRightTable{
	float: right;
	margin-left: 20px;
	font: 12px arial, sans-serif, verdana;
	padding: 5px 5px 5px 15px;
	background: #ffffff;
}

.floatLeftTable{
	float:left;
	margin-right: 20px;
}

.titleHeading{
	font: 14px arial, sans-serif, verdana;
	color: #340E3A;
}


/* Navigation System */
#myNavigation{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	height: 20px;
	background: transparent;
	z-index: 32;
}

#myNavigation span{
	padding-right: 15px;
	font: 12pt arial, sans-serif, verdana;
	color: #000000;
}
#myNavigation span:hover{
	background-color: #8c6aaf;
	color: #ffffff;
}

html > body #myNavigation{
	position: fixed;
}

.tabmenu{
	border-left: 2px solid black;
	border-top: 2px solid black;
	border-right: 2px solid black;
}

/* Navigation Menus for each item group */
#membermenu{
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 20px;
  width: 150px;
  height: 50px;
  background: #ffffff;
  border: 1px solid black;
  display: block;
  z-index: 21;
}

#membermenu a{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
  display: block;
  padding-left: 5px;
}

#membermenu a.visited{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
}

#membermenu a:hover{
  background: #340E3A;
  color: #ffffff;
}

#groupsmenu{
  visibility: hidden;
  position: absolute;
  left: 85px;
  top: 20px;
  width: 150px;
  height: 40px;
  background: #ffffff;
  border: 1px solid black;
  display: block;
  z-index: 21;
}

#groupsmenu a{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
  display: block;
  padding-left: 5px;
}

#groupsmenu a.visited{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
}

#groupsmenu a:hover{
  background: #340E3A;
  color: #ffffff;
}

#kidsmenu{
  visibility: hidden;
  position: absolute;
  left: 158px;
  top: 20px;
  width: 150px;
  height: 120px;
  background: #ffffff;
  border: 1px solid black;
  display: block;
  z-index: 21;
}

#kidsmenu a{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
  display: block;
  padding-left: 5px;
}

#kidsmenu a.visited{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
}

#kidsmenu a:hover{
  background: #340E3A;
  color: #ffffff;
}

#commsmenu{
  visibility: hidden;
  position: absolute;
  left: 265px;
  top: 20px;
  width: 150px;
  height: 50px;
  background: #ffffff;
  border: 1px solid black;
  display: block;
  z-index: 21;
}

#commsmenu a{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
  display: block;
  padding-left: 5px;
}

#commsmenu a.visited{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
}

#commsmenu a:hover{
  background: #340E3A;
  color: #ffffff;
}

#reportingmenu{
  visibility: hidden;
  position: absolute;
  left: 335px;
  top: 20px;
  width: 150px;
  height: 110px;
  background: #ffffff;
  border: 1px solid black;
  display: block;
  z-index: 21;
}

#reportingmenu a{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
  display: block;
  padding-left: 5px;
}

#reportingmenu a.visited{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
}

#reportingmenu a:hover{
  background: #340E3A;
  color: #ffffff;
}

#systemmenu{
  visibility: hidden;
  position: absolute;
  left: 425px;
  top: 20px;
  width: 160px;
  height: 200px;
  background: #ffffff;
  border: 1px solid black;
  display: block;
  z-index: 21;
}

#systemmenu a{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
  display: block;
  padding-left: 5px;
}

#systemmenu a.visited{
  font: 8pt arial, sans-serif, verdana;
  color: #000000;
  text-decoration: none;
}

#systemmenu a:hover{
  background: #340E3A;
  color: #ffffff;
}

/* Widget Area */
#widgetContainer{
	position: absolute;
	top: 60px;
	left: 84%;
	width: 16%;
	height: auto;
}

/* Footer Information */
#footerArea{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: #340E3A;
	font: 8pt arial, sans-serif, verdana;
	color: #ffffff;
	text-align: center;
	z-index: 35;
}
#footerArea a{
	color: #ffffff;
}
#footerArea a.visited{
	color: #ffffff;
}
html > body #footerArea{
	position: fixed;
}


/* Text Styles throughout */
.smalltext{
	font: 10pt arial, sans-serif, verdana;
}

.inputButtons{
	background: #7B2A87;
	height: 25px;
	width: 100px;
	display: block;
	border: 1px solid #340E3A;
	color: #ffffff;
	font: 10pt arial, sans-serif, verdana;
	padding: 2px;
	text-decoration: none;
	text-align: center;
}

.inputButtons:active{
	background: #8c6aaf;
}

/* Boxes around elements */
.surroundBorder{
	background-color: transparent;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #666666;
	padding: 5px;
	
}

.purpleButton{
	background: #7B2A87;
	height: 25px;
	width: 80px;
	color: #ffffff;
	padding: 2px;
	border: 1px solid #340E3A;
	font: 10pt arial, sans-serif, verdana;
	text-decoration: none;
}

.purpleButton:hover{
	background: #8c6aaf;
}

/* field Set elements for forms */
fieldset{
	border: 1px solid #cccccc;
	margin-top: 16pt;
	padding: 10px;
	background: transparent;
}

legend{
	font: 10pt arial, verdana;
	color: #7B2A87;
	background: transparent;
}