* {

    margin:  0;

    padding: 0;



}

td,p,div,tr {

    font-family: Tahoma,verdana,arial;

    font-size:   12px;

    color:       #FFFFFF;

}

body {

    font-family: verdana,tahoma;

    font-size:   11px;

    padding:     0px 0px 0px 0px;

    margin:      0px 0px 0px 0px;

    color:       #333;


}

.all {

    font-family:         verdana,tahoma;

    font-size:           12px;

    padding:             0px 0px 0px 0px;

    margin:              0px 0px 0px 0px;

    color:               #333;

    background-image:    url(../images/all.png);

    background-repeat:   repeat-x;

    background-position: top;

}

#container {

    width: 100%;

}

#navtop {

    margin-top:          0px;

background-color: #000000;
    


    width:               98%;

    padding-top:         0px;

    padding-right:       250px;

}

#content {

    width:             98%;

background-color: #000000;


}

#left {

    width:        0px;

    text-align:   left;

    padding-left: 10px;

}

#right {

    width:               100%;;

    text-align:          left;

    padding-right:       5px;

    padding-top:         15px;

    background-position: left top;

    padding-left:       5px;

}

#box{

margin-top:20px;

width:600px; 

    background-image: url(../images/box.png); 

    background-repeat: no-repeat;

    



}

#banner {

margin-top:20px;

}

#footer{

width:738px;

height:57px; 

    background-image: url(../images/fooeter.png); 

    background-repeat: no-repeat;

    margin-top:15px;

    padding-top:20px;

   

    





}

#footer a:link, a:visited {

    color: #FFFFFF;

    font-weight:     bold;

    text-decoration: none;

}

/* joomla stuff */

ul#mainlevel-nav {
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma;


}

ul#mainlevel-nav li {

    display: inline;

}

ul#mainlevel-nav li a {

float: left;
color: black;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(http://www.jap-n-crazy.co.uk/pinkbg.gif) top right no-repeat;
border-top: 1px solid #d3bdbe; /*top border style*/
border-bottom: 3px solid #FFFFFF; /*thick bottom border below tabs*/

}

ul#mainlevel-nav li a:hover {
color: black;
background-image: url(http://www.jap-n-crazy.co.uk/pinkbgover.gif); /*background image swap on hover*/
}


ul#mainlevel-nav li a:visited {
color: black;
}


#mainlevel-nav#active_menu {

    display: block;

    color:   #F28916;

}





a:link, a:visited {

    color: #E8F455;

    font-weight:     bold;

    text-decoration: none;

}

a:hover {

    color: #CCCCCC;

}

form {

    display: inline;

    margin:  0;

    padding: 0;

}

h1 {

    color:       #666666;

    font-weight: normal;

    font-size:   20px;

}

ul {

}

li {

}

img {

    border: none ;

}

ol {

    margin-left:         20px;

    list-style-position: inherit;

}

blockquote {

    margin: 10px;

}

blockquote div {

}

pre {

    padding: 10px;

}

table.contenttoc {

    border:  1px solid #CCCCCC ;

    margin:  3px;

    padding: 5px;

	background-color: #3E4A4F;

}

.contenttoc th {

    background-color: #3E4A4F;

    padding:          3px;

    color:            #000000;

    font-weight:      bold;

}

.contenttoc a {

    font-size:   11px;

    padding:     0 5px 0 5px;

    font-weight: normal;

	color:            #000000;

}

.contenttoc a:hover {

    font-size:    11px;

    color:        #666666;

    padding-left: 5px;

}

.contenttoc td {

    padding:    3px;

    background: #94BA3D;

	color:            #000000;

}

.contentpane {

    font-family: Arial,Tahoma,  Helvetica, sans-serif;

    font-size:   11px;

    line-height: 18px;

    text-align:  left;

}

.contentpaneopen ul {

    margin-left: 10px;

	    color:            #000000;

}

.contentpane ul {

    margin-left: 10px;

	    color:            #000000;

}

table.contentpaneopen,table.contentpane {

}

table.contentpaneopen li {

    margin-left: 40px;

}

div.moduletable {

    margin-bottom: 10px;

    text-align:    left;

}

div.moduletable td {

    text-align: left;

}

div.moduletable h3 {

    text-align:    left;

    color: #000000;

    font-weight: normal;

    font-size:     14px;

    margin-bottom: 10px;

    padding-left:  40px;

    padding-top:   10px;

}

table.moduletable th {

    color: #FFFFFF;

    text-align:     left;

    vertical-align: middle;

    font-weight: normal;

    padding-left:   15px;

    padding-top:    15px;

    padding-bottom: 10px;

    font-size:      14px; 

    text-transform: uppercase; 

    background-image: url(../images/moduleth.png); 

    background-repeat: no-repeat; 

    background-position: bottom center;

    

    

    

    

    

}

.contentpaneopen fieldset {

    border: none ;

    width:  100%;

}

.contentpaneopen td {

    padding:     0;

    text-align:  left;

    line-height: 16px;

}

.contentdescription {

    color: #000000;

}

.latestnews li {

    list-style-type: none;

}

.latestnews li a {

   

    display:       block;

}

.latestnews li a:hover {

}

.mostread li {

    list-style-type: none;

}

.mostread li a {

  

    display:       block;

}

.mostread li a:hover {

}

ul.latestnews li {

    padding:     2px 2px 3px 40px;

    margin-left: 0px;

    color: #666666;

    width:       auto;

    text-align:  left;

}

.latestnews a:link {

    text-transform: lowercase;

    color: #666666;

}

.latestnews a:visited {

    color: #666666;

}

.latestnews a:hover {

    color: #666666;

}

ul.mostread li {

    margin-left: 0px;

    color: #666666;

    width:       auto;

    text-align:  left;

    padding:     2px 2px 3px 40px;

}

.mostread a:link {

    text-transform: lowercase;

    color: #666666;

}

.mostread a:visited {

    color: #666666;

}

.mostread a:hover {

    color: #666666;

}

td.contentheading {

    color:           #000000;

    font-family:     tahoma,georgia,Helvetica, sans-serif;

    text-decoration: none;

    font-weight:     normal;

    font-size:       16px;

}

div.componentheading {

    color: #000000;

    font-family:   tahoma, Helvetica, sans-serif;

    text-decoration: none;

    font-weight:     normal;

    font-size:       20px;

    text-align:      left;

}

a.contentpagetitle:link,a.contentpagetitle:hover {

    font-family:     Tahoma,Arial,tahoma, Helvetica, sans-serif;

    text-decoration: none;

    font-size:       18px;

	color:          #00ef00;

}

a.contentpagetitle:hover {

    color: #CCCC99;

}

.createdate {

    color:          #00ef00;

    font-size:      11px;

    font-weight:    bold;

    text-transform: uppercase;

    border-bottom: 1px solid #C3D436;

}

.modifydate,.small {

    color:          #E8F455;

    font-size:      10px;

    font-weight:    normal;

    text-transform: none;

}

.highlight {

    color:            #FFFFFF;

    background-color: gray;

}

.mosimage {

    margin:  5px;

    padding: 5px;

    border:  1px #C3D436 solid ;

	color:    #000000;

}

.mosimage_caption {

    background-color:#9AC637;

    padding:          1px 2px;

    color: #FFFFFF;

    font-size:        10px;

    font-weight:      bold;

}

.contentpaneopen img {

    margin: 5px;

}

.contentpane img {

    margin: 5px;

}

a.mainlevel:link, a.mainlevel:visited {

    color: #00FF00;

    display:         block;

    height:          20px !important;

    height:          26px;

    vertical-align:  middle;

    font-size:       12px;

    font-weight: normal;

    text-align:      left;

    text-decoration: none;

    text-transform: capitalize;

    padding-top:     4px;

    padding-left:    25px;

    width:           auto;

    color: #00FF00;

}

a.mainlevel:hover {

    text-decoration: none;

    color: #00ff00;

    font-weight:     bold;

}

a.mainlevel#active_menu {

    color: #00FF00;

    font-weight:         bold;

    background-image: url(../images/menuactive.png);

    background-repeat:   no-repeat;

    background-position: left;

}

a.mainlevel#active_menu:hover {

    color: #333333;

}

a.sublevel:link, a.sublevel:visited {

    font-size:      11px;

    padding-left:   10px;

    padding-bottom: 3px;

    line-height:    20px;

    display:        block;

    margin-left:    10px;

    font-family:    Arial, Verdana,Tahoma;

    color:          #00CCCC;

    text-transform: lowercase;

    font-weight:    normal;

}

a.sublevel:hover {

    text-decoration: none;

}

#mod_login_username {

    width:               95%;

    padding:             2px;

    border:              none ;

    font-size:           10px;

    margin:              0px 10px 5px 0;

    border-right:        1px solid #333 ;

    border-bottom:       1px solid #333 ;

    background-image:    url(../images/searchinput.png);

    background-repeat:   repeat-x;

    background-position: top;

}

#mod_login_password {

    width:             95%;

    padding:           2px;

    border:            none ;

    font-size:         10px;

    margin:            0px 10px 5px 0;

    border-right:      1px solid #333 ;

    border-bottom:     1px solid #333 ;

    background-image:  url(../images/searchinput.png);

    background-repeat: repeat-x;

}

#mod_login_remember {

    border:     1px solid gray ;

    background: black ;

}

.inputbox {

    font-size:  14px;

 font-weight:      bold;

    border:     2px solid white ;

    background: #000000;

	    color: #FFFFFF;

}

.button {

    padding:          1px;

    padding:          2px !important;

    color:            #000000;

    font-size:        14px;

    border:           none ;

    background-color: #115511;

    font-weight:      bold;

}

.sectiontableheader {

    font-weight: bold;

    background: #44ee44;

    padding:     4px;

    color: #000000;

}

.sectiontableentry1 td {

    color: #000000;

    padding: 3px;



}

.sectiontableentry2 td {

    padding:    3px;

    background: #9EA39B;

}

.sectiontableentry1 {

    padding: 2px;

    color:   #000000;

	   background: #9EA39B;

}

.sectiontableentry2 {

    padding: 2px;

	  color:   #000000;

	     background: #9EA39B;

}

.readon {

    font-size: 12px;

    height:    20px;

    padding:   2px 5px 2px 2px;

	  color:   #000000;

}







 a:visited {

    color: #00FF00;

}

.readon a:hover {

    color: #999999;

}

.back_button a {

    padding:    2px 5px 2px 5px;

    background: #92BD2E ;

}

.back_button a:hover {

    padding:    2px 5px 2px 5px;

    background: #92BD2E;

    color:      #FFFFFF;

}

.pagenav {

    text-align:        center;

    color:             #000000;

    margin:            0px -2px 0px 0px;

    padding:           1px 6px 1px 6px;

    font-size:         13px;

    font-family:       arial,verdana,tahoma;

    background-image:  url(../images/btnlogin.gif);

    background-repeat: repeat-x;

}

a.pagenav, a.pagenav:visited {

    color: #ffffff;

}

a.pagenav:hover {

    color:            #ffffff;

    background-color: #000000;

    border:           1px solid #5d5d5d ;

}

/* content style */

.penting {

    border:           1px dotted #FFCC99 ;

    background-color: threedlightshadow;

}