@charset "utf-8";
/* Menu styles for menutest */

body {
	max-width: 1000px;
	min-width: 200px;
	text-align:center;
	margin: 0px auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}
/* Header ------------------------------------------------------------- */
#header {
	position:relative; /* The base position for Menus */
	width:100%;
	height:auto;
}
#headerWide img{
	width:100%;
}
#headerNarrow{
	display:none;
}
/* Content area -------------------------------------------------------- */
#contentArea {
	height:720px;
}
/* Column structure ---------------------------------------------------- */
.column {
}
.sideBar {
}
.mainColumn {
	float:left;
}
#leftColumn {
	float:left;
	width:20%;
}
#mainColumnWide {
	width:100%;
}
#mainColumnNormal {
	width:80%;
}
#mainColumnNarrow {
	width:50%;
}
#rightColumn {
	float:right;
	width:30%;
}
.columnBackground {
	position: relative;
	z-index:1;
	/*	z-index:-1;
*/	height:0px;
	padding-left:6px;
}
.columnBackground img {
	width:100%;
	height:695px; /* Has to be set the same as the columns height */
}
#mainColumnHeader {
	position:relative;
	z-index:10;
	height:0px;
}
/* Front Page ----------------------------------------------------------- */
.w100 {
	width:100%;
}
.w50 {
	width:50%;
}
.w67 {
	width:67%;
}
.w33 {
	width:33%;
}
.fPColumn {
	float:left;
	padding:5px;
}
.fPColumn img{
	width:100%;
	height:auto;
}
.fPColumn .title {
	margin-bottom:3px;
}
.fPColumn button{
	width:100%;
	margin-bottom:10px;
	padding:0px;
}
.fPColumn #showIntro, .fPColumn #mainInfoBox{
/*	height:400px !important;
*/}
#fpMainInfobox Button{
	max-width:560px;
	height:auto;
	border:none;
}
#fpMainInfobox{
	text-align:center;
}
.fPColumn #breedImg{
	height:200px !important;
}
.fPColumn #calendar{
	height:180px !important;
}
.fPColumn #news{
	overflow:hidden !important;
	max-height:230px;
}
.fPColumn #assocIntro{
}

.fPColumn #magazineInsert button{
	width:80%;
}
.fPColumn #magazineInsert img{
}

/* Footer ------------------------------------------------------------- */
#footer {
	width:100%;
	height:auto;
	margin:0px auto;
	vertical-align:middle;
}
#footer .left {
	width:25%;
	float:left;
	text-align:left;
	padding:5px;
}
#footer .center {
	width:50%;
	float:left;
	text-align:center;
}
#footer .right {
	width:25%;
	float:right;
	padding-right:5px;
	padding-top:10px;
	text-align:right;
}
#footer img{
	width:auto;
}
/* Defaults for all panes ------------------------------------------------- */
.pane {
	margin-top:5px;
}
#contentArea .pane {
	position:relative; /* To place panes in the content area on the top of the columns background image */
	z-index:2;
	overflow:auto;
	width:98%; /* Adjust with scroll bars */
	height:675px;
	padding:15px;
}
#contentArea #rightColumn .pane {
	width:93%; /* Adjust with scroll bars */
	margin:0px auto;
	margin-top:5px;
	padding-top:0px;
}
#contentArea .reducedPane {
	margin-top:60px;
	height:615px;
}

/* Fronpage panes */
#contentArea .fPane{
	width: auto;
}

/* iframes ----------------------------------------------------------------- */
.pane .iframe {
	position:relative; /* This is needed since <iframe> is postioned absolut */
	height:650px;
	width:100%;
	overflow: auto;
	text-align:left;
}
/* Menus ------------------------------------------------------------------- */
/* Defaults for all menus -------------------------------------------------- */
.menu {
}
.menu button {
	white-space: normal;  /* Wraps the button text if needed */
	height:auto;
}
.menu .selectedCmdButton {
}
.menu img {
	width:auto; /* Prevent scaling */
}
/* Main menu --------------------------------------------------------------- */
#mainMenu {
	margin:10px;/*	position:absolute;  z-index:20; width: 100%; height:0px;
	bottom:35px;
*/
}
#mainMenu button {
	width:16%;
	min-width:120px;
	height:auto;
	margin-right:4px;
	margin-top:4px;
}
#mainMenu .selectedCmdButton {
}
/* Defaults for all submenus ----------------------------------------------- */
.subMenu {
	width:95%;
	margin:0px auto;
}
.subMenu .title {
}
.subMenu button {
	width:90%;
	margin-top:5px;
}
.subMenu .selectedCmdButton {
}
/* Defaults for all sub2menus ---------------------------------------------- */
.sub2Menu {
	margin-top:5px;
}
.sub2Menu .title {
}
.sub2Menu button {
	margin-top:0px;
}
.sub2Menu .selectedCmdButton {
}
/* Defaults for all sub2menus ---------------------------------------------- */
.sub3Menu {
}
.sub3Menu .title {
}
.sub3Menu button {
	margin-top:10px;
	max-width:20%;
	vertical-align: top;
}
.sub3Menu .selectedCmdButton {
}
/* yearMenu ------------------------------------------------------------------*/
.yearMenu {
	width:85%;
	margin:0px auto;
	padding:0px;
}
.yearMenu button, .newsPageMenu button {
	max-width:40px;
	margin-top:3px;
}
/* Leftside menu ----------------------------------------------------------- */
#leftMenu {
}
#leftMenu .title {
}
#leftMenu button {
}
#leftMenu .selectedCmdButton {
}
/* Rightside menu ----------------------------------------------------------- */
#rightMenu {
}
#rightMenu .title {
}
#rightMenu button {
}
#rightMenu .selectedCmdButton {
}
/* Floating ------------------------------------------------------------------ */
#onTop {
	position: relative;
	height:0px;
	width:0px;
	z-index:10;
	top:400px;
	left:450px;
}
/* Tables -------------------------------------------------------------------- */
.table {
}
.table .title {
}
#testTable .column_text input {
	width:30px;
}
#dbTestTable .column_graph {
	text-align:left;
}
#dbTestTable .column_id {
	text-align: center;
	width:50px;
}
/* Hide when wide screen  ------------------------------------------------- */
.altLocation {
	display:none;
}
.originalLocation {
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
/* Hide when wide narrow  ------------------------------------------------- */
.originalLocation {
	display:none;
}
.altLocation {
	display:inherit;
}
#background img {
	height:2000px;
}
#headerWide {
	display:none;
}
#headerNarrow {
	display:inline;
}
.columnBackground {
	display:none;
}
#mainColumnHeader {
	position: static;
	height: auto;
}
.sub3Menu button {
	max-width:100% !important;
}
#mainPane, #rightPane {
	border:#FFF thin solid;
	width:100%;
}
.column, fPColumn {
	height:auto;
	width:100% !important;
	margin:0px auto;
}
#contentArea {
	height:auto;
}
#contentArea .pane {
	height:auto;
	padding:0px;
}
#contentArea .pane .iframe {
	overflow:visible;
}
.altLocation .iframe{
	height:auto;
	padding-bottom:100%;
}
.altLocation iframe{
	position:absolute;
}
#contentArea .reducedPane {
	margin-top:5px;
}
.fPColumn #showIntro, .fPColumn #mainInfoBox{
	height:auto !important;
}
#mainMenu {
	position:static;
	height:auto;
}
#mainMenu button {
	width:24%;
}
.yearMenu{
	width:100%;
}
.yearMenu button, .newsPageMenu button {
	max-width:50px;
}
.keepOpen {
	display:none; /* Controls whether the elements which are forced to be open with 'keepOpen' are shown or not*/
}
#footer {
}
#footer .left {
	width:100%;
}
#footer .center {
	width:100%;
}
#footer .right, #footer .left {
	width:100%;
	padding-top:5px;
	text-align: center;
}
#footer .right img {
}
/* Front Page ----------------------------------------------------------- */
.fPColumn #news{
	max-height:400px !important;
}
.fPColumn #showIntro{
	height:auto !important;
}
.fPColumn #magazineInsert button{
	width:auto;
}

}