/*CSS*/
body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CCCCCC;
	background-color: #000;
}

a img{
	border: 0px;

}

div#wrapper {
	margin:0 auto;
	padding:0;
	width:990px;
	background:url(images/mp-rep-full.jpg) repeat-y;
}


div#navtop {
	margin:0;
	padding:0;
	width:990px;
	float:right;
	z-index:1;
	height:66px;
	background:url(images/mp-nav-.jpg) no-repeat top center;
}


div#navtop ul  {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:23px 8px 25px 15px;
	float:right;
}

ul.inline li {
	margin:0px;
	padding:0 26px 0 0;
	display:inline;
	text-align:right;
}


div#navleft {
	margin:0;
	padding:0;
	width:224px;
	height:500px;
	float:left;
	background:url(images/mp-nav-b-left.jpg) no-repeat top center;
}

div#navleft ul {
	margin:0px;
	padding:65px 10px 25px 15px;
	text-align:left;
	float:left;
	list-style:none;
	line-height:32px;
}
	#navleft ul.submenu {
		padding: 0px;
		margin:0 0 0 200px;
		}

div#flash {
	margin:0;
	padding:0;
	width:990px;
	height:404px;
	float:left;
	background:url(images/mp-flash.jpg) no-repeat top center;
}

div#buffcontent {
	margin:0;
	padding:0;
	width:990px;
	height:17px;
	clear:both;
	background:url(images/mp-buff.jpg) no-repeat top center;
}


/*  *********************************************   CONTENT   *********************************************** */


div#contentwrapper {
	margin:0;
	padding:0;
	width:990px;
	float:left;
	background:url(images/mp-rep-full.jpg) repeat-y;
}


div#content {
	width:710px;
	float:left;
	text-align:left;
	background:url(images/mp-content.jpg) no-repeat top center;
	padding-left: 25px;
	margin: 0 0 0 13px;
	line-height: 1.4em;
	font-size: 12px;
}


#margin {
	padding: 0 30px 0 20px;
	width: 675px;
}
#margin h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight:100;
	color: #5498b4;
	line-height: 17px;
	padding: 10px 10px 10px 0px;
}

/*
div#content p {
	margin:0;
	color:#daf0f9;
	line-height:20px;
	text-align:left;
}
*/

div#thumbwrapper {
	margin:0;
	padding:0;
	width:766px;
	float:right;
}

/*  *********************************************   PHOTOS   *********************************************** */

.picborder {
	border: 1px solid; 
	border-color:#333333;
}

.picRight {
	border: 1px solid;
	border-color:#999999;
	float:right;
	margin-left:20px;
}
.picRight2 {
	border: 1px solid; 
	border-color:#333333; 
	float:right; 
	margin-left:20px;
	margin-bottom:10px;
}
.picRight3 {
	border: 1px solid; 
	border-color:#333333; 
	float:right; 
	margin-left:20px;
	margin-bottom:10px;
	margin-right:10px;
}
.picRight4 {
	border: 1px solid; 
	border-color:#333333; 
	float:right; 
	margin-left:20px;
	margin-bottom:20px;
	margin-right:320px;
	margin-top:-5px
}
.picRightnoborder {
	float:right; 
	margin-left:20px;
}

.picLeftnoborder {
	float:left; 
	margin-right:20px;
}
.picLeft {
	border: 1px solid #1E4554;
	float:left;
	margin-right:20px;
}

.picLeft2 {
	border: 1px solid;
	border-color:#333333;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}

.picLeft3 {
	border: 1px solid;
	border-color:#333333;
	float:left;
	margin-right:10px;
	margin-bottom:0px;
	margin-left:50px;
}

/*  *********************************************   FORM STYLES   *********************************************** */


.inputSelect {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	BORDER: 1px solid #6981AA;
	color: #333333;
	width:156px;
	background-color: #f4f4f4;
}
.inputComment {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	BORDER: 1px solid #6981AA;
	color: #333333;
	width:200px;
	background-color: #f4f4f4;
}

.inputButton {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	CURSOR: pointer;
	COLOR: #333;
	FONT-SIZE: 11px;
	width:120px;
	background-color: #ccc;
	border: 1px solid #333;
	padding: 3px;
}

.no-rep-x {
	background-repeat: repeat-x;
}
.no-rep-y {
	background-repeat: repeat-y;
}


/*  *********************************************   LINKS   *********************************************** */


/*Link Text*/
H1 {
	font-family: Georgia, Times;
	font-size: 28px;
	font-weight:100;
	color: #5498b4;
	line-height: 17px;
	padding: 20px 10px 10px 10px;
}

H2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 17px;
}

H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
}
H4 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration:underline;
	line-height: 12px;
}

.footertext {
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #244d5e;
	text-decoration: none;
}


.nav {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #5e869d;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.nav:hover {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}


.navt {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.navt:hover {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

a {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #5288B8;
	text-decoration: none;
}

a:hover {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #f4f4f4;
	text-decoration: underline;
}



.link2 {
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	color: #5288B8;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.link2:hover {
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	color: #1F2831;
	text-decoration: underline;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#footer a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #5e869d;
	text-decoration: none;
}

#footer a:hover {
	font-size: 11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-weight: normal;
	color: #fff;
}

.link4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	color: #468BAC;
	text-decoration: none;
}

.link4:hover {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-weight: normal;
	color: #68A5C1;
}

.link5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	color: #468BAC;
	text-decoration:underline;
}

.link5:hover {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-weight: normal;
	color:#68A5C1;
	text-decoration:underline;
}
/* Link Styles Ends */

.button-text {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	font-weight: bold;
	color: #214285;
	text-decoration: none;
}

/* List Styles */

.list {
	list-style-image: url(images/arrow_01.gif);
	line-height: 1.5em;
}

/*  *********************************************   FOOTER   *********************************************** */


div#footerwrapper {
	margin:0;
	padding:0;
	width:990px;
	color:#000;
	float: left;
	clear:both;
	background:url(images/mp-footer-bg2.jpg);
	height: 350px;
	background-repeat: repeat-x;
}


ul#footer {
	margin:0;
	padding:25px 5px 10px 5px;
	list-style:none;
}

ul#footer li {
	display:inline;
	padding:10px 10px 10px 10px;
}

ul#footer li#homeli {
	padding:0 15px 0 0;
}


div#copyright {
	margin:0px auto 0px;
	padding:0px;
	text-align:center;
	color:#3D4063;
}

div#copyright img {
	margin-right:10px;
}


/* LINK STYLES FOR FOOTER */
.footerbg a:link, .footerbg a:visited {
	color:#D1BED1;
	text-decoration:none;
}

.footerbg a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}

.footerlink{
 font-family:Tahoma, Arial, Helvetica, sans-serif;
 color:#5e869d;
 font-size:11px;

}

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

/* HR Style */

hr {
	width: 80%;
	margin: 10px auto;
	text-align: center;
	border-bottom: 1px #373737 solid;
}

strong { 
color:#FFFFFF;
font-weight:bold;
}

.style1 {
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}

.style2 {
color: #468BAC;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;

}
div.bottom {
	clear: both;
	float: left;
	width: 766px;
	height: auto;
	}
	.bottom p {
		color: #8a5a12;
		float: left;
		padding: 300px;
		font-size: 13px;
		margin: 0px;
		font-weight:normal;
		}
	.bottom ul {
		margin: 0;
		padding: 5px 25px 10px 120px;
		float: left;
		list-style:disc;
		color:#468BAC;
		line-height: 20px;
		text-align:left;
		}
	.bottom a {
		color: #468BAC;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		}
	.bottom a:hover {
		color: #68A5C1;
		text-decoration: underline;
		font-family:Arial, Helvetica, sans-serif;
		}
		
		
	
div#bottom {
	clear: both;
	float: left;
	height: auto;
	}	
	#bottom p {
		color: #8a5a12;
		float: left;
		padding: 300px;
		font-size: 13px;
		margin: 0px;
		font-weight:normal;
		}
	#bottom ul {
		margin: 5px 5px 10px 120px;
		padding: 0px;
		float: left;
		list-style:disc;
		color:#468BAC;
		line-height: 20px;
		text-align:left;
		}
	#bottom a {
		color: #468BAC;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		}
	#bottom a:hover {
		color: #68A5C1;
		text-decoration: underline;
		font-family:Arial, Helvetica, sans-serif;
		}
		
		
	div#blist {
		float: left;
		width: 766px;
		margin-right: 30px;
}	

	div.tvpic{
		border: 1px solid;
		border-color:#333333;
		float:left;
		margin-right:10px;
		margin-bottom:0px;
}

div.magpic{
		border: 1px solid;
		border-color:#333333;
		float:left;
		margin-right:10px;
		margin-bottom:0px;
}
div.caption{
		padding: 0 0 15px 0;
		font-size: 10px;
		color: #5498B4;
		text-align:left;
}

div.caption2{
		padding: 0 0 15px 10px;
		font-size: 10px;
		color: #5498B4;
		text-align:left;
}

div.whatsup{
	margin-left:5px;
	padding:0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
div.caption3{
		padding: 0 0 15px 10px;
		font-size: 12px;
		color: #5498B4;
		text-align:center;
}

div.spacer{clear:both; height:10px; display:block;}

.bordered{
	border:5px solid #fff;
	float: right;
}
a img.bordered {
	border:5px solid #5288B8;
}
a:hover img.bordered {
	border: 5px solid #fff
}


.menu {
	width: 10em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.menu, .menu ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu, .menu ul li {
	color: #eee;
	background: #234;
}

.menu {
	width: 8em;
}

.menu ul {
	width: 11em;
}

.menu a {
	text-decoration: none;
	color: #eee;
	padding: .4em 1em;
	display: block;
}

.menu a:hover, .menu li:hover>a {
	color: #fc3;
}

.menu li {	/* create borders around each item */
	border: 1px solid #ccc;
}
.menu>li + li, .menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #567;
}
label.error {	color: red;	font-style: italic;	display: block;}