


/*GENERAL*/


html, body {
background: url(images/mazwiback.png) top center no-repeat #EFEFEF; 
padding:0px;
margin:0px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#outerwrap{
width:960px;
border:0px solid black;
margin:0px auto; 
padding:0px;
}


/*HEADER AREA*/



/*All Pages*/

#toptext{
width:960px; 
height:96px;
border:0px dashed green;
background-color:transparent
}



/*Other Pages*/

#header{
width:960px;
height:297px;
border:0px solid red
}


#header h1, #header h2, #headerhome h1, #headerhome h2{
visibility:hidden;
display: none;
}


/*TOP NAV TABS*/

#outerwrap #navtabs { 
position:absolute;
top:95px;
    list-style: none; 
    padding: 0px; 
    height: 30px; 
    font-size: 70%; 
    font-weight: bold; 
    text-transform: uppercase; 
border-bottom: 5px solid #CA623F; 
	 width: 950px;
	 font-family:verdana,sans-serif;
	 margin:0px 5px 0px 5px;
} 
 
#outerwrap #navtabs li { 
    float: left; 
    background: #f7efa6 url(images/tableft.png) no-repeat left top; 
    padding: 8px 0 8px 14px; 
    margin-right: 5px; 
} 
 
#outerwrap #navtabs li a { 
    background: #f7efa6 url(images/tabright.png) no-repeat top right; 
    padding: 8px 14px 8px 0; 
	 text-decoration:none;
	 color:#666;
} 
 
#outerwrap #navtabs li.current_page_item { 
    background: #ca623f url(images/tableft_active.png) no-repeat left top; 
} 
 
#outerwrap #navtabs li.current_page_item a { 
    background: #ca623f url(images/tabright_active.png) no-repeat right top; 
    color: #FFFFFF; 
}







/*PICTBOX OTHER PAGES*/

#picboxsmall{
width:960px; 
height:130px;
padding:41px 0px 0px 0px;
border:0px dashed red;
}


#bannerimage{
width:920px; 
height:135px;
padding:0px;
border:0px dashed green;
margin:2px 20px;
background: url(images/montage-1.jpg) no-repeat top right; 
}



/*End Header Area*/













/*CONTENT AREA HOME PAGE*/


#contenthome{
clear:both; 
width:920px; 
border:0px solid black;
background-color:transparent;
padding:20px;
font-family:verdana,Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:90%;
background:transparent;
min-height: 500px;
margin:75px 0px 75px 0px;
}

/*IE6 Hack*/

* html #contenthome {
height: 500px;
}


/*CONTENT AREA OTHER PAGES*/


#content{
float:left; 
width:960px; 
border:0px solid black;
background: url(images/menuback.png) repeat-y top left #FFF; 
padding:0px;
min-height: 500px;
margin:0px 0px 0px 0px;
}

/*IE6 Hack*/

* html #content {
height: 500px;
}



#content #contentleft{
float:left;
width:210px;
border:0px dashed red;
padding:10px 10px 10px 0px;
margin:0px;
}


#content #contentright{
float:right;
width:680px;
border:0px dashed red;
padding: 20px 20px 30px 0px;
margin:0px;
}




/*GENERAL TEXT FORMATTING INCLUDING IE COLUM STYLES */

#content #contentright p, #content #contentright #rightcol p, #content #contentright #leftcol p{
line-height: 1.7em;
font-size:80%;
margin:0.6em 0em 0.9em 0em;
padding:0px;
}


#content #contentright ul, #content #contentright #rightcol ul, #content #contentright #leftcol ul{
margin:0em 0em 0.8em 0em;
}


#content #contentright li, #content #contentright #rightcol li, #content #contentright #leftcol li{
line-height: 1.7em;
font-size:80%;
margin:0.2em 0em 0.4em 0em;
	
}


#content #contentright h2, #content #contentright #rightcol h2,  #content #contentright #leftcol h2{
font-family:Georgia, serif;
letter-spacing:0.5px;
font-size:135%;
color:#034164;
margin:0px 0px 0.5em 0em;
padding:0px;
}



#content #contentright h3, #content #contentright #rightcol h3,  #content #contentright #leftcol h3{
font-family: Georgia, serif;
font-size:120%;
font-weight:normal;
color:#990000;
margin:0.8em 0px 0.5em 0px;
padding:0px;
}




#content #contentright h4, #content #contentright #rightcol h4,  #content #contentright #leftcol h4{
font-family: Georgia, serif;
font-size:115%;
font-weight:normal;
letter-spacing:0.5px;
color:#990000;
margin:1.0em 0px 0px 0px;
padding:0px;
}



#content #contentright blockquote, #content #contentright #rightcol blockquote,  #content #contentright #leftcol blockquote{
margin: auto 1em auto 1em;
line-height:1.5em;
}



/*BLOCKQUOTES*/

#content #contentright blockquote p, #content #contentright #rightcol blockquote p,  #content #contentright #leftcol blockquote p{
font-style: italic;
}

#content #contentright blockquote, #content #contentright #rightcol blockquote,  #content #contentright #leftcol blockquote{
margin: auto 1.0em auto 1.5em;
padding:0em;
}

/*END BLOCKQUOTES*/










/*FOOTER*/


#footer{
background: url(images/bottomback.png) no-repeat top left #FFF; 
margin:0px auto;
clear:both;
width:960px;
height:70px;
background;
text-align:center;
font-size:80%;
}


#footertext{
width:960px;
margin:0px auto;
padding:30px 0px 0px 0px;
}

#footer #footertext p, #footer #footertext  li{
color:white;
margin:0px;
text-decoration:none;
}


#footer #footertext p a,  #footer #footertext li a{
text-decoration:underline;
color:#FFF;
}



#footer #footertext ul {
margin: 0px auto 0px 0px;
}


#footer #footertext li {
	display: block;
	float: left;
	line-height: 1.0em;
	list-style: none;
	border-right: 1px solid #FFF;
	padding: 0px 10px 0 10px;

}




















/*SIDEMENU*/


#sidebar {
margin:0px;
width:230px;
font-size: 73%;
line-height:1.4em;
}


#sidebar .hiddenpic{
visibility:hidden;
display:none;
}


#sidebar ul {
	margin:0 0 10px 0;
	padding:10px 0 15px 0;
	
}


#sidebar ul li {
	list-style-type:none;	
	padding:0;
	margin:0;
	display:inline;
}


#sidebar li a:link,
#sidebar li a:visited,
#sidebar li a:active {
	color:#333;
	text-decoration:none;
	display:block;
	padding:5px 10px 6px 28px;
}


#sidebar li a {
	background:transparent url(images/nav/brown_bull.png) 12px 8px no-repeat;
}


#sidebar li.current_page_item a {
color:#000;
background-color: white;
font-weight:bold;
}


#sidebar li a:hover {
background-color:white;
	display:block;
	padding:5px 10px 6px 28px;
}





/*EDIT PAGE BUTTON*/


#editpage{
  z-index: 10;
  position:relative;
	border:2px solid red;
	width: 120px;
	height:23px;
	background-color:#019966;
	margin-left:3px;
	padding:2px 0px 3px 0px;
	font-weight:bold;
	text-align:center;
	-moz-border-radius: 5px;
	border-radius:5px;
	-webkit-border-radius: 5px;	
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}

#editpage a {
color:#FFFFFF;
font-family:verdana, sans-serif;
text-decoration: none;
font-size:90%;

}

#editpage:hover {
display:block;
color:#FFFFFF;
background-color:#CC3333;
}


/*End Edit page button*/







/*FORM STYLE*/


.feedbackform{
padding: 5px;
font-family:verdana, sans-serif;
font-size:100%;
}

div fieldset{
margin-bottom:20px;
padding-top:5px;
background-color:#FFF;
width:100%;
}

div fieldset legend{
font-family:sans-serif;
color:#990000;
font-size:100%;
font-weight:bold;
border:1px solid #666;
background-color:#EFEFEF;
padding:5px 12px;
margin-top:15px;
}


div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 3px 0;
border:0px dashed red;
margin-left:30px;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 220px; /*width of label (left column)*/
font-size:95%;
_font-size:85%;
border-bottom: 1px solid #98A5DE;
padding-bottom:2px;
line-height:1.2em;
margin-bottom:0px;
margin-right: 15px; /*spacing with right column*/
color:#000066;
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 5px; /* space following the field */
}

div.fieldwrapper div.thefield ul{ 
list-style: none;
margin-left:0px!important;
font-size:90%;
_font-size:85%;
}


div.fieldwrapper div.thefield li{ 
margin-left:0px;
padding:0px!important;
margin:0px!important;
border:0px dashed red;
}



div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 230px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 230px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin: 5px 5px 5px 120px; /*space  around buttonsdiv*/

}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}








/*EDITOR CLASSES FOR IMAGES*/

/*Change #content if not apply*/

/*Image border*/

#content #contentright img {
	border: 2px solid #CCC;
	padding: 4px;
	margin:2px;
}




/*Caption positioned central to picture*/

#content #contentright .wp-caption-text{
	font-size:60%;
	margin:0px 0px 10px 0px;
	padding:0px;
text-align:center;
font-family:verdana, sans-serif;
}


/*Center or float*/

#content #contentright .aligncenter{
margin:0px auto;	
}

#content #contentright .alignleft {
float:left;
margin: 8px 15px 3px 0px;
}

#content #contentright .alignright {
float:right;
margin: 8px 0px 3px 15px;
}


/*Legacy Positioning*/

#content #contentright img.float-right, #content #contentright p.float-right {
  margin: 8px 0px 5px 15px;  
  float: right;
}

#content #contentright img.float-left, #content #contentright p.float-left {
  margin: 8px 15px 5px 0px;
 float: left;
}


/*Inbuilt Gallery Classes*/


.gallery-caption{
	font-size:smaller;
	margin:0px;
	padding:0px;
text-align:center;	
}



#issn{
	position:absolute;
	top:0px;
	margin-left:800px;
}

#issn p{
font-size:70%;
color:#000;
font-weight:normal;
padding:0px;
margin:5px 0px 0px 0px;
}