/* ----------------------------------------------------
-----------------------General-------------------------
------------------------------------------------------- */
#quote{
width:300px;
font-family: Mangal;
text-align:justify;
font-style:italic;
}
body {
background:#F0D2A3;	
font-family: Mangal;
color:#000000;
overflow-y:scroll;
margin: 0px;
padding: 0px;
}

a {
color:#3D2C11;
}

a:hover {
color:#6f9bbf;
}

li{
display: inline;
}

h1{
color:#3D2C11;
text-align:center;
font-size:36px;
font-weight:lighter;
margin-top:-20px;
}

h2{
color:#3D2C11;
text-align:center;
font-size:20px;
margin-top:-10px;
}

h3{
color:#314d64;
text-align:center;
font-size:15px;
margin-top:-20px;
}

h4{
color:#4b7495;
font-size:20px;
margin-top:5px;
margin-bottom:-5px;
}

#header {
text-align: center;
}

iframe {
box-shadow:0px 0px 15px #000000;
float:left;
margin-right:30px;
border:0;
}

/* ----------------------------------------------------
--------------------Top Level Menu---------------------
------------------------------------------------------- */

#navbar {
margin-top:-13px;
font-weight:bold;
font-size:13px;
height: 50px;
}

#menu{
width:950px;
margin:auto;
text-align:center;
}

#homebutton{
color:#ffffff;
width: 150px;
height: 50px;
line-height:50px;
background:#363636;
float: left;
}
#homebutton:hover{
background:#565656;
}
#homebutton-active{
color:#3D2C11;
width: 150px;
height: 50px;
line-height:50px;
background:rgba(201,134,26, 0.5);
float: left;
}

#artbutton {
color:#3D2C11;
width: 150px;
height: 50px;
line-height:50px;
float: left;
}
#artbutton:hover{
background:#565656;
}
#artbutton-active {
color:#3d3d3d;
width: 150px;
height: 50px;
line-height:50px;
background:#dadada;
float: left;
}

#musicbutton {
color:#3D2C11;
width: 150px;
height: 50px;
line-height:50px;
float: left;
}
#musicbutton:hover{
background:#565656;
}
#musicbutton-active {
color:#3d3d3d;
width: 150px;
height: 50px;
line-height:50px;
background:#dadada;
float: left;
}

#fanficbutton {
color:#3D2C11;
width: 150px;
height: 50px;
line-height:50px;
float: left;
}
#fanficbutton:hover{
background:#565656;
}
#fanficbutton-active {
color:#3d3d3d;
width: 150px;
height: 50px;
line-height:50px;
background:#dadada;
float: left;
}

#animationbutton {
color:#3D2C11;
width: 150px;
height: 50px;
line-height:50px;
float: left;
}
#animationbutton:hover{
background:#565656;
}
#animationbutton-active {
color:#3d3d3d;
width: 150px;
height: 50px;
line-height:50px;
background:#dadada;
float: left;
}

#aboutbutton {
color:#3D2C11;
width: 150px;
height: 50px;
line-height:50px;
float: left;
}
#aboutbutton:hover{
background:#565656;
}
#aboutbutton-active {
color:#3d3d3d;
width: 150px;
height: 50px;
line-height:50px;
background:#dadada;
float: left;
}

/* ----------------------------------------------------
--------------------Sub Level Menu---------------------
------------------------------------------------------- */

#submenu{
float:left;
margin-top:6px;
margin-left:25px;
width:135px;
font-weight:bold;
font-size:13px;
text-align:center;
}

#submenu ul{
margin-left:-40px;
margin-top:0px;
}

#submenu a{
text-decoration: none;
}

.subbutton{
width:140px;
height:37px;
padding-top:13px;
border-radius: 5px 0 0 5px;
color:#585858;
}
.subbutton:hover{
background:#e6e6e6;
}
.subbutton-active{
width:140px;
height:37px;
padding-top:13px;
background:#ffffff;
color:#3d3d3d;
border-radius: 5px 0 0 5px;
}

/* ----------------------------------------------------
--------------------Content----------------------------
------------------------------------------------------- */

#content-box {
margin:auto;
width: 1050px;
background:rgba(201,134,26, 0.5);              
border-radius: 0 0 5px 5px;
overflow: auto;
padding-bottom:25px;
}

#breadcrumbs{
font-size: 11px;
margin-left: 25px;
margin-top:7px;
color:#3d3d3d;
}
#breadcrumbs span{
font-style:italic;
} 
#breadcrumbs a {
color:#4b7495;
font-style:normal;
}
#breadcrumbs a:hover {
color:#6f9bbf;
font-style:normal;
}
#content {
margin:auto;
margin-top:6px;
width: 900px;
padding-top:60px;
padding-bottom:60px;

}

#content p{
font-size:13px;
line-height:18px;
text-align:justify;
}

#content img{
margin-top:5px;
margin-right:20px;
float:left;
box-shadow:0px 0px 15px #000000;
}

/* ----------------------------------------------------
-------------Content for sites with submenu------------
------------------------------------------------------- */

#submenucontent {
float:left;
margin-top:6px;
width: 645px;
background: #ffffff;
border-radius: 5px;
padding-top:60px;
padding-bottom:60px;
padding-left:60px;
padding-right:60px;
}

#submenucontent p{
font-size:13px;
line-height:18px;
text-align:center;
}

.element{
margin-bottom:70px;
}

.leftimage{
float:left;
margin-top:-5px;
margin-left:-15px;
}
.rightimage{
float:right;
margin-top:-5px;
margin-right:-15px;
}
.centerimage{
margin-top:-10px;
text-align: center;
}

/* ----------------------------------------------------
-------------Content for overview sites----------------
------------------------------------------------------- */
#overviewcontent {
float:left;
margin-top:6px;
width: 645px;
background: #ffffff;
border-radius: 5px;
padding-top:60px;
padding-bottom:60px;
padding-left:60px;
padding-right:60px;
}

#overviewcontent p{
font-size:13px;
line-height:18px;
text-align:justify;
}

/* ----------------------------------------------------*/

#abouttext{
text-align:center;
}
#abouttext p{
text-align:center;
}
#footer{
height:50px;
}

#footer p{
text-align:center;
font-size:13px;
font-weight:bold;
color:#577086;
}