/* CSS global reset for all browsers */ 
* {
padding: 0;
margin: 0;
}

/**
 * General Body Styling
 * --------------------
 * These are normal css setup reccommended for your
 * HTML template although they are not neccessary
 */
 
body { margin: 0 auto; padding: 0; background: #212121; }

.content { 
	margin: 10px auto;
	padding: 10px;
	background: transparent;
	color: #FFFFFF;
}

form { 
	background:  #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
 

div.facile { 
	background:  #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
 
div.kanchi {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px; font-weight: bold;
	color: #996600;
}

#mainimg {
	width: 772px;
	height: 152px;
	margin: 0 auto;
	background: url(../images/Header.jpg) no-repeat top center #212121;
        
}
 
#footer {
	width: 772px;
	margin: 10px auto;
	padding: 10px;
	background:  #212121;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;        
}
 
#footer2 {
	width: 772px;
	margin: 10px auto;
	padding: 10px;
	background:  #212121;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;        
}

#mainbody {
	width: 749px;
	margin: 5px auto;
	padding: 5px;
	background: #333333;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
        
}

p{margin: 5px auto; padding: 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

#leftside {
	width: 11px;
	margin: 0 auto;
	background: url(../images/Mockup1_08.jpg) left repeat-y #333333;       
}

#bottside {
	width: 749px;
	height: 20px;
	margin: 0 auto;
	background: url(../images/Mockup1_14.jpg) bottom repeat-x #333333;       
}

#leftcnr {
	width: 11px;
	height: 20px;
	margin: 0 auto;
	background: url(../images/Mockup1_13.jpg) left repeat-y #333333;     
}

#rightcnr {
	width: 12px;
	height: 20px;
	margin: 0 auto;
	background: url(../images/Mockup1_15.jpg) left repeat-y #333333;  
}

#rightside {
	width: 12px;
	margin: 0 auto;
	background: url(../images/Mockup1_10.jpg) right repeat-y #333333;
        
}

h1 {
color: #FFFFFF; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px; font-weight: bold;
padding: 0;
}

h2 {
color: #996600; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; font-weight: bold;
padding: 0;
}

h3 {
color: #FFFFFF; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; font-weight: bold;
padding: 0;
}

h4 {
color: #FFFFFF; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px; font-weight: bold;
}

h5 {
color: #FFFFFF; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px; font-weight: bold;
}

h6 {
color: #FFFFFF; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px; font-weight: bold;
}

a:link, a:visited {
font-size: 12px; 
color: #996600;
text-decoration: none;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

a:hover {
color: #178fff; text-decoration: underline;
}

ul {
margin: 5px 0px 20px 30px;
}

li {
padding: 5px 5px 0 5px;
list-style: 3px;
list-style-type: square;
}

.mosimage { border: 1px solid #000; padding: 0px; margin: 1px 8px 8px 0px;}
.mosimage_caption { background-color: #000; color: #FFF; }


/**
 * General Mambo Styles
 * --------------------
 * The following are styles that are often used
 * site wide by Mambo to provide better control
 * of content's appearences.
 */

hr { 
/* often used in components like Akobook, and Simpleboard forum
   to define the separator lines */
width: 700px;
height:1px; 
align: center;
border: 1px solid #996600;
}

hr.separator {
/* found this css style in Peekmambo's css style. Still haven't worked out
   if this is a custom style or an in built style. Will update when I find out*/
background: transparent;
height: 1px;
width: 75px;
border: 1px solid #000;
}