/******** MENU  ******/
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.style2 {font-size: 12px}
.style3 {color: #ff6600}

body {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	margin:5px;
	padding:0px;
	background-image: url(/images/background.gif);
	background-repeat: repeat;
}

.bg{
	background-color: #FFFFFF;
}

.conarea{
	color: black;
	background-color: white;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

.leftmenu{
	background-color:#e7a800;
}

.centercontent{
	background-color:#FFFFFF;
}

.rightmenu{
	background-color:#cf0226;
}

/* for all find more and read more */
a.findmore:link, a.findmore:visited, a.findmore:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CF0226;
}

a.findmore:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.mltop{
	background-color: #58b635;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	width: 100%;
	border: 0px solid #000000;
}

.mltopgreen{
	background-color: #58b635;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	border: 0px solid #000000;
	width: 100%;
	text-transform: uppercase;
}

.mltoporange{
	background-color: #e7a800;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	border: 0px solid #000000;
	width: 100%;
	text-transform: uppercase;
}

.mltopblue{
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 100%;
	text-transform: uppercase;
	border: 0px solid #000000;
}

.mltopred{
	background-color: e7a800;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	border: 0px solid #000000;
	width: 100%;
	text-transform: uppercase;
}

.ml{
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border: 0px solid #000000;
	width: 100%;
	background-color: #58B635;
}

.mlgreen{
	color: #C0F6A9;
	background-color: #58b635;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border: 0px solid #000000;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.mlblue{
	color: #0C2D3F;
	background-color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 5px;
	font-size: 12px;
	border: 0px solid #000000;
}


.mlevents{
	color: #0C2D3F;
	background-color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px solid #000000;
	vertical-align:top;
}

.mlorange{
	color: #000000;
	background-color: #e7a800;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 12px;
	border: 0px solid #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.mlred{
	color: #000000;
	background-color: #e7a800;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border: 0px solid #000000;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.content{
	background-color: #FFFFFF;
	text-align: left;
	font-size: 12px;
}

/* color for the inforbox */
a.inforbox:link, a.inforbox:visited, a.inforbox:active {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.inforbox:hover {
	color: #cc0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* link for the resources part*/
a:link, a:visited, a:active {
	text-decoration: none;
	color: #0C2D3F;
	background: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}

a:hover {
	text-decoration: none;
	color: #cc0000;
	background: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}

a.copyright1:link, a.copyright1:active {
  	text-decoration: none;
  	font-weight: normal;
  	color: #000000;
  	background: transparent;
}

a.copyright1:hover {
  	text-decoration: none;
  	font-weight: normal;
  	color: #537bb6;
  	background: transparent;
}

/* left menubar */
a.leftmenubar:link, a.leftmenubar:visited, a.leftmenubar:active {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	text-decoration: none;
  	color: #FFFFFF;
 	background: transparent;
	font-size: 12px;

}

a.leftmenubar:hover {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	text-decoration: none;
  	color: #cc0000;
  	background: transparent;
	font-size: 12px;

}

.leftleft {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	text-decoration: none;
  	color: #FFFFFF;
	font-size: 12px;
	background-color: #58b635;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}

/* right menubar*/
a.rightmenubar:link, a.rightmenubar:visited, a.rightmenubar:active {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	text-decoration: none;
  	color: #333333;
 	background: transparent;
	font-size: 12px;

}

a.rightmenubar:hover {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	text-decoration: none;
  	color: #cc0000;
  	background: transparent;
	font-size: 12px;

}

/* for the blogs */
.blogname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0C2D3F;
	padding-left: 3px;
}

.blogcountry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #0C2D3F;
	padding-left: 1px;
}

.blogcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0C2D3F;
}

.copyright1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	color: #000000;
	background-color: #CCCCCC;
	text-align: left;
}

.copyright2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	color: #000000;
	background-color: #CCCCCC;
	text-align: right;
	padding-right: 3px;
}

/* for the "about youth site" header */
.titleviolet {
	color: #FFFFFF;
	text-align: left;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	background-color: #936FB1;
	padding-right: 2px;
	padding-left: 10px;
	padding-top: 2px;
}

.titleyellow {
	color: #FFFFFF;
	text-align: left;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	background-color: #E7A800;
	padding-right: 2px;
	padding-left: 10px;
	padding-top: 2px;
}

.titlegreen {
	color: #FFFFFF;
	text-align: left;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	background-color: #58B635;
	padding-right: 2px;
	padding-left: 10px;
	padding-top: 2px;
}

.titleblue {
	color: #FFFFFF;
	text-align: left;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	background-color: #0279c2;
	padding-right: 2px;
	padding-left: 10px;
	padding-top: 2px;
}

.titlered {
	color: #FFFFFF;
	text-align: left;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	background-color: #CF0226;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-top: 2px;
}

/* for the left menu discussion board black text */
table { 
	font-size: 10px; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
}

/* for the sign in box */
input{
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

/* line style */
.line1 {
	background-repeat: repeat-x;
	background-image: url(/images/line1.gif);
}

.line2 {
	background-image: url(/images/line2.gif);
	background-repeat: repeat-y;
}

/* border around footer */
table#wrap {
	border: 1px solid #000000;
	margin-bottom: 60px;
}

/*
table#wrapmain {
	border: 1px solid #000000;
}
*/

/* photo gallery layout */
#photogallery {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
}

.photo {
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-color: #58B635;
	border-right-color: #58B635;
	border-bottom-color: #58B635;
	border-left-color: #58B635;
}

/* DISCUSSION BOARS */

.mlblack{
	color: #333333;
	background-color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 5px;
	font-size: 12px;
	border: 0px solid #000000;
}
.mlblack-simple{
	color: #333333;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

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