*{ margin:0;
padding:0;
box-sizing:border-box;
}



body 	{
	background-color: #000000;
	background-image: url("picts-mobi/background-outer.jpg");
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	border: 0;
	}

/* NON-MENU LINKS */

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

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


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

body		{ color: #9AA0A8; font: 0.90em arial, helvetica, sans-serif; font-weight: normal; }

.title		{ color: #FFFFFF; font: 1.1em arial, helvetica, sans-serif; font-weight: bold; }

.subtitle	{ color: #FFFFFF; font: 1.1em arial, helvetica, sans-serif; font-weight: bold; }


/* PAGE WIDTHS HEIGHTS */
#main-content{text-align:center;}

.pagewidth		{ max-width: 750px;display:inline-block;}

.menupos { max-width: 750px; }



.contentdiv	{
		text-align: left;
		padding: 30px 50px 20px 50px;
		margin: 0 auto;
		}

.content-background 	{ background-color: #181B20; }

.content-border	    	{
			border: #343740 0px solid;
			border-width: 0px 0px 5px 0px;
			}

.tabht{height:600px}

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; }

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

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

/* BORDERS AND BARS */
.tabtop{width:100%;text-align:center;}

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

/* HEADER */

.header		{
		background-color: #0a0a0a;
		width: 100%;
		margin: 0px 0px 0px 0px;
	
		}

/* RESPONSIVE LOGO IMAGE - SEE MEDIA QUERIES AT BOTTOM */

.logoimage	{ width: 300px; height: 50px;  margin: 15px 0px 15px 0px; }


/* FOOTER */

.footerdiv	{
		color: #FFFFFF;
		font: 0.75em arial, sans-serif;
		text-align: center;
		padding: 8px 5px 8px 5px;
		margin: 10px 0px 10px 0px;
		background-color: #31343d;
		border: none ;
		border-width: 2px 2px 2px 2px;
  	/* CORNER ROUNDING */
		border-radius: 5px;
		}

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


/* FOOTER LINKS */

a.footerlink:link, a.footerlink:visited, a.footerlink:active 
			{ color: #C8F86A; text-decoration: none; }

a.footerlink:hover	{ color: #FFFFFF; text-decoration: none; }


/* LIST CODE */

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


/* SIDEBAR CODE */

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


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

/* IMAGES */

img 		{ border: 0; }

.iborders	{ border: #85A44A 2px solid; padding: 0px; margin: 2px; }

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


/* MAIN IMAGE */

.imagediv	{
		padding: 0px;
		margin: 0px auto 0px auto;
		border-top: 0px #343740;
		border-bottom: 0px #434753; 
		border-width: 15px 0px 15px 0px; 
		border-style:solid
		
		}
	

.main-image	{
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 0px auto;
		}

.imagediv, img.main-image 
		{
		
		}

/* HIDE MENU AND ITEMS FOR PRINTING */

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

/* MENU CODE */

#menudiv		{
				padding: 3px 2px 6px 2px;
			margin: 0px 0px 0px 0px; 
			border: #999999 0px solid;
			border-width: 0px 0px 0px 0px; 
			}


#menunav, #menunav ul 	{
			width: 100%;
			list-style: none;
			padding: 0px;
			margin: 0px;
			}

/* MENU WIDTH, PADDING, FONT FACE & COLOR */

#menunav a 		{
			color: #FFFFFF;
			font: 0.85em arial, sans-serif;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			padding: 7px 4px 7px 4px;
			width: 77px;
			display: block;
			cursor: pointer;
			}

/* MENU BACKROUND, BORDER & MARGINS */

#menunav li 		{
			background-color: #31343d;
			background-repeat:repeat-x;
			display: inline-block;
    			*display:inline;/* For IE*/
    			*zoom:1;
			padding: 0px;
			margin: 2px 2px 2px 2px;
	/* MENU FADE UP */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s;
			border: none ;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
			}

/* MENU HOVER FONT COLOR */

#menunav li a:hover 
			{
			color: #FFFFFF;
			text-decoration: none;
			cursor: pointer;
			}

/* MENU HOVER BACKGROUND AND BORDER */

#menunav li:hover 
			{
			background-color: #000000;
			border: none ;
			}


/***************
START Media Queries - RESPONSIVE FOR SMALLER MOBILE SCREENS
                      CLASSES HERE CAN ALSO BE FOUND IN THE style.css
***************/
@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{

#contentdiv	{ padding: 10px 10px 10px 10px; height:100% }

.title		{ font-size: 1.05em; font-weight: bold; }

.logoimage	{ width: 200px; height: auto; margin: 2px 0px 2px 0px; }
.contentdiv	{
		
		padding: 30px 10px 20px 10px;
	
		}

	}
	
@media only screen and (min-width: 0px) and (max-width:176px) and (orientation: portrait) {

.logoimage	{ width: 150px; height: auto; margin: 2px 0px 2px 0px; }
.contentdiv	{
		
		padding: 30px 10px 20px 10px;
	
		}

}	
/***************
END Media Queries
***************/