@import url(luna_core.css);

/*------*\
|* Body *|
\*------*/
    body {
         margin-top: 0;
         margin-bottom: 0;
         margin-right: 0;
         margin-left: 0;
      font: normal 12px Arial, tahoma, Helvetica, sans-serif;
    }

/* Change width of document */
#wrapper {
  width: 100%;
}

/*------*\
|*Lists *|
\*------*/
#content ul {
  margin: 10px 0px 0px 20px;
  padding: 0px;
  font-size: 12px;
  list-style: square;
}


/*------*\
|* Misc *|
\*------*/
.smallfont {
	font-size: 9px;
}

.formsubmit {
  text-align: center;
}

#logo {
  width: 300px;
}

.searchbar {
  background: #edf2cb;
}

.tr_style {
	background-color: #edf2cb;
}

/*----------------*\
|* Title and Name *|
\*----------------*/
/* Change shap of title and full name */
.crumb {
  font-size: 12px;
  color: #000080;
  font-weight: bold;
  border-bottom: 1px solid lightgray;
}

/*---------*\
|* Headers *|
\*---------*/

h2 {
  color: #455;
}

h3 {
  color: #455;
}

#content h2 {
  margin: 25px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  border-bottom: 1px dotted #bbbfa1;
  color: #455;
}

/*-----------------*\
|* My DHTML navigation *|
\*-----------------*/

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
text-align:left;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #8fbc8f;
}

/*--------------------*\
|* My left navigation *|
\*--------------------*/
#leftnav{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width:  187px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid gray;
	background-color: #EFF5EF;
}
#leftnav h2 {
	display: block; 
	background-color:#8fbc8f;
	padding: 3px 0 5px 3px;
	border: 1px solid black;
	margin: 0px;
        font-size: 13px;
}
#leftnav ul {
        list-style-image: url('http://www.2muslims.com/images/save/arrowicon.gif');
	width: 100%;
	display: block;
        margin: 0;
	padding: 0;
}
#leftnav li {
        border: 0;
        margin: 0px 0px 0px 20px;
	padding: 0;
}
#leftnav a {
	text-decoration: none;
	display: block;
	padding: 5px;
}
#leftnav a:hover {
	color: black;
	text-decoration: none;
	border: 1px solid gray;
	background-color: lightgray;
}

/*-----------------*\
|* My Bar navigation *|
\*-----------------*/


#navigation {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	text-align: center;
}
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
	text-align: center;
}
#navigation a {
	color: #fff;
	text-decoration: none;
	margin: 0 1px;
	padding: 6px;
	display: block;
	border: 1px solid black;
	background-color: gray;

}
#navigation a:hover {
	color: #000;
	background-color: lightgray;
	border: 1px solid gray;
	text-decoration: underline;
}


/*-----------------*\
|* Second Navigation  *|
\*-----------------*/


ul.secondarynav {
  width: 100%;
  background: #dddddd;
}

ul.secondarynav li.first a{
  color: red;
}
ul.secondarynav a {
  color: #000000;
  font-size: 12px;
}
ul.secondarynav a:visited {
  color: #000000;
}
ul.secondarynav a:hover {
	color: darkblue;
	text-decoration: underline;
}

/*-----------------*\
|* Show left sidebar  *|
\*-----------------*/
#ocwrapper {
  border-left-width: 200px;
}
#leftsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}

/*-----------------*\
|* Hide right sidebar  *|
\*-----------------*/

#ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px;
}