/* HTML Elements */

* {	
    font: 12px Segoe UI, Calibri, Arial, Verdana, Helvetica, sans-serif;	
}

body {
    background: #090913 url(images/mhsp_bg.gif) repeat-x;
}
h1 {
    font-size: 16px;
    font-weight: bold;
    color: #336;
    border-bottom: dotted 1px #C5C5DD;
    width: 100%;
    margin-top: 0px;
}


/* PAGE Elements */

#page {
    width: 950px; height: 100%;
    margin: 5px; margin-left: auto; margin-right: auto;
}
#banner {
    background-color: transparent;
    width: 100%; height: 60px;
    text-align: center;
    margin-bottom: 5px;
}
#banner span {
    background: transparent url(images/mhsp_banner_advert.gif) no-repeat;
    vertical-align: baseline;
    color: #669;
    font-size: 9px;
    width: 10px;height: 59px;
}

#header {
    background: transparent url(images/mhsp_page.gif) no-repeat;
    color: #FFFFFF;
    width: 950px;height: 102px;
    padding: 0px;
}

#menu {
    background: #666 url(images/mhsp_menu_bg.gif) repeat-x;
    height: 29px; 
    color: #DDD;  
}
#menu ul {
    height: 29px;
    list-style: none;
    margin: 0;padding: 0;
    float: left;
    white-space: nowrap;
}
#menu a, #menu ul li a {
    font-weight: bold;
    display: block;
    margin: 0;padding: 0;
    text-decoration: none;
}
#menu ul li a {
    background-color:Transparent;    
    border:none;
    color: #FFF;
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 20px;padding-right: 20px;
    /*width: auto;*/ height:29px;
    text-shadow:  0.1em 0.1em 0.05em #111;
}
#menu ul li a:hover {
    /*background: transparent url(images/mhsp_menu_off.gif) no-repeat right;*/
    border:none;background-color:Transparent;
    color: #C5C5DD;
}
.menuSpacer {
    background: transparent url(images/mhsp_menu_spacer.gif) no-repeat;
    width: 1px;height: 29px;
    float: left;    
}
#menu ul ul {
    padding:0px;
    top: 28px;left:2px;
    width:150px;height: 25px; max-height:25px;
    border-top: solid 1px #000;
}
#menu ul ul a {
    background: #EEE url(images/mhsp_menu_sub2.gif) no-repeat;
    color: #000;
    width: 150px; height: 25px;
    border: solid 1px #000;
    border-top: none;
    padding-left: 5px;
    vertical-align: middle;
    text-shadow:  0.1em 0.1em 0.1em #AAA;
}
#menu ul ul a:hover {
    background: #FFF;
    color: #669;
    border: solid 1px #000;
    border-top: none;
}
#menu li {position: relative;}
#menu ul ul {
    position: absolute;
    z-index: 500;
}
#menu ul ul ul {
    position: absolute;
    top: 1px;
    left: 110%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
    {display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
    {display: block;}
#menuSearch {
    float: right;
    padding-top: 5px;padding-right: 10px;padding-left:1px;
    width: 180px;
}
#menuSearch input {
    background: transparent url(images/mhsp_menu_search.gif) no-repeat;
    border: none;
    width: 132px;height:19px;
}
#menuSearch a {
    background: transparent url(images/mhsp_menu_searchbutton.gif) no-repeat -21px 0px; 
    width: 21px;height: 21px;
}
#menuSearch a:hover {
    background: transparent url(images/mhsp_menu_searchbutton.gif) no-repeat 0px 0px;
}

#content {
    clear: both;
    background: #C5C5DD url(images/mhsp_content_bg.gif) repeat-x;
    padding: 18px 15px 25px 15px;
    min-height: 325px;
}
#content_footer {
    background: #C5C5DD url(images/mhsp_page.gif) no-repeat 0px -103px;
    width: 950px; height: 39px;
}
#left {
    float: left;
    width: 200px; /*height: 100%;*/
    padding: 0px;
    min-height: 100px;
}
#main {
    float: right;
    width: 690px; /*height: 100%;*/
    padding: 0px;margin:0px;
    min-height: 275px;
}
#footer {
    background: #090913 url(images/mhsp_page.gif) repeat-x 0px -142px;
    clear: both;
    height: 38px;
    padding: 5px; padding-bottom: 40px;
    color: #C5C5DD;
    font-size: 10px;
}
#footer a {color: #C5C5DD;border-bottom:none;text-decoration:none;}
#footer a:hover, #footer a:active {color:#FFF;border-bottom:dotted 1px #C5C5DD;border-top:dotted 1px #C5C5DD;}

.pageLeft {
    padding: 5px;
    float: left;
}
.pageRight {
    padding: 5px;
    float: right;
}
    
/* BOX Elements */

.boxLeftHeader {
    background: transparent url(images/mhsp_box_left.png) no-repeat -400px 0px;
    width: 200px;height:26px;
    color:#FFF;
    font-weight: bold;
}
.boxLeftContent {
    background: transparent url(images/mhsp_box_left.png) repeat-y 0px 0px;
    width: 200px;min-height:100px;max-width:200px;
    padding: 5px 12px 5px 12px;
    color:#000;
}
.boxLeftFooter {
    background: transparent url(images/mhsp_box_left.png) no-repeat -400px -27px;
    width: 200px;height:15px;
}

.boxMainHeader {
    background: transparent url(images/mhsp_box_main.png) no-repeat 0px 0px;
    width: 680px;height:12px;
    color:#FFF;
    font-weight: bold;
}
.boxMainContent {
    background: transparent url(images/mhsp_box_main_content.png) repeat-y 0px 0px;
    width: 650px;min-height:300px;
    padding: 0px 25px 5px 12px; margin:0px;
    color:#000;
}
.boxMainFooter {
    background: transparent url(images/mhsp_box_main.png) no-repeat 0px -13px;
    width: 680px;height:37px;
}



/* GRID Elements */

.grid {
	background-color: #FFF;
	border: solid 1px #336;
    width: 400px;
}
.grid tr th {
	color: #FFF;
	background-color: #336;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	padding-left: 5px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#666699', endColorStr='#333366', gradientType='0');

}
.gridRow, .gridRow td {
	font-size: 12px;
	background-color: #E5E5EE;
	color: #000;
	border: solid 1px transparent; border-bottom: solid 1px #669;
}
.gridRow a, .gridRow a:link, .gridRow a:visited, .gridRow a:active {
    color: #336;
	background-color: transparent;
	font-weight: bold;
	padding: 1;padding-left: 5;padding-right: 5;
	text-decoration: none;
}
.gridRow a:hover {
	color: #669;
	font-weight: bold;
	border-top: dotted 1px #669;border-bottom: dotted 1px #669;
	padding: 1;padding-left: 5;padding-right: 5;
}
.gridRowHighlight, .grid .gridRowHighlight td {
      background-color: #C5C5DD;
      border-top: dotted 1px #669;
      border-bottom: dotted 1px #669;
      color: #339;
}



/* FORM Elements */



/* ICON Elements */


/* TEXT Elements */