/***************************************************
Grosse-Īle 021/023
***************************************************/
body

{
background-color: #552222;
}

div.center h1
{
background-color: #333333;
margin: 8px 8px 0px 8px !important;
/*padding: 8px !important;*/
text-align: center;
border: 2px solid #333333;
display: block;
}

{
div.center h1 a 
color: #ffffff;
}

div.center h1 a span.normalFont
{
font-weight: normal;
font-size: 0.9em;
}

/*************Center Image use only if image is not aloud in banner******************/

div.header-img 
{
/*width: auto;*/
padding: 0;
margin: 0em 0 0.5em 0;
}

div.center div.header-img 
{
text-align: center;
}

/************* LEFT MENU **************/
/* Top grey border */

ul.nav 
{
width: 100%;
background-color: #000;
}

ul.nav li 
{
background-color: #ccc;
border: none;
margin: 0;
padding: 0;
display: block;
}

ul.nav li.top-border a, ul.nav li.top-border span 
{
border-bottom: 1px dashed #fff;
}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited
{
background-color: #99cccc;
border-bottom: 1px dashed #fff;
margin: 0;
padding: 10px 10px 10px 10px;
color: #000000;
}

ul.nav li a.menulink:hover {
background-color: #ccffff;
border-bottom: 1px dashed #fff;
border-right: 0;
margin: 0;
padding: 10px 10px 10px 10px;
color: #000000;
}


ul.nav li span.on-state {
display: block;
background-color: #ccffff;
border-bottom: 1px dashed #fff;
margin: 0;
padding: 10px 10px 10px 10px;
color: #000000;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited
{
display: block;
background-color: #ccffff;
color: #000000;
border-bottom: 1px dashed #fff;
margin: 0;
padding: 10px 10px 10px 10px;
}

/************* LEFT MENU - SUB-MENU CLASSES ***************/


ul.nav3
{
width: auto;
margin: 0;
padding: 0;
background-color: color: #000000;
}


ul.nav3 li
{
margin: 0;
padding: 0;
display: inline;
font-size: .85em;
border-top-style: none;
border-right-style: none;
border-left-style: none;
width: 125px;
}

ul.nav3 li span.on-state
{
display: block;
border-bottom: 1px dashed #fff;
padding: 7px 4px 7px 20px;
margin: 0px;
background-color: #ccffff;
}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited
{
background-color: #ccffff;
border-bottom: 1px dashed #fff;
padding: 7px 4px 7px 20px;
margin: 0; 
}

ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited
{
background-color: #99cccc;
display: block;
margin:  0;
padding: 7px 4px 7px 20px;
border-bottom: 1px dashed #fff;
width: 125px;
}

ul.nav3 li a.menulink:hover
{
background-color: #ccffff;
border-bottom: 1px dashed #fff;
margin: 0;
padding: 7px 4px 7px 20px;
}

/*************RIGHT SIDE IMAGE ***************/

div.right-navigation-image
{
width: 100%;
margin: 0;
padding: 0;
background-color: #333333;
color: #fff;
}

div.image-container
{
width: 195px;
margin: 0 auto;
padding: 0 0 20px 0;
}

div.image-container p
{
font-size: 0.85em;
padding: 0;
margin: 2px 0 10px 10px;
}

div.image-container a, div.image-container a:link, div.image-container a:visited, div.image-container a:hover, div.image-container a
{
color: #fff;
}

div.image-container img
{
border-bottom: 2px solid #fff;
margin: 0;
padding: 0;
}

/*************IMAGE LEFT SIDE BOTTOM IMAGE ***************/


li#bottomleft
{
width: 150px;
height: 233px;
float: left;
padding: 0;
margin: 0;
border: 0;
}

/*IMAGES FOR THE GALLERY PAGES*/


div.gallery-container {
width: auto;
margin-left: 1.2em;
display: table;
margin-bottom: 1.5em;
}

/*Page test 1002 - IMAGES*/


.genapp_results_count_navigation {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 15px;  /* top, right, bottom, left  */
	width: 400px;
/*	border: 1px solid purple; */  
}

div.gallery-image-container 
{
width: 168px;
height: 360px;
margin: 4px 4px 4px 4px;
padding: 0px 4px 0px 0px;
background-color: #fff;
float: left;
text-align: center;
border: 3px solid #99cccc;
}



div.gallery-image-container p

{
text-align: left;
font-size: 0.85em;
padding-left: 10px;
padding-right: 10px;
}


/*FOR CAPTIONS AND SOURCE LINKS - IMAGES*/

span.source-image {
font-size: 0.85em;
margin-bottom: 0;
padding-top: 0;
}

p.caption {
font-size: 0.85em;
margin-top: 0;
padding-top: 0;
}


/**************FOR BOTTOM LINKS****************/

p.bottom-link

{
font-size: 0.85em;
text-align: center;
padding-left: 0.5em;
padding-right: 0.5em;
}

p.bottom-link, span.bottom-link-on-state

{
color: #000;
font-weight: bold;
background-color: transparent;
}


p.bottom-link a:link, p.bottom-link a:visited, p.bottom-link a:hover, p.bottom-link a:active, p.bottom-link span.bottom-link-on-state

{
color: #000;
font-weight: bold;
}


p.bottom-link a:hover
{
text-decoration: none;
}

/**************H3 GALLERY HEADER GALLERY PAGES****************/

h3.gallery
{
padding-bottom: 5px;
}

/*FOR NUMERICAL PAGE NAVIGATION*/

div.page-navigation  {
	font-size: 0.85em;
	text-align: right;
	padding: 10px 35px 10px 0px;
			
}

span.activity

{
	font-size: 1.10em;
	text-align: right;
	
}

/*IMAGES FOR RIGHT OF MAIN PAGES*/

div.right-image
{
width: 165px;
float: right;
margin-top: 10px;
margin-left: 10px;
background-color: #fff;
}

p.caption-right
{
font-size: 0.85em;
padding-left: 0px;
padding-top: 3px;
padding-bottom: 3px;
}


div.img-container

{
width: auto;
margin-bottom: 15px;
}

/*DISPLAY FOR TEXT PAGE 2300*/

div.row 
{
float: center;
text-align: center;
margin-left: 0px; 
padding: 5; 
width: 95%;
}



/*GENERAL CLASSES FOR GENAPP*/

.genapp_top_link_navigation {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 730px;
	clear: left;
	padding: 5px 0px 5px 0px;  /* top, right, bottom, left  */
/*	border: 1px solid green; */     
}

.genapp_hr {
	width: 725px;
	clear: left;
	padding: 5px 0px 0px 15px;  /* top, right, bottom, left  */
}

/*END OF GENERAL CLASSES FOR GENAPP*/

/*CLASSES FOR ITEM DISPLAY PAGE*/

.genapp_item_display_container {
   width: 730px;
   display: table;
   padding: 5px 0px 5px 15px;  /* top, right, bottom, left  */
/* border: 1px solid purple; */ 
}

.genapp_item_display_label {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 200px;
	float: left;
	padding: 0px 0px 0px 0px;  /* top, right, bottom, left  */
/*  border: 1px solid silver;  */   
}

.genapp_item_display_data {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	width: 450px;
	float: left;
	padding: 0px 0px 0px 0px;  /* top, right, bottom, left  */
/*  border: 1px solid yellow; */
}

/*END OF CLASSES FOR ITEM DISPLAY PAGE*/


/*CLASSES FOR IMAGE DISPLAY PAGE*/

.genapp_image_display_container {
   width: 730px;
   display: table;
   padding: 5px 0px 5px 15px;  /* top, right, bottom, left  */
/* border: 1px solid purple; */ 
}

.genapp_image_display_label {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    width: 730px;
	float: left;
	padding: 0px 0px 0px 0px;  /* top, right, bottom, left  */
/*  border: 1px solid silver;  */   
}

.genapp_image_display_page_navigation {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 730px;
	display: table;
	padding: 5px 0px 0px 15px;  /* top, right, bottom, left  */
/*	border: 1px solid green; */     
}

.genapp_image_display_src {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 730px;
	display: table;
	padding: 5px 0px 0px 15px;  /* top, right, bottom, left  */
/*	border: 1px solid green; */     
}
/*END OF CLASSES FOR IMAGE DISPLAY PAGE*/


table.marginfix {
width: 100%;
margin: 10px 0 10px 0px;
padding: 0;

}


/*FOR ED RESOURCES*/

.boxContainer {
width: 90%;
border: 1px solid black;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
height: 400px;
}


.boxContainer2 {
width: 90%;
/*border-right: 1px solid black;*/
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
margin-left: auto;
margin-right: auto;
/*height: 200px;*/
display: table;
}



.box1 {
width: 49%;
float: left;
border-right: 1px solid black;
height: 200px;
}

.box2 {
width: 50%;
float: right;
height: 200px;

}

.boxContainer3 {
width: 90%;
/*border-top: 1px solid black;*/
/*border-right: none;*/
margin-left: auto;
margin-right: auto;
margin-top: 10px;
display: table;
}

.boxContainerRow {
width: 100%;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
margin: 0;
padding: 0;
display: table;
}

.borderTop {
border-top: 1px solid black;

}

.boxtitle1 {
width: 49%;
float: left;
border-right: 1px solid black;
text-align: center;
}

.boxtitle2 {
width: 50%;
/*border-right: 1px solid black;*/
/*float: right;*/
float: left;
text-align: center;
}

.box1a {
width: 49%;
float: left;
/*border-top: 1px solid black;*/
border-right: 1px solid black;
height: 200px;

}

.box2a {
width: 50%;
/*float: right;*/
float: left;
/*border-top: 1px solid black;*/
height: 200px;

}


.width60 {
	height: 50px;
}

.width30 {
	height: 50px;
}

/* containers on page 7000*/

div.row 
{
margin-left: 15px; 
padding: 5px; 
width: 95%;
}

div.cols1
{
float: left;
width: 25%;
margin: 5px 0 5px 0;
padding: 0;
text-align: left;
}

div.cols2
{
float: left;
width: 65%;
margin: 5px 0 5px 0;
padding: 0;
text-align: left;
}