/* main.css */
/* stylesheet for Østfoldgjengens website */


/***** REDEFINITION OF HTML-TAGS *************************************************/
BODY{
  	background-color: #E3FFE3;
	margin: 0;
}
BODY, P, DD, TD{
	font-family: "Verdana", "Geneva", "Arial", sans-serif;
	/*color: black;*/
	color: #303030;
 	text-align: left;
 	font-weight: normal;
 	font-size: 10pt;	
}

table, th, tr, td{
	border-style: none;
	/*border-width: 1px;
	border-color: #C0C0C0;*/
}
/* needed to get table headings centered in Firefox, Netscape, ...  */
th{
	text-align: center;
	font-weight: bold;
	font-size: 12pt;
}
td{
	padding-left: 10px;
	padding-right: 10px;
}

/* DL, DT, DD, used for listing on page "acronyms" (popup)*/
dt{
	font-size: 12pt;
}
br{
	line-height: 12px;
}

A:LINK, A:VISITED, A:HOVER, A:ACTIVE{
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
A:LINK{
	color: #004000;
}
A:VISITED{
	color: #004000;
}
A:HOVER{
	color: #e35e20;
	text-decoration: underline;
}
A:ACTIVE{
	color: #e35e20;
}
/***** END REDEFINITION OF HTML-TAGS *********************************************/



/***** SITE HEADING CLASS **************************************************************/
/* Top heading for all pages */
.siteHeading{
  	padding-top: 15px;
  	padding-left: 30px;
  	padding-bottom: 5px;
  	/* Winter decoration */
  	/* background-image: url('../images/seasons/winter/fallingsnow_1.gif'); */
}
.fullWidth{
  	width: 100%;
}
/***** END SITE HEADING CLASS **********************************************************/

/***** MENU CLASSES **************************************************************/
/* The left column of all pages */
.menuAndMainContentTable{
}
.menuCell{
	font-family: "Verdana", "Geneva", "Arial", sans-serif;
	font-size: 10pt;
	vertical-align: top;
  	padding-left: 20px;
  	padding-top: 30px;
  	/* Winter decoration */
  	/* background-image: url('../images/seasons/winter/fallingsnow_1.gif'); */
}
.menuCell A:LINK, A:VISITED, A:HOVER, A:ACTIVE{
	background-color: transparent;
}
.menuIndent0{ 
	margin-left: 0px;
	height: 40px;
}
.nyImage{
	vertical-align: bottom;
}
.newCommentImage{
	margin-left: 15px;
	vertical-align: bottom;
}
/***** END MENU CLASSES **************************************************************/

/***** MAIN CONTENT CLASS **************************************************************/
/* The part of the page that is different from the other pages*/
.mainCell{
	background-image: url('../images/logo_page_background.gif');
	background-position: center;
	/*background-repeat: no-repeat;*/
	background-color: #ffffff;
	border-style:solid none solid none;
  	border-width:2px;
  	border-right-width:0px;
  	border-color: #005500;
  	padding-left: 25px;
  	padding-right: 15px;
  	padding-top: 10px;
  	padding-bottom: 20px;
}
/***** END MAIN CONTENT CLASS **********************************************************/

/***** RIGHT MARGIN COLUMN CLASS *******************************************************/
.rightMarginColumn{
	width: 100px;
	/* Spring decoration */
	background-image: url('../images/seasons/spring/spring_border.gif');
	/* Fall decoration */
	/* background-image: url('../images/seasons/fall/fall_border.gif'); */
	/* Winter decoration */
	/* background-image: url('../images/seasons/winter/fallingsnow_1.gif'); */
	/* background-repeat: repeat; */
	/* Christmas decoration */
	/* background-image: url('../images/seasons/xmas/xmas_border.gif'); */
	/* background-position: top center; */
}
/***** END RIGHT MARGIN COLUMN CLASS ***************************************************/



/***** FONT CLASSES **************************************************************/
/* */
.verdana48{
	font-size: 48pt;
}
.verdana40{
	font-size: 40pt;
}
.verdana32{
	font-size: 32pt;
}
.verdana28{
	font-size: 28pt;
}
.verdana24{
	font-size: 24pt;
}
.verdana20{
	font-size: 20pt;
}
.verdana18{
	font-size: 18pt;
}
.verdana16{
	font-size: 16pt;
}
.verdana14{
	font-size: 14pt;
}
.verdana12{
	font-size: 12pt;
}
.verdana10{
	font-size: 10pt;
}
.verdana8{
	font-size: 8pt;
}

.cs44{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 44pt; /* Same size as veryLargePartyText*/
}
.cs34{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 34pt; /* Same size as largePartyText*/
}
.cs20{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 20pt; /* Same size as mediumPartyText*/
}
.cs14{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 14pt; /* Same size as smallPartyText*/
}
.cs12{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 12pt;
}
.cs11{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 11pt; /* Same size as tinyPartyText*/
}
.cs10{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 10pt; /* Same size as tinyPartyText*/
}
/***** END FONT CLASSES **********************************************************/


/***** MESSAGE SERVICE CLASSES ***************************************************/
/* */
.messageForm{
	display: none;
}
.inputMessageSender{
	margin-left: 3px;
}
.commentForm{
	display: none;
}
.message{
	border-style:solid none solid none;
  	border-width:1px;
  	border-right-width:0px;
  	border-color: #005500;
}
.allComments{
	display: none;
}
.keepWhitespace{
	white-space: pre;
}
/***** END MESSAGE SERVICE CLASSES **************************************/

/***** FRAME CLASSES ****************************************************/
/* Used on <fieldset>*/
.greenBox{
	border-style: solid;
  	padding: 15px;
  	border-color: #005500;
}
.tightGreenBox{
	border-style: solid;
  	padding: 6px;
  	border-color: #005500;
}
.lightGreenBox{
	border-style: solid;
  	padding: 15px;
  	border-color: #E3FFE3;
}
.tightLightGreenBox{
	border-style: solid;
  	padding: 6px;
  	border-color: #E3FFE3;
}
.redBox{
	border-style: solid;
  	padding: 15px;
  	border-color: red;
}
.tightRedBox{
	border-style: solid;
  	padding: 6px;
  	border-color: red;
}
.yellowBox{
	border-style: solid;
  	padding: 15px;
  	border-color: yellow;
}
.tightYellowBox{
	border-style: solid;
  	padding: 6px;
  	border-color: yellow;
}
.blackBox{
	border-style: solid;
  	padding: 15px;
  	border-color: black;
}
.tightBlackBox{
	border-style: solid;
  	padding: 6px;
  	border-color: black;
}
.purpleBox{
	border-style: solid;
  	padding: 15px;
  	border-color: purple;
}
.tightPurpleBox{
	border-style: solid;
  	padding: 6px;
  	border-color: purple;
}
.orangeBox{
	border-style: solid;
  	padding: 15px;
  	border-color: #FF6600;
}
.tightOrangeBox{
	border-style: solid;
  	padding: 6px;
  	border-color: #FF6600;
}


.box1{
	border-width: 1px;
}
.box2{
	border-width: 2px;
}
.box3{
	border-width: 3px;
}
.box4{
	border-width: 4px;
}
.messServWidth{
	width: 630px;
}
/***** END FRAME CLASSES **********************************************************/


/***** TABLE AND TABLE CELL CLASSES ****************************************************/
/* Used for "business cards" */
.cards{
	border-style: none;
	padding-top: 10px;
	color: #303030;
}
.cardsTD{
	border-style: none;
	vertical-align: top;
	color: #303030;
	font-size:10pt;
	padding-top: 12px;
}

/* Used for yearly program */
.program{
	border-style: none;
	padding-top: 10px;
	color: #303030;
}
.programDateTD{
	font-weight: bold;
	border-style: none;
	vertical-align: top;
	color: #303030;
	font-size:10pt;
	padding-top: 12px;
	width: 130px;
}
.programEventTD{
	border-style: none;
	vertical-align: bottom;
	color: #303030;
	font-size:10pt;
	padding-top: 12px;
}

/***** Used for link page *************************************************/
.linkTable{
	border-style: none; 	
	padding-top: 10px;
	color: #303030;
}
.linkLogo{
	border-style: none;
	vertical-align: middle;
	padding-top: 12px;
	width: 80px;
}
/* Images are saved with longeste side = 100px */
.linkImageHori{
	vertical-align: middle;
	width: 80px;
}
.linkImageVert{
	vertical-align: middle;
	height: 80px;
}
.linkText{
	border-style: none;
	vertical-align: middle;
	padding-top: 12px;
	color: #303030;
	font-size:10pt;
	width: 400px;
}
.linkImage{
	text-align: center;
	vertical-align: bottom;
	width: 200px;
}
.linkImageText{
	text-align: center;
	vertical-align: top;
}
/**********************************************************************************/


/***** Used for obidience trial adds **********************************************/
.obidienceAddTable{ 	
	border-style: none;
	padding-top: 10px;
	color: #303030;
}
.obidienceAddCell{
	border-style: none;
	padding-top: 12px;
}
/**********************************************************************************/

/***** Used for showing obidience trial results **********************************************/
.obidienceResultsTable{ 	
	border-style: solid;
	border-width: 1px;
	border-color: #969696;
}
.obidienceResultsCell{
	border-style: solid;
	border-width: 1px;
	border-color: #969696;
}
/**********************************************************************************/


/* Used for invitations to parties */
.tinyPartyText{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 10pt;
	text-align: center;
	border-style: none;
}
.smallerPartyText{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 12pt;
	text-align: center;
	border-style: none;
}
.smallPartyText{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 14pt;
	text-align: center;
	border-style: none;
}
.mediumPartyText{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 20pt;
	text-align: center;
	border-style: none;
}
.largePartyText{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 34pt;
	text-align: center;
	border-style: none;
}
.veryLargePartyText{
	font-family: "Comic Sans MS", "Century Cothic", "Mangal", sans-serif;
	font-size: 44pt;
	text-align: center;
	border-style: none;
}
.line100{
	line-height: 100px;
}
.xmasBorder{
	height: 47px;
	border-style: none;
	background-image:url(http://gjengen.bluekerry.net/images/seasons/xmas/xmas_border_2.jpg)
}
.partyBorder{
	height: 50px;
	border-style: none;
	background-image:url(http://gjengen.bluekerry.net/images/party/border_party.jpg)
}
.noBackground{
	background-image: none;
}
/***** END TABLE AND TABLE CELL CLASSES ************************************************/

/**********************************************************************************/

/* Used for invitations to parties */
.tinyXmasText{
	font-family: "Monotype Corsiva", serif;
	font-size: 16pt;
	text-align: center;
	border-style: none;
}
.smallXmasText{
	font-family: "Monotype Corsiva", serif;
	font-size: 20pt;
	text-align: center;
	border-style: none;
}
.mediumXmasText{
	font-family: "Monotype Corsiva", serif;
	font-size: 28pt;
	text-align: center;
	border-style: none;
}
.largeXmasText{
	font-family: "Monotype Corsiva", serif;
	font-size: 40pt;
	text-align: center;
	border-style: none;
}
.veryLargeXmasText{
	font-family: "Monotype Corsiva", serif;
	font-size: 80pt;
	text-align: center;
	border-style: none;
}
/**********************************************************************************/


/***** DIV CLASSES *********************************************************************/
/* Used for centering images on page (using <p> or <div>) */
.centered{
	text-align: center;
}
/* Used for centering text */
.centeredText{
	text-align: center;
}
.noMarPad{
	padding: 0px;
	margin: 0px;
}
.greenThinFrame{
	border-style: solid;
  	border-width: 2px;
  	padding: 15px;
  	border-color: #005500;
}
.redThinFrame{
	border-style: solid;
  	border-width: 2px;
  	padding: 15px;
  	border-color: #FF0000;
}
/***** END DIV CLASSES *****************************************************************/


/***** MAIN FOOTER CLASS ***************************************************************/
/* Footer on the bottom of pages; update, author, ... */
.mainFooter{
   padding-top: 20px;
   padding-bottom: 25px;
   /* Winter decoration */
   /* background-image: url('../images/seasons/winter/fallingsnow_1.gif'); */
}
.mainFooter table, tr, td, img{
	border-style: none;
   font-family: "Verdana", "Geneva", "Arial", sans-serif;
   font-weight: normal;
   color:#303030;
}
.updateFooter{
	width: 230px;
}
.validateFooter{
   text-align: right;
   width: 90px;
}
/***** END MAIN FOOTER CLASS **************************************************************/