/*** general styles *******************/

* {margin:0;padding:0; }

body {
margin: 0;
font-family: verdana, arial, Calibri, sans-serif;
font-size: 11px;
color: #333333;
background:url(http://neme.org/main/images/134.jpg);
background-repeat: repeat-x;
background-position:left top;
background-attachment: fixed;
background-color: #fff;
/** this is here for ie to recognise the bottom position**/
height:100%
/*****/}

#accessibility {position: absolute;top: -10000px;}

p {line-height:1.2em; padding: 0 0 20px 0}
table {margin: 0 0 20px 0}
a {color: #e8462c;text-decoration: none;}
a:hover {background-color: #eee;}
a:visited {color: #ff6600;}
ul, ol {list-style-position: outside; margin:0 0 15px 40px; line-height: 1.4em;}
ul ol, ul ul, ol ul, ol ol{margin:0 0 0 40px;}
acronym {border-bottom: 1px solid #BBB;cursor: help;}
b a, strong a {font-weight:bold;font-size: 12px;}
hr {margin: 0 50px 20px 50px;}
dd a {font-size: 11px;}
dl {font-size:10px;}
dt {margin-left:20px; color:#232B0E;}

/*** Contain all **********************/

#wrapper {
width: 760px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-image: url(http://www.neme.org/main/images/43.gif);	
background-repeat: no-repeat;
background-position:right top;
/** this is here for ie and the bottom position**/
display:block;
/******/}

/*** Header *************************/

#header{height: 100px;width:640px;}
#header h1 {padding: 5px 0 10px 5px;margin:0 0 10px 0;font-size: 22px;font-weight:normal;}
#header .title {padding: 10px 0 0 10px;font-size: 22px;}
#header1 {width:640px;}
#header .title{color: #000;}
#header .subTitle {padding: 0 0 0 12px;color: #000;}
#header .title a {text-decoration: none;color: #000;}
#header .title a:hover {color: #000;background-color: transparent;}

/**** Search bar *******************/

.searchbox {width:100%}
.searchbox fieldset{ margin:20px 10px;}
.searchbox h3 {background-color:#D64242; color:#fff;padding:3px;}
.searchbox label {float:left; margin-left:20px;}
.searchbox fieldset {border: 1px solid #ccc;padding:10px;}
.searchbox input, .searchbox select {margin:0 0 0 5px;}
#searchbutton {margin:0 0 0 20px;}


/*** topbar *************************/

.topbar{width:100%;background:url(http://www.neme.org/images/3.gif);background-color: #fffeee; margin:0 0 10px 0;}
.about{width:246px;margin:0 10px 0 0;float:left;}
.about p {padding:0 5px 0 5px;}
.activities{width:246px;float:left;margin:0 10px 0 0;}
.searchdiv{width:248px;float:left;}
.topbar h3, #content h3 {background-color:#D64242;color:#fff;}
.red {background-color:#D64242;color:#fff;clear:both;}
.searchdiv, .activities, .about {color:#000}
.searchdiv a, .activities a{color: #D64242;}
.topbar, .searchdiv ul, .activities ul {list-style:none !important;list-style-position: outside !important;font-size:11px;padding: 0;margin: 0;}


/*** bottombar ************************/

.bottombar {width: 100%;padding: 0 20px 0 0;}

.bottombar ul, .bottombar ol, .bottombar .simplepie ol, .recententries ul, latestcomments ul, .forum ul{
list-style:none !important;list-style-position: outside !important;font-size:11px;padding: 0;margin: 0;
}

.bottombar .recententries {width:246px;float:left;margin:0 10px 0 0;}
.bottombar .latestcomments {width:246px;float:left;margin:0 10px 0 0;}
.bottombar .forum{width:248px;float:left;}
.bottombar h3 {padding: 3px;font-size: 12px;font-weight: bold;color:#fff;background-color: #D64242;}
.bottombar h3 a, .bottombar h3 a:hover{color:#fff;background-color: #D64242;}


/********* h3 bars ***********/

.topbar h3, .recententries h3, .latestcomments h3, .bottombar h3, .bottombar h3 a, .bottombar h3 a:hover, .searchbar h3, .searchbox h3{
font-size:15px;
}

#content .topbar h3, #content .bottombar h3{margin-bottom:10px;}

/*** Content ************************/

#content {width: 760px;}

#content h2 {padding: 3px;font-size: 15px;background-color:#D64242;color:#fff;text-align:center;margin:0 0 20px 0;}
#content h2 a {text-decoration: none;color:#fff;}

#content h3 {padding: 3px;font-size: 14px;font-weight: bold;background-color:#D64242;color:#fff;margin:0 0 20px 0}
#content h3 a, .red h3 a{color:#fff;}
.red h3 {text-align: center;}
#content h3 a:hover{color:#fff;background-color:#D64242;}
#content table {border: 1px solid #ccc;width:100%;}
#content table td, #content table th {border: 1px solid #ccc;padding:2px;}

#content h4 {margin:0 0 20px 0;}

#pagenav {padding: 10px;margin:0 0 10px 0;text-align: center;border:0;background-color:#eee;}
#pagenav p, #pagenav a{text-align: center;margin: 10px 0 0 0;padding: 10px 20px 10px 20px;}
.paging a, .articlenav a {padding: 10px 20px 10px 20px;text-decoration: none;}
#pagenav1 {text-align:center;font-weight: normal;margin: 30px 0 30px 0;background-color:#eee;padding:3px;}
#pagenav1 ul {margin: 0;padding: 0;list-style-type: none;}
#pagenav1 ul li {display: inline;list-style-type: none;padding: 4px;font-size:24px;}
#pagenav1 ul li a {font-size:12px;}

/*** Footer *************************/

#footer {
clear: both;
height: 150px;
width: 100%;
margin: 50px 0 20px 0;
padding: 10px 0 0 10px;
border-top:1px solid #ccc;}


/*** Display Classes ******************/

.date {display: block;text-transform: uppercase;color: #e8462c;}

blockquote {margin:0 0 20px 20px; border-left: 5px solid #cccccc;padding:0 5px 0 5px;}

blockquote p {padding: 5px;}

p.right img {float:right;padding: 3px;}
p.left img {float: left;padding: 3px;}

.grey {color: #AAA;}

.clear{clear:both;}

.excerpt {width:auto;margin:0 0 0 170px;}

.cf {border: 1px solid #ccc;padding:5px;margin-bottom:20px;}

/*** Comments **********************/

fieldset{border:0px;}
fieldset img{border:0px;padding:0 0 3px 0;}

.l{float:left;text-align:right;margin: 1px 0 5px 0;padding: 0;width: 120px;}
.i{margin: 1px 0 5px 110px;padding: 0;}
input.text{width:200px;background-color:#FFF;border: thin inset #ccc;}

.comments {list-style-type: none;}

#comments {font-size:14px;font-weight:bold;}

.commenttitle {width:400px;text-align:right;float:right}
.commentwrap p{clear:both;}


/*** Comment Entry Form *************/

#commentsform {margin:0 0 20px 0;}
form#txpCommentInputForm {margin: 40px 0 0 0;}
form#txpCommentInputForm p {margin: 0;padding: 0;}

input#forget, input#remember {margin: 0 5px 0 0;}
textarea.txpCommentInputMessage {height: 200px;width: 275px;margin: 0 0 10px 0;}

p#txpCommentInputForm {
width: 300px;
text-align: center;
font-weight: bold;
padding: 10px 0 10px 0;
border-top: 1px solid #E8E7D0;
border-bottom: 1px solid #E8E7D0;
margin: 30px auto 30px auto;}
.disabled{display:none;}

/*** Comments preview  ****/

.cmntpreview {
position:absolute; 
top:135px; background-color:#fff; 
width:708px; 
text-align:center; 
padding:20px; 
margin:auto; 
border:#D64242 6px dotted; 
height:auto;
} 

.cmntpreview h1 {margin:20px 0;} 

.cmntpreview .button {width:150px;position:absolute;right:300px;} 

.cmntpreview p {margin:30px;} 
.previewtext {text-align:left;} 
.commentspreview {display:none;}


/*** Top menus ***********************/

#menu{font-size:10px;line-height:normal;clear:both;border-bottom:1px solid #ccc;height:34px;width:760px;margin-bottom:20px;}
#menu ul{margin:0;padding:10px 10px 0 0;list-style:none;}
#menu li{display:inline;margin:0;padding:0;}
#menu a, #menu b {float:left;background:url("http://neme.org/main/images/tableft4.gif") no-repeat left top;margin:0;padding:0 0 0 7px;text-decoration:none;}

#menu a span, #menu b span{
float:left;
display:block;
background:url("http://neme.org/main/images/tabright4.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#e8462c;
}

#menu b span{color:#666;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
    
#menu a span, #menu b span {float:none;}
 /* End IE5-Mac hack */

#menu a:hover span{color:#666;
}
#menu a:hover{
background-position:0% -42px;}
#menu a:hover span{background-position:100% -42px;}
#menu .current{color:#000;}


/*** position on bottom ***********************/

#imgfooter {
position: fixed;
bottom: 0;    
left: 0;
background-image: url(http://neme.org/main/images/footimg8.png);
background-repeat: no-repeat;
background-position:center bottom;
width: 100%; 
height: 100px;
}
/** this is here for ie and the bottom position**/
/* Commented Backslash Hack hides rule from IE5-Mac \*/
* html #imgfooter { 
position:absolute; 
}

/*** calendar squares ***************/

.metaperm {border:1px solid #ccc;width:150px;text-align:center;}
.metaperm a, .metaperm a-hover {color:#eee;background-color:#D64242;}
.metaperm .sectiontitle {font-size:20px;color:#eee;background-color:#D64242;padding:2px;}
.metaperm .day {color:#D64242;background-color:#fff;font-size:24px;padding:2px;}
.metaperm .month {color:#000;background-color:#fff;font-size:10px;padding:2px;}
.metaperm .month a, metaperm .month a:hover{color:#D64242;background-color:#fff;font-size:11px;}
.metaperm .deadline {color:#D64242;background-color:#fff;font-size:10px;padding:2px;}
.metaperm .comall {color:#eee;background-color:#D64242;padding:2px;}

/*** Tab Menu Styles ****************/

div.domtab{padding:0 10px;width:740px;font-size:12px;}
ul.domtabs{float:left;width:100%;margin:2em 0 0 0;list-style:none;}
ul.domtabs li{float:left;padding:0;}

ul.domtabs a:link, ul.domtabs a:visited, ul.domtabs a:active, ul.domtabs a:hover{
width:8em;padding:.2em 1em;display:block;background:#d64242;color:#eee;height:2em;font-weight:bold;text-decoration:none;}

html>body ul.domtabs a:link, html>body ul.domtabs a:visited, html>body ul.domtabs a:active, html>body ul.domtabs a:hover{
height:auto;min-height:2em;}

ul.domtabs a:hover{background:#ccc;}
div.domtab div{clear:both;width:auto;background:#fff;border:1px solid #ccc;color:#666;padding:1em 3em;}

ul.domtabs li.active a:link, ul.domtabs li.active a:visited, ul.domtabs li.active a:active, ul.domtabs li.active a:hover{
background:#fff;color:#666;}

#domtabprintview{float:right;padding-right:1em;text-align:right;}
#domtabprintview a:link, #domtabprintview a:visited, #domtabprintview a:active, #domtabprintview a:hover{color:#fff;}
div.domtab div a:link, div.domtab div a:visited, div.domtab div a:active {color:#d64242;}

div.domtab div h2 a, div.domtab div h2 a:hover, div.domtab div h2 a:active {
color:#666;display:inline;padding:0;font-weight:normal;font-size:1em;}

#domtabprintview{display:none;}
.domtab .clear{border:0;height:1px;}

/****** Slideshow ******************/

.ike-slideshow {padding: 5px;margin: 10px;}
.ike-slideshow ul {margin-bottom: 0;padding: 0;clear:both;}
.ike-slideshow ul li {display: none;margin: 0;padding: 0;line-height: 1em;}
.ike-slideshow-image {text-align: center;clear:both;}
.ike-slideshow-caption {clear:both;text-align: center;margin: 4px;padding: 4px;}
.ike-slideshow img {border: 0 !important;padding: 0 !important;margin: 0 !important;max-width: 95%;clear:both;}
.ike_clear {clear:both;height:40px;}
.ike-slideshow-controls {text-align: center;background: #eee;}
.ike-slideshow-controls {border: 0;padding: 4px;margin: 4px;cursor: pointer;color: #e8462c;}
.ike-slideshow-controls a{margin-right:10px;margin-left:10px;}

/*** upload form ***********************/

.label{float:left}
.edit {margin: 0 0 0 180px;}
.list {margin: 0 0 0 140px;}
#description {margin: 0 0 0 40px;}

/*** More css ***********************/

.books{
clear: right;
width: 110px;
text-align:right;
margin-left:auto;
border:1px solid #ccc;
padding:4px;
background-image: url(http://neme.org/main/images/84.jpg);
background-repeat: no-repeat;
background-position:left bottom;
background-color: #eee; 
}

.caption {margin:1em 0;}

.aboutn {border-left: 25px solid #ccc;padding:5px;}
.standardcss{display:none;}
.printercss a{color:#ff0000;}
#quicklinks{margin: 0 0 5px 0;}

.cf ul{list-style-type: circle;}
.simplepie ul{list-style-type:none;list-style-position:inside;}

/**********floats***********/

.floatleft {float:left;margin: 0 10px 10px 0;}
.floatleft img, .floatright img {margin: 10px 0 5px 0;}
.floatright {float:right;margin: 0 0 10px 10px;}
.aligncentre {text-align:center;}
img .aligncentre {display: block; margin:10px auto;}