body 	{
	background-color: #202020;
	background-image: url("picts-mobi/overlay.png");
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	border: 0;
	}

.flex-container > div {
  background-color: #C0C0C0;
  margin: 5px;
  padding: 0px;
  font-size: 20px;
}


/* NON-MENU LINKS */

a:link, a:visited, a:active	{ color: #0000FF; text-decoration: underline; }

a:hover				{ color: #FF0000; text-decoration: underline; }




/* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

body		{ color: #404040; font: 1.1em  calibri, arial, helvetica, sans-serif; font-weight: normal; }

.title		{ color: #202020; font: 1.6em calibri, helvetica, sans-serif; font-weight: normal; }

.title2		{ color: #202020; font: 1.3em calibri, helvetica, sans-serif; font-weight: normal; }

.subtitle	{ color: #202020; font: 1.0em calibri, arial, helvetica, sans-serif; font-weight: bold; }

.hilite		{ color: #FF0000; }


h1 {font-size:1.4em; color:#404040; margin:0 0 10px;}
h2 {font-size:1.3em; color:#404040; margin:0 0 10px;}
h3 {font-size:1.2em; color:#404040; margin:0 0 10px;}
h4 {font-size:1.1em; color:#404040; margin:0 0 10px;}
h5 {font-size:1.0em; color:#404040; margin:0 0 10px;}
h1,h2,h3,h4,h5 {font-family: Verdana, Arial, Tahoma, sans-serif; color:#404040; font-weight:400; line-height:1.4em;}




/* PAGE WIDTHS HEIGHTS */

.pageheight	{ height: 750px; }

.pagewidth	{ width: 100%; max-width: 1024px; }

#topnavdiv      {
		width: 100%;
		text-align: center;
		padding: 0px 0px 0px 0px;
		margin: 0 auto;
		}

#tfooterdiv      {
		width: 100%;
		text-align: center;
		padding: 0px 0px 0px 0px;
		margin: 0 auto;
		}


.pagediv	{
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		}

#contentdiv	{
		width: 94%;
		text-align: left;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}


#imagediv	{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}



#divid	{
		width: 94%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre1{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre2{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre3{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre4{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre5{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}
		
#imagedivcentre6{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre7{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre8{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre9{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre10{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre11{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre12{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

#imagedivcentre13{
		width: 98%;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}
		
#imagediv	{
		width: 98%;
		text-align: left;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}


img {
    max-width: 100%;
    height: auto;
}


div.thumbnails350 img {width:350px; margin:0 10px 10px 0; border-radius:6px;}
div.thumbnails img.last {margin-right:0;}


.headerimage img {border-radius:6px;}
.blockimage img {border-radius:6px;}
.blockimage6 img {border-radius:6px;}

.content-background	{
			background-color: #FFFFFF;
			background-image: url("");
			}

.outercontent	{
		width: 100%;
		border: #FF0000 1px solid;
		border-width: 1px 1px 0px 1px;
		}



/* ALIGNMENT */

table, tr, td	{ border-collapse:collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-middle	{ vertical-align: middle; }

.td-top		{ vertical-align: top; }

.center-div	{ margin-left: auto; margin-right: auto; }



/* Grid classes, fixed width, 960px with 12 columns */

.col {float:left; margin:0 5px; overflow:hidden; float:left; display:inline;}
.col img {max-width:100%;}
.row {width:960px; margin:0px auto 0; overflow:hidden;}
.row .row {margin:0 -10px; width:auto;	display:inline-block;}
.c1 {width:60px;}
.c2 {width:140px;}
.c3 {width:220px;}
.c4 {width:303px;}
.c5 {width:380px;}
.c6 {width:460px;}
.c7 {width:540px;}
.c8 {width:620px;}
.c9 {width:700px;}
.c10 {width:780px;}
.c11 {width:860px;}
.c12 {width:940px;}


@media only screen and (max-width : 960px){
#layout, body.wider #layout {width:auto; margin:0; padding:20px;}

.row {width:100%;}
.rowc {align:center;}
.col {margin:0 0 20px 0;}

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;}
}



/* BORDERS AND BARS */

.pagebartop	{
		clear:both;
		float: none;
		font-size: 0.1em;
		line-height: 1px;
		height: 1px;
		width: 100%;
		background-color: #404040;
		border: #FF4040 1px solid;
		border-width: 0px 0px 0px 0px;
		}

.pagebarmiddle	{
		font-size: 0.1em;
		height: 12px;
		width: 100%;
		background-color: #404040;
		border: #000000 0px solid;
		border-width: 0px 0px 0px 0px;
		}

.pagebarbottom	{
		font-size: 0.1em;
		height: 30px;
		background-color: #000000;
		background-image: url("picts-mobi/bottombar-BG.jpg");
		background-repeat: repeat-x;
		border: #FF4040 1px solid;
		border-width: 0px 1px 1px 1px;
		}

.page-splits	{
		font-size: 0.1em;
		line-height: 1px;
		border: #3D3D49 1px solid;
		background-color: #FFFFFF;
		color: #1A1D22;
		height: 1px;
		width: 99%;
		margin: 3px 0px 3px 0px;
		}




/* HEADER */

.header		{
		background-color: #000000;
		width: 100%;
		margin: 0px 0px 0px 0px;
		border-bottom: #000000 0px solid;
		}

.socialicons	{ padding-right: 2px; }

.socialtable 	{ margin: 0px 2px 0px auto; }


/* TOPNAV */

.topnav	{
		color: #C0C0C0;
		font: 1.10em calibri, arial, sans-serif;
		text-align: center;
		background-color: #000000;
		background-image: none;
		padding: 11px 0px 6px 0px;
		border: #593600 1px solid;
		border-width: 0px 0px 0px 0px;
		}


/* FOOTER */

.footer      	{
		color: #C0C0C0;
		font: 1.10em calibri, arial, sans-serif;
		text-align: center;
		background-color: #000000;
		background-image: none;
		padding: 11px 0px 6px 0px;
		border: #593600 1px solid;
		border-width: 0px 0px 0px 0px;
		}

.footericon	{ margin: 0px 0px 3px 0px; }




/* LIST CODE */

ul 		{ margin-top: 0px; margin-bottom: 0px; }
li 		{ color: #996600; }
li span 	{ color: #FFFFFF; }




/* SIDEBAR CODE */

.sidebar-left		{
			width: 0%; 
			background-color: #343740;
			background-image: url("picts-mobi/sidebar-BG.jpg");
			border-right: #343740 1px solid;
			}


.sidebar-right		{
			width: 0%;
			background-color: #343740;
			background-image: url("picts-mobi/sidebar-BG.jpg");
			border-left: #343740 1px solid;
			}




/* IMAGES */

img 		{ border: 0; }

.imagediv	{
		width: 100%;
		height: 60px;
		text-align: left;
		background-color: #000000;
		background-image: url("picts-mobi/main-image-BG.jpg");
		border: #000000 0px solid;
		margin: 0px 0px 0px 0px;
		}


.iborders	{ border: #343740 1px solid; padding: 0px; margin: 3px; }

.imagetext	{ color: #9AA0A8; font: 0.7em arial, sans-serif; }




/* HIDE MENU AND ITEMS FOR PRINTING */

@media print {
.printhide { display:none;}
}




/* MENU CODE */

#menudiv	{
		overflow: hidden;
		padding: 7px 2px 0px 2px;
		background-color: #000000;
		background-image: none;
		border: #999999 0px solid;
		}

.menu-spacer	{ clear: both; font-size: 1px; padding: 0px; height: 1px; margin: 0px; }

.menu		{
		font-family: calibri, trebuchet ms, arial, helvetica, sans-serif;
		font-size: 0.90em;
		font-weight: normal;
		width: 62px;
		float: left;
		cursor: pointer;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0px 0px 6px 2px;
		background-color: #212328;
		border: #212328 1px solid;
		background-image: url("picts-mobi/menu.jpg");
		}



a.menulink:link, a.menulink:visited, a.menulink:active	{ color: #E0CE57; text-decoration: none; font-weight: normal; }

a.menulink:hover				{ color: #FF0000; text-decoration: underline; font-weight: normal; }



/* PAGE WIDTHS HEIGHTS */

.pageheight	{ height: 750px; }

.pagewidth	{ width: 100%; max-width: 1024px; }

.pagediv	{
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		}

#contentdiv	{
		width: 95%;
		text-align: left;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}
		
		
    video
    {
      max-width: 100%;
      height: auto;
      max-height: 100%;
    }