*{font-family:Arial, Sans-Serif;}
body{margin:0;  background-color:black/*background-image:url(Images/mainBackground.jpg); background-repeat:no-repeat;*/ /*background: url('http://websitetoolbox.com/skins/mb/music_guitar/images/body_bg.jpg')*/}
a{text-decoration:none;color:#0760B2;}
a:hover{text-decoration:underline;}
   
h1{font-size:26px;text-align:center;}
h2 {
    font-size: 22px;
    margin-top: 10px;
    text-align: center;
    text-decoration: underline;
    color: #990000;
}
h3{font-size:18px;margin-top:10px;text-decoration:underline;}
#PageWrapper{width:1580px;background-color:#000000;margin:auto;}
header{background-image:url(Images/new_Banner.jpg);width:1580px;height:150px; background-repeat:no-repeat; background-position:center}
header a{width:1580px;height:86px;display:block;}
.header2 {width:1580px;height:110px;background-color:black;}
.divRight{float:right;width:700px;}
.divLeft{float:left;width:820px;}
.contents{float:right;width:200px;}



nav{background-color:#312a1d;width:1580px;text-align:center;padding:0;}
nav:after{content:"";display:table;clear:both;}

/*

nav ul{padding:0;margin:0;list-style:none;position:relative;}
nav ul li{margin:0px;display:inline-block;float:left;width:190px;background-color:#312a1d;}
nav a{display:block;padding:0 10px;color:#FFF;font-size:14px;line-height:27px;text-decoration:none;}
nav a:hover{background-color:#000000;text-decoration:none;}
nav ul ul{display:none;position:absolute;}
nav ul li:hover > ul{display:inherit;}
nav ul ul li{min-width:80px;min-height:20px;float:none;display:list-item;position:relative;text-align:left;}

*/


.nav2{background-color:#312a1d;width:1580px;text-align:center;padding:0;}
.nav2:after{content:"";display:table;clear:both;}
.nav2 ul{padding:0;margin:0;list-style:none;position:relative;}
.nav2 ul li{margin:0px;display:inline-block;float:left;width:190px;background-color:#312a1d;}
.nav2 a{padding:0 10px;color:#FFF;font-size:14px;line-height:27px;text-decoration:none;}
.nav2 a:hover{background-color:#000000;}
.nav2 ul ul{display:none;position:absolute;z-index:9999}
.nav2 ul li:hover > ul{display:inherit;}
.nav2 ul ul li{min-width:80px;min-height:20px;float:none;display:list-item;position:relative;text-align:left}
.nav2 ul ul li:hover > ul  {position:relative; }

.ContentsMenu {
    position: absolute;
    background-color: #312a1d;
    font-size: small;
    padding-top:0px;
}
.ContentsMenu a {color:white}
/*section#MainContent{font-size:1em;width:80%;border-left:0px solid white;border-right:0px solid white;float:right;background-color:#fff;min-height:500px;padding:10px;padding-left:40px;}*/
section#MainContent2{font-size:1.1em;width:1520px;border-left:0px solid white;border-right:0px solid white;float:left;background-color:#fff;min-height:500px;padding:10px;padding-left:40px;padding-right:20px;}
/*aside#Sidebar{font-size:0.8em;color:white;background-color:#000000;width:15%;padding-top:10px;padding-bottom:10px;float:right;text-align:left;padding-left:0%;position:fixed}
aside#Sidebar a{color:white;}
aside#Sidebar2{font-size:0.8em;color:white;background-color:#000000;width:15%;padding-top:10px;padding-bottom:10px;float:right;text-align:left;padding-left:0%;}
aside#Sidebar2 a{color:white;}*/
footer{width:1580px;clear:both;height:23px;color:white;background-color:#312a1d;text-align:center;font-size:0.8em;font-weight:bold;line-height:22px;}
.Introduction{font-style:normal;color:#000000;}
.MyButton{color:White;}
ul.level1{font-size:14px;font-weight:bold;height:19px;line-height:19px;}
a.level1{padding-left:30px !important;}
a.level2{background-color:#312a1d;padding-left:3px;width:155px;}
a.level1:hover, a.level2:hover{background-color:#50351B;}
img{border:0;padding-left:2%;}
.ErrorMessage{color:Red;}
.PleaseWait{height:32px;width:500px;background-image:url(Images/PleaseWait.gif);background-repeat:no-repeat;padding-left:40px;line-height:32px;}
.Attention{border:4px solid red;padding:10px 0;width:100px;margin:auto;display:block;text-align:center;}
.ItemContainer{width:600px;list-style-type:none;clear:both;}
.ItemContainer li{height:300px;width:200px;float:left;}
.ItemContainer li img{width:180px;margin:10px 20px 10px 0;}
.Summary{font-style:italic;display:block;}
.logoutButton {float:right;color: #990000 }

.table1{border:solid 0px;width:50%;min-width:600px}
.table1 td{border:solid 1px;text-align:center;}
.table2{border:solid 0px;width:60%;min-width:550px}
.table3 td{border:solid 1px;text-align:center;}
.imgBig{border:0;padding-left:2%;}
.imgBig1, .imgBig8 {border:0;padding-left:0%;}
.imgBig2{border:0;padding-left:0%;padding-right:1%;}
.imgBig3{border:0;padding-left:0%;padding-right:1%;padding-top:10%}
.imgBig4, imgBig5, imgBig6, imgBig7 {border:0;padding-left:2%;}


@media print {
html, body {
display: none; /* hide whole page */
}
}



@media only screen and (max-width:1600px){
    
section#SpecificContent{width:1200px;padding-left:10%}


}


@media only screen and (max-width:1500px){
    
section#SpecificContent{width:1100px;padding-left:10%}
    section#MainContent2 {width: 1390px;}
 header {   width: 1450px;}
  header a { width: 1450px;}
  footer { width: 1450px;}
   .nav2 {width:1450px; padding-right: 0px;}
    .nav2 ul li { width: 175px; }
    .nav2 ul ul li { width: 180px; }
      #PageWrapper{width:1450px}
}

@media only screen and (max-width:1400px){
    
section#SpecificContent{width:1000px;padding-left:10%}
/*.TreeView {float:right; padding-right:32%}*/
   section#MainContent2 {width: 1270px;}
 header {   width: 1330px;}
  header a { width: 1330px;}
  footer { width: 1330px;}
   .nav2 {width:1330px; padding-right: 0px;}
    .nav2 ul li { width: 165px; }
    .nav2 ul ul li { width: 175px; }
      #PageWrapper{width:1330px}
}


@media only screen and (max-width:1300px){
    
section#SpecificContent{width:950px;padding-left:8%}
/*.TreeView {float:right; padding-right:35%}*/
   section#MainContent2 {width: 1182px;}
 header {   width: 1240px;}
  header a { width: 1240px;}
  footer { width: 1240px;}
   .nav2 {width:1240px; padding-right: 0px;}
    .nav2 ul li { width: 152px; }
    .nav2 ul ul li { width: 170px; }
      #PageWrapper{width:1240px}


}

@media only screen and (max-width:1200px){
   
section#SpecificContent{width:900px;padding-left:8%}
/*.TreeView {float:right; padding-right:35%}*/
   section#MainContent2 {width: 1080px;}
 header {   width: 1140px;}
  header a { width: 1140px;}
  footer { width: 1140px;}
   .nav2 {width:1140px; padding-right: 0px;}
    .nav2 ul li { width: 140px; }
     .nav2 ul ul li { width: 170px; }
      #PageWrapper{width:1140px}

.imgBig{border:0;padding-left:2%; width:700px;}
.imgBig8{border:0; width:700px;}
.imgBig5 /*, .imgBig1*/ {border:0;padding-left:2%; width:700px;}
.imgBig6{border:0;padding-left:2%; width:175px;}



   
}

@media only screen and (max-width:1100px){
   
section#SpecificContent{width:850px;padding-left:10%;}
/*.TreeView {float:right; padding-right:36%}*/
   section#MainContent2 {width: 1000px;}
 header {   width: 1060px;}
  header a { width: 1060px;}
  footer { width: 1060px;}
   .nav2 {width:1060px; padding-right: 0px;}
    .nav2 ul li { width: 130px; }
    .nav2 ul ul li { width: 170px; }
      #PageWrapper{width:1060px}
}



  @media only screen and (max-width:1000px){
   
section#SpecificContent{width:800px;padding-left:7%}
 section#MainContent2 {width: 910px;}
 header {   width: 970px;}
  header a { width: 970px;}
  footer { width: 970px;}
   .nav2 {width:970px; padding-right: 0px;}
    .nav2 ul li { width: 120px; } 

    .nav2 ul ul li { width: 170px; }
       #PageWrapper{width:970px}  
         
     .nav2 a {font-size:0.78em} 
    }

  @media only screen and (max-width:800px){
   
/*It adjusts the length of the lines of the sentences but does NOT adjust  the white material area */
section#SpecificContent{width:650px;}

 section#MainContent2 {width: 750px;}
 header {   width: 810px;}
  header a { width: 810px;}
  footer { width: 810px;font-size:0.78em}
   .nav2 {width:810px; padding-right: 0px;}
    .nav2 ul li { width: 120px; } /*Makes the menu items appear closer to each other*/

    .nav2 ul ul li { width: 170px; }/*Adjusts  the submenu items width*/
       #PageWrapper{width:810px}  /*Adjusts the white material area */
         
     .nav2 a {font-size:0.78em} /*Adjusts the size of the font of the menu items */  
  
    }


	  @media only screen and (max-width:479px){
   
/*It adjusts the length of the lines of the sentences but does NOT adjust  the white material area */
section#SpecificContent{width:650px;}

 section#MainContent2 {width: 750px;}
 header {   width: 810px;}
  header a { width: 810px;}
  footer { width: 810px;font-size:0.7em}
   .nav2 {width:810px; padding-right: 0px;}
    .nav2 ul li { width: 120px; } /*Makes the menu items appear closer to each other*/

    .nav2 ul ul li { width: 170px; }/*Adjusts  the submenu items width*/
       #PageWrapper{width:810px}  /*Adjusts the white material area */
         
     .nav2 a {font-size:0.78em} /*Adjusts the size of the font of the menu items */  
    }