/* 
================================
Skin styles for DotNetNuke
================================
*/   



/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/ /*Set's border, padding and margin to 0 for all values*/



body, html {
color: #000; 
font-family: Arial, Tahoma, sans-serif;
background-color: #282525; 
text-align: center; /*** Centers the design in old IE versions ***/
height: 100%;
}
body {
font-size: 70%;
}
p {padding: 7px 0 7px 0;}

a {
color: #0000ff;
}
a:hover{
color: gold;
text-decoration: none;
}

h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }

#mainContainer {
width: 996px;
margin: 6 auto; /*** Centers the design ***/
min-height: 100%;
background:  url(/examples/three-column-100-bg.gif) repeat-y; /*** This is our faux columns ***/
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/**************************
HEADER
**************************/
.linkscontainer{padding: 2px 8px 2px 18px;
margin-left: 0px; background-color: gold;}


.links{padding-left: 12px;}

#header {

padding: 0px
}
#loginbg{background: url(imagesPage/SML_home_06-mid_AdL.jpg) no-repeat; width:146; height:190; padding-top: 105px;}
.legendname{  font-weight: bold; font-size: 1.3em;  text-align: center; color: white;}
.legenddates{  font-weight: bold; font-size: .8em;  color: red;}

.topmenus{height: 42px; width: 831; background: url(imagesPage/SML_page_news_19x.png) no-repeat; padding-top: 9px;}
.topmenus2{height: 34px; width: 831; background: black; }
.topmenus3{height: 42px; width: 631; background: white;}

.midadtop{background: url(imagesPage/SML_page_10.gif) repeat; width: 815px; height: 50px; padding: 6px 12px 0px 16px; font-size: .7em; text-align:left; line-height: 1em;}

#topMenu{background: url(images_v2/MBhome_3_10-leftmenutop.jpg) repeat; padding-left:12px; color: #888; height: 24px; width:217;}
.topmenu{background: #bbb; color: #888; padding: 4px 3px 0px 4px;}
.topmenu a:link{ color: red;  padding-top: 3px;}
.topmenu a:hover{ color: red; padding-top: 3px; }
.topmenu a:visited{ color: white; padding-top: 3px; }

.HtopR{background: url(imagesPage/SML_page_04.jpg) no-repeat; width: 364px;}

#topmenu_mb{background: #003366 url(images_v2/MBhome_3v2_16.jpg) no-repeat; height: 24px; width: 498px; color: white; font-size: 80%; font-weight: bold; padding-top: 3px;}

.topmenu_m{height: 24px; color: white; font-size: 74%; font-weight: bold; padding-top: 3px; border-left: 1px solid white}

.topmenu_m a:link{ color: white;  padding-top: 3px;}
.topmenu_m a:hover{ color: gold; padding-top: 3px; }
.topmenu_m a:visited{ color: white; padding-top: 3px; }


.topmenu2{background: #003366 url(images_v2/MBhome_3v2_16.jpg) no-repeat; height: 24px; width: 498px;}
.topIntro{color:white; padding-top:1px; height:25px; background:  url(images_v2/MBhome_3v2_13.gif) no-repeat;}
.topIntro2{color:white; padding-top:1px; height:25px; background: url(images_v2/MBhome_3v2_14.gif) no-repeat;}


.Lshadow{background: #003366 url(images_v2/MBhome_3_09-Lshadow.jpg) 0 0 repeat; width:13px;}
.Rshadow{background:  url(images_v2/MBhome_3_10-Rshadow.jpg) 0 0 repeat; width:13px;}


/**************************
CONTENT AND COLUMNS
**************************/
.clear{
height:40px;
clear:both;
width:100%;
margin:0;
margin-left:20px;
}

.pickit{
font-family:verdana, arial, sans-serif;
font-size:15px;
font-weight:normal;
color:#757575;
margin:1px 8px 0 0;
clear:none;
position:relative;
float:left;
}



/* --- Navbar Style --- */

.wrap{
position:relative;
top:0px;
left:0px; /*---- Moves whole menu ---*/
float:left;
width:828px;
height:25px;
background:none;
border:0px solid #f0f0f0;
padding-left:0px;
}

#nav {
	width: 828px;
	height: 28px;
	float: left;
	background: transparent;
	margin: 0px 0 0 0;
	z-index: 1;
	
}

.linksmenu{padding: 12px 0px 4px 20px; font-size:.8em; font-weight: bold; color: white; background: black; }
.linkscontainer{padding: 3px 0px 15px 15px; font-size:.8em; background:#FFCC00; border-left: 1px solid #999; line-height: 18px;}


.linkscontainer a:link{ color: #000066;  }
.linkscontainer a:hover{ color: red; }

.linkscontainermenu{padding: 3px 0px 15px 20px; font-size:.8em; background:#FFCC00; line-height: 18px;}
.linkscontainermenu a:link{ color: blue;  }
.linkscontainermenu a:hover{ color: red; }

.termsfooter{padding: 4px 20px 15px 20px; font-size:.8em; color: white; background: #999;}





/* -- Black Menu -- */
.menux {
	font-family: "Trebuchet MS", Arial, san-serif;
	width:868px;  /*---- Sets width of top menu ----*/
	height:25px;
	position:relative;
	font-size:11px;
	margin: 0;
	z-index:1000;

	
}
.menu ul li a {
	display:block;
	text-decoration:none;
	color:#f0f0f0;
	width:164px; 
	height:30px; 
	text-align:center;
	border-bottom: 0;
	background-image:url('images/black/center.png');
	line-height:30px; 
	font-size:15px; 
	font-weight: bold;
	overflow:hidden;
	padding-right:0px;
	list-style-type: none;
}
/* End Caps Styling .menu .left_nosub {
	background-image:url('images/black/left.png');
	padding-left: 1px;
	margin-right: -1px;

}
.menu .right_hassub {
	background-image:url('images/black/right.png');
}
.menu .right_nosub {
	background-image:url('images/black/right.png');
}
*/
.center_nosub{padding-left: 8px; text-align:left; background-image:url('images/black/center.png'); 
	width:160px;  font-weight: bold; font-size:.8em;  }
	
.center_nosub2{padding-left: 6px; text-align:left; width: 186px; color:#ffffff; width:0px;  font-weight: bold; font-size:.9em;  }
.center_nosub2 a:linked{  color:#ffffff; }
.center_nosub2 a:hover{  color:blue; }
.center_nosub2 a:visited{  color:#dddddd; }
	
	
.menu ul {padding:0; margin:0; list-style: none; list-style-type: none;}
/*  gets rid of ul & li bullets  */
.menu ul li {float:left; position:relative; list-style-type: none;}
.menu ul li ul {display: none; color:red;}

/* Button ":hover" Styling 
.menu ul li:hover a {color:red; background:url('images/black/center_hassub.png');}*/

.menux ul li:hover ul {color:red; display:block; position:absolute; top:42px; left:0; width:152px; margin: 0; padding: 0;}
.menux ul li:hover ul li a.center_nosub {background:blue; color:#000;}
.menux ul li:hover ul li:hover a.center_nosub {background:#6fc; color:#000; color:red;}
.menux ul li:hover ul li ul {display: none;}

/* .menu ul li:hover .center_nosub {color:red; background:url('images/black/center_hassub.png');} */
/* .menu ul li:hover .center_nosub {color:red; background:url('images/black/center_hassub.png') ;}  */
.menux ul li:hover .center_nosub {color:red; background:url('images/black/center.png') ;}

.menux ul li:active .center_nosub {color:white; background:url('images/black/center.png') ;}
.menux ul li:active ul li:active a.center_nosub {color:white; background:url('images/black/center.png');}
.menux ul li:visited .center_nosub {color:white; background:url('images/black/center.png') ;}
.menux ul li:visited ul li:visited a.center_nosub {color:white; background:url('images/black/center.png');}

/* DropDown Styling */
.menu ul li:hover ul li a {background-image: none; display:block;height: 28px; line-height: 26px; color:#000; width:142px; text-align:left; margin: 0; padding:0 0 0 11px;font-weight:normal;}
.menu ul li:hover ul {
	margin: 0 0 0 3px;
	padding: 0;
	background-image:url('images/black/dropdown.png');
	background-repeat:no-repeat;
	background-position:bottom left; 
}

/* DropDown Menus ":active" or "Selected" Styling */
.menu ul li:hover ul .sub_active {
	background-image:url('images/black/sub_active.png');
	margin-right: 1px;
}

/* DropDown Menus ":hover" Styling */
.menu ul li:hover ul li a:hover {color:#000 !important; background-image:url('images/black/sub_hover.png');}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}



/* -- End Black Menu -- */


/**  Horizontal Menu Layout  **/

#menu {
width: 100%;
background: #888;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 165px;
float: left;
}
#menu a, #menu h2 {
font: bold 1em arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {color: #fff; background: blue; }
#menu h2:link {color: #a00; background: orange; }
#menu h2:hover {color: #a00; background: yellow; }
#menu h2:active {color: #fff; background: green; }
#menu h2:visited {color: #fff; background: green; }

#menu a {color: #000; background: #red; }
#menu a:link {color: #a00; background: orange; }
#menu a:hover {color: #a00; background: yellow; }
#menu a:active {color: #a00; background: #green;}
#menu a:visited {color: #a00; background: #green;}




/**  Horizontal Menu Layout END **/


.midContent{background: url(imagesPage/SML_page_14.gif) 0 0 repeat; height: 165px; width:655px;}

.contpanerec{ background: white; border-left: 2px solid black; padding: 2px 4px 0px 4px} 
#contTop{ background:  url(imagesPage/SML_page_18.gif) 0 0 no-repeat; height: 16px; width:665px;}
#contTop2{ background:  url(imagesPage/SML_page_26_topBack.png) 0 0 no-repeat; height: 36px; width:655px;}
#contTop3x{ background:  url(imagesPage/SML_page_27.png) 0 0 no-repeat; height: 37px;  width:470px;}


.contMain{ background: white url(imagesPage/SML_page-up_31.png) 0 0 repeat; height: 250px; width:705px; padding: 8px 15px 0px 16px; border-bottom: 1px solid gray;}

.contMain3{ background: #eee url(imagesPage/SML_page-up_31.png) 0 0 repeat;  width:705px; padding: 8px 15px 0px 16px; }

.contMain2{ background: #ccc url(imagesPage/SML_page-up_31.png) 0 0 repeat; height: 20px; width:705px; padding: 8px 15px 0px 16px; }
.contentpaneL{}

.contentpaneR{ border-left: 0px solid #ddd; padding: 6px }

#content_R{ background:  url(images_v2/filesStripe.jpg) 0 0 repeat; }

.outer {
padding-left: 100px;  
}
* html .outer {
padding-right: 150px; /* Normally this shouldn't be in this hack, it should be in .outer, but because of IE7 I had to */
}
.inner {
width: 938px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
padding-bottom: 30px;
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 662px;
margin-left: -100px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 468px;
background: #fff;
}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.contentWrap{

padding: 5px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 5px;
}
.contentWrap li {
padding-bottom: 2px;
}

.TitleHead{font-size:12px}


/**************************
LEFT COLUMN
**************************/

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

#left {
float: left;
width: 182px;
border: 0px solid red;
}
* html #left {
position: relative;  /*** IE needs this  ***/
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}

#leftMenu{background: url(imagesPage/SML_page_12.gif) 0 0 repeat; height: 210px; width:166px; vertical-align:top; }

#titleLink {color:red; font-style:italic}

#leftAd{background: url(imagesPage/SML_page_25.png) 0 0 repeat; height: 500px; width:166px; vertical-align:top; }



/*************************
RIGHT COLUMN
**************************/


#right {
float: right; 
width: 208px;
padding: 0px;
border: 1px solid red;

}

#rightCol{background: url(imagesPage/SML_page_39.png) 0 0 repeat;  width:175px; vertical-align:top}

* html #right {
position: relative;  /*** IE needs this  ***/
margin-right: -150px; /*** IE gets this margin. ***/
}

/* List styling info for right column */
#right ul {list-style: none;padding-bottom: 4px;}
#right li {padding-bottom: 2px;}
#right1 {background: url(imagesV1/MBhome_3_19-toprightcol.jpg) no-repeat; height:12;}
#right2{background: url(images_v2/MBhome_3v2_20.gif) repeat; height:100px}
#right2P{background: white; height:100%}

/****  styling for right Ad column  */
.rightMain{background: url(imagesPage/SML_page_34.png) repeat; height:400px; width:175px;}

#rightbott{background: url(imagesPage/SML_home_37.gif) 0 0 repeat; height:100%}


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


#footer {
width: 996px;
height: 30px; /*** The drawback with this solution is that the height of the footer can't be flexible. If you add so much content to the footer that it extends 30px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
margin: 0 auto;
margin-top: -30px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
text-align: center;
background-color: yellow;
}
.footerList1{background:  url(imagesPage/SML_page_43.png) 0 0 repeat; width:996px; height: 100px; padding: 10px 20px 10px 20px; font-size: .7em;}
.footerList{font-size:.9em; background: url(imagesPage/SML_page_43.png) 0 0 repeat; padding: 15px 0px 15px 20px; width: 150px; vertical-align:top;}
#bottFooterMainz{background:  url(imagesPage/SML_home_39.gif) 0 0 repeat; width:996px; height: 100px;  }

#bottFooter2{color:#003333; height:30px}

.linksmenu{padding: 12px 0px 4px 20px; font-size:.8em; font-weight: bold; color: white; background: black; }
.linkscontainer{padding: 3px 0px 4px 15px; font-size:.8em; background:#FFCC00; font-weight: bold; border-left: 1px solid #999; }


.linkscontainer a:link{ color: #000066;  }
.linkscontainer a:hover{ color: red; }

.linkscontainermenu{padding: 3px 0px 15px 20px; font-size:.8em; background:#FFCC00; line-height: 18px;}
.linkscontainermenu a:link{ color: blue;  }
.linkscontainermenu a:hover{ color: red; }




.termsfooter{padding: 4px 20px 15px 20px; font-size:.8em; color: white; background: #999;}

#leftBottAd{background:  url(imagesPage/SML_home_39.gif) 0 0 repeat; width:996px; height: 100px;}


body{ padding-top:12px; border-right:0px; height:100%; }



.skinmaster {
	height: 100%;
	width: 100%;
	background-color:white;	
}

.maintextback{
background-color:red;
}

.skinheader {
}
.skingradient {
	background-color: gold;
	height: 24px;
}
.controlpanel {
	width: 100%;
	background-color: #dddddd;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 1px;
}

.topmenuback {
	background:#ddd;
	align: left;
	width: 175px;
	height: 12px;
	

}
.menuback {
	background:white;
	text-align: left;
	width: 175px;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 6px
}


.leftpane {
	width: 182px;
	background: url(images_v2/MBhome_3_26-leftmenufill.gif) repeat; padding-left:8px; padding-right: 6px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: center;
}
.lefttoppane {
	width: 155px;
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	
}
.contentpane {
	width: 100%;
	font:"Times New Roman", Times, serif;
	font-size:8px;
	height:600px;
	background-color: #cccccc;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
}

.contentpane2 {
	width: 100%;
	background-color: white;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
}

.contentpaneL {
	width: 254px;
	background-color: white;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	border-bottom:1px solid #dddddd;
}

.contentpaneR {
	width: 254px;
	background-color: white;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	border-bottom:1px solid #dddddd;
}

#contentpane2P {
	width: 100%;
	background: white;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
}

.contentpaneB {
	width: 100%;
	background-color: white;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 0px;

}
.rightpane {
	width: 308px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 8px;
	padding-top: 6px;
	background: url(images_v2/MBhome_3v2_20.gif) repeat;
}

.rightpane2 {
	width: 208px;
	background: white;
	padding-left: 6px;
	padding-right: 12px;
	padding-top: 6px;

}

.righttoppane {
	width: 300px;
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}