body{
	magin:0px;
	padding:0px;
}

#personelDetail, #panelTitle, #projectTitle, #projectDetail{
    color:black;

}

#personelDetail:hover, #projectDetail:hover, #panelTitle:hover, #projectTitle:hover{
    color:#005580;

}

.violet { color: #9d426b; }

a {
    color: #9d426b;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

a:hover { color: #888; text-decoration: none; }

strong { font-weight: bold; }


/* ----- Header ----- */

.header .navbar {
    margin-bottom: 0;
}

.header .navbar-inner {
    background: #fff;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header h1 {
    float: left;
    margin: 0;
    text-align: left;
}



.header ul.nav {
    font-size: 14px;
    text-transform: uppercase;
}

.header ul.nav li a {
    padding: 30px 20px 10px 20px;
    color: #5d5d5d;
    text-shadow: none;
}

.header ul.nav li.current-page a {
    padding-top: 25px;
    border-top: 5px solid royalblue;
    background: #b3e8ff;
}

.header ul.nav li a:hover {
    background: royalblue;
    color: #fff;
}

.header ul.nav li a i {
    line-height: 35px;
    color: #aaa;
}

.header ul.nav li a:hover i { color: #fff; }


/* ----- Slider ----- */

#name{
	margin-left:5%;
}
.navbar.transparent .navbar-inner {
   background: rgba(238,238,238,0.5);
   //background: rgba(217,217,217,0.5);
}

#menuQuiz{
    display:none;
    margin-top: -3.4%;
//margin-bottom: 2%;
margin-left: -1%;
}

#menuCC{
    display:none;
    margin-top: -3.4%;
//margin-bottom: 2%;
margin-left: -1%;
}

#menuForum{
    display:none;
    margin-top: -3.4%;
//margin-bottom: 2%;
margin-left: -1%;
}

.submenuQuiz{
background-color:#6FB3E0;
padding:0.7%;
border-radius:6px;
margin-left:1%;
}
.submenuCC{
background-color:#C7D772;
padding:0.7%;
border-radius:6px;
margin-left:1%;
}

.submenuForum{
background-color:#DA823B;
padding:0.7%;
border-radius:6px;
margin-left:1%;
}
.content-icon1{
width: 27%;
height: 52%;
background-color: #6FB3E0;
margin-top: 10%;
float: left;
margin-left:5%;
border-radius: 15px;
}
.content-icon2{
width: 27%;
height: 52%;
background-color: #C7D772;
margin-top: 10%;
float: left;
margin-left:5%;
border-radius: 15px;
}
.content-icon3{
width: 27%;
height: 52%;
background-color: #DA823B;
margin-top: 10%;
float: left;
margin-left:5%;
border-radius: 15px;
}