/*** 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-imca.org/images/286.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; }
a {color: #e8462c;text-decoration: none; }
a:hover {background-color: #eee; }
a:visited {color: #ff6600; }
ul, ol {list-style-position: outside; margin-left: 40px; margin-bottom:15px; line-height: 1.4em;}
acronym {border-bottom: 1px solid #BBB;cursor: help;}
b a, strong a {font-weight:bold;font-size: 12px;}
hr {margin-top:1em;}

/*** 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 12px 10px;margin-bottom: 10px;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-left: 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-left:5px;}
#searchbutton {margin-left: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;}

/*** map ************************/
#map{

margin:20px auto;height:450px;width:760px;}

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

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

.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-right:10px;}
.bottombar .latestcomments {width:246px;float:left;margin-right:10px;}
.bottombar .forum{width:248px;float:left;}
.bottombar h3 {padding: 3px;font-size: 12px;font-weight: bold;color:#fff;letter-spacing: -0.5px;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, #content h2 a {text-decoration: none;}

#content h3 {padding: 3px;font-size: 14px;font-weight: bold;background-color:#D64242;color:#fff;margin:0 0 20px 0}
#content h3 a{color:#fff;}
#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;}

#pagenav {padding: 10px;margin-bottom:10px;text-align: center;border:0;background-color:#eee;}
#pagenav p, #pagenav a{text-align: center;margin-top: 10px;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-top: 50px;
margin-bottom: 20px; 
padding: 10px 0px 0 10px;
border-top:1px solid #ccc;}


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

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

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

blockquote p {padding: 8px;}

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

.grey {color: #AAA;}

.pct {float:left;margin:4px 4px 0 0}

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

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

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

.comments {list-style-type: none;}
#comments {font-size:14px;font-weight:bold;}
.commenttitle {background-color: #666;}


/*** Comment Entry Form *************/
#commentsform {margin-left:210px;}
form#txpCommentInputForm {margin-top: 40px;}
form#txpCommentInputForm p {margin: 0;padding: 0;}

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

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-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;}

.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 0px 0px;list-style:none;}
#menu li{display:inline;margin:0;padding:0;}
#menu a, #menu b {float:left;background:url("http://neme-imca.org/images/287.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-imca.org/images/288.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:175px;}
.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:#fff;background-color:#D64242;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:12px;padding:2px;}
.metaperm .deadline a {color:#D64242;background-color:#fff;}
.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: 0px;padding: 0px;clear:both;}
.ike-slideshow ul li {display: none;margin: 0px;padding: 0px;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: 0px !important;padding: 0px !important;margin: 0px !important;max-width: 95%;clear:both;}
.ike_clear {clear:both;height:40px;}
.ike-slideshow-controls {text-align: center;background: #eee;}
.ike-slideshow-controls {border: 0px;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-left:180px;}
.list {margin-left:140px;}
#description {margin-left: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; 
}

.clear{clear:both;}

.excerpt {width:auto;margin-left:150px;}
.participants {width:705px;text-align:center;}
.documentation {}
.centre {margin-left:auto;margin-right:auto;}

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

.aboutn {border-left: 25px solid #ccc;padding:5px;}

.floatimgleC1, .floatimgleC2, .floatimgle, .floatimgle150{float:left;padding: 10px 10px 10px 0;}

.floatimgle150{width:150px;}
dd a {font-size: 11px;}
dl {font-size:10px;}
dt {margin-left:20px; color:#232B0E;}
.standardcss{display:none;}
.printercss a{color:#ff0000;}
#quicklinks{margin-left:5px}

.cf ul{list-style-type: circle;}

.topbar{background:url(http://neme-imca.org/images/300.gif);background-color: #fffeee; margin-bottom:10px;}
.searchdiv, .activities, .about {color:#000}
.about p {padding-left:5px;padding-right:5px;}
.searchdiv a, .activities a{color: #D64242;}

/**********sponsors*********/

.sponsors a {border:0; text-decoration:none;}
.sponsors img {border:0; text-decoration:none;}


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

.floatleft {float:left;margin-right:10px;margin-bottom:10px;margin-top:10px;}
.floatleft img, .floatright img {margin:10px 0 5px 0;}
.floatright {float:right;margin-left:10px;margin-bottom:10px;margin-top:10px;}