

body {

	background:#FFF url(../images/bg.png) repeat-x;

	margin-top:0px;

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

	color:#333;

	font-size:12px;

	}

	

a:link, a:visited {

	text-decoration:none;

	font-weight:normal;

	color:#3155f0;

	}



a:hover {

	text-decoration:none;

	font-weight:normal;

	color:#3155f0;

	}



a img {

	border:none;

	}

	

	

/*****************************************/

/*** Template specific layout elements ***/

/*****************************************/

	

div#header {

	width:900px;

	height:200px;

	margin:0 auto;

	}

	

div#logo {

	float:left;

	width:190px;

	height:188px;

	background:url(../images/logo.png) no-repeat;

	}
	

	div#sitename {

	margin-top:200px;

	float:left;
	
	margin-left:500px;

	width:670px;

	height:38px;

	}

div#topnav {

	margin-top:104px;

	float:right;

	width:670px;

	height:38px;

	}

	

div#breadcr {

	float:right;

	margin-top:15px;

	height:25px;

	width:670px;

	font-size:10px;

	}

	

div#container {

	width:900px;

	margin:0 auto;

	border:1px solid #DCDCDC;

	background-color:#F9F9F9;

	}

	

div#modleft {

	float:left;

	margin:5px 0px 5px 5px;

	width:200px;

	}

	

div#content {

	margin:5px;

	float:right;

	padding:10px;

	width:650px;

	border:1px solid #DCDCDC;

	background-color:#FFF;

	}

	

div#modbot {

	margin:5px;

	background-color:#E1E1E1;

	padding:5px;

	}

	

div#footer {

	width:886px;

	background:url(../images/footer_bg.png) repeat-x;

	height:30px;

	margin:10px auto;

	padding:8px;

	color:#FFFFFF;

	font-size:10px;

	}

	

div#copyr {

	padding-right:5px;

	color:#FFF;

	text-align:right;

	}

	

div#copyl {

	padding-left:5px;

	color:#FFF;

	text-align:left;

	float:left;

	}





	

/* horizontal menu */



#pillmenu {

	text-align:left;

	margin: 0;

	}

	

#pillmenu ul {

	margin: 0;

	padding: 0;

	list-style: none;

	line-height:250%;

	}

	

#pillmenu li {

	float: left;

	margin-bottom:0;

	margin-right:5px;

	height:38px;

	width:111px;

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

	background-repeat:no-repeat;

	text-align:center;	

	}



#pillmenu li a {

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

	color:#666;

	font-size: 11px;

	font-weight: bold;

	text-align:center;

	display: block;

	line-height:350%;

	text-decoration: none;

	}



#pillmenu li a:hover {

	color:#336699;

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

	background-repeat:no-repeat;

	}

	

.clr {

	clear:both;

	}

	



	

/*****************************************/

/*** Joomla! specific content elements ***/

/*****************************************/



h1,.componentheading {

font-size:1.5em;

font-weight:bold;

color:#135cae;

}



h2,.contentheading {

font-size:1.5em;

color:#8c191b;

font-weight:normal;

}



h3 {

font-size:1.3em;

}



h4 {

font-size:1.2em;

}



h5 {

font-size:1.1em;

}



h6 {

font-size:1em;

font-weight:700;

}



#footer,.small,.createdate,.modifydate,.mosimage_caption {

font:0.8em Arial,Helvetica,sans-serif;

color:#999;

}



table.moduletable th {

  color: #135cae;

}



.moduletable {

	margin-bottom:1em;

	padding:0 10px;

	}

	

	

	

/* Heading of Modules */

.moduletable h3 {

	text-align:left;

	margin:0 -10px 0.5em;

	padding:0.25em 0;

	color:#135cae;

	}

	



/*### Navi left ###*/



.moduletable_menu {

	margin-bottom:1em;

	border:1px solid #DCDCDC;

	padding:0 8px 8px;

	background-color:#FFF;

	width:200px;

	}

	

/* Heading */	

.moduletable_menu h3 {

	background:url(../images/mod_bg.png) repeat-x;

	height:30px;

	color:#666;

	margin:0 -10px 0.5em;

	padding-top:8px;

	padding-left:15px;

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

	font-size:12px;

	text-decoration:none;

	text-align:left;

	}



.moduletable_menu ul {

	list-style:none;

	margin:0;

	padding:0;

	}

	

.moduletable_menu li {

	margin:0;

	}

	

.moduletable_menu li a {

	text-decoration:none;

	line-height: 2;

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

	background-repeat:no-repeat;

	background-position:left center;

	}

	

	

	

	#leftcolumn ul.menu li a {

	padding: 4px 0;

	display: block;

	color: #333333;

	background: url(../images/hdot2.gif) repeat-x bottom;

	text-decoration: none;

	outline: none;

}



#leftcolumn ul.menu li a span {

	padding-left: 16px;

	background: url(../images/bullet.png.html) no-repeat 5px 5px;

}



#leftcolumn ul.menu li a:hover,

#leftcolumn ul.menu li a:active,

#leftcolumn ul.menu li a:focus {

	color: #333333;

	background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;

	text-decoration: none;

}



#leftcolumn ul.menu li.active a {

	background: url(../images/hdot2.gif) repeat-x bottom #F9F9F9;

	color: #8c191b;

	font-weight: bold;

	text-decoration: none;

}







#leftcolumn ul.menu li li {

	padding: 0 0 0 15px !important;

	list-style: none;

}



#leftcolumn ul.menu li li a {

	color: #333333;

	background: none !important;

	font-size: 92%;

	font-weight: normal;

}



#leftcolumn ul.menu li li a:hover,

#leftcolumn ul.menu li li a:active,

#leftcolumn ul.menu li li a:focus {

	color: #006699;

	background-color:#F9F9F9;

}



#leftcolumn ul.menu li li a span {

	background: url(../images/bullet.png.html) no-repeat 5px;

	font-weight: normal;

}





	

	

	

a.sublevel:link {

	text-decoration:none;

	padding:3px 5px 3px 20px;

	line-height: 2;

	font-size:10px;

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

	background-repeat:no-repeat;

	background-position:left center;

	}



/*#############################*/



.moduletable {

	margin-bottom:1em;

	border:1px solid #DCDCDC;

	padding:0 15px 10px;

	background-color:#FFF;

	width:170px;

	}

	

/* Heading */	

.moduletable h3 {

	background:url(../images/mod_bg.png) repeat-x;

	height:30px;

	color:#666;

	margin:0 -15px 0.5em;

	padding-top:8px;

	padding-left:15px;

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

	font-size:12px;

	text-decoration:none;

	text-align:left;

	}



.moduletable ul {

	list-style:none;

	margin:0;

	padding:0;

	}

	

.moduletable li {

	margin:0;

	text-align:left;

	}

	

.moduletable li a {

	text-decoration:none;

	padding:3px 5px 3px 10px;

	line-height: 2;

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

	background-repeat:no-repeat;

	background-position:left center;

	text-align:left;

	}

/*#############################*/





/* END Navi */







/* META

--------------------------------------------------------- */

.article-tools {

	border-top: 1px solid #DDDDDD;

	width: 100%;

	float: left;

	clear: both;

	margin-bottom: 15px;

	display: block;

	background: #ECECEC;

}



.article-meta {

	padding: 5px;

	width: 290px;

	float: left;

}



.createby {

	padding: 3px 3px 3px 20px;

	background: url(../images/icon-user.gif) no-repeat 0 2px;

}



.createdate {

	padding: 3px 3px 3px 20px;

	background: url(../images/icon-date.gif) no-repeat 0 2px;

}



.modifydate {

	width: 200px;

	float: left;

}



div.buttonheading {

	float: right;

	width: 60px;

}



.buttonheading img {

	margin: 7px 5px 0 0;

	border: 0;

	float: right;

}



/* Small text */

small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {

	color: #666666;

	font-size: 92%;

}







/* spacers */

span.article_separator {

	display: block;

	height: 20px;

}



.article_column {

	padding-right: 5px;

}



.column_separator {

	border-left: 1px dashed #e0e0e0;

	padding-left: 10px;

}



td.buttonheading {



}



td.buttonheading img {

	border:none;

}



td.greyline {

  width: 20px;

  background: url(../images/mw_line_grey.png.html) 50% 0 repeat-y;

}



div#maindivider {

  border-top: 1px solid #ddd;

  margin-bottom: 10px;

  overflow: hidden;

  height: 1px;

}



table.blog span.article_separator {

	display: block;

	height: 20px;

}









/* forms */

table.adminform textarea {

  width: 540px;

  height: 400px;

  font-size: 1em;

  color: #000099;

}



form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}

form#form-login ul { padding-left: 20px; }



form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}

form#com-form-login ul { padding-left: 20px; }



.button {

	border:none;

	background:url(../images/btn_bg.png) repeat-x;

	height:22px;

	padding:3px 10px;

	color:#FFFFFF;

	font-weight:bold;

	font-size:12px;

	}

	

.button:hover {

	border:none;

	background:url(../images/btn_bg_mo.png) repeat-x;

	height:22px;

	padding:3px 10px;

	color:#FFFFFF;

	font-weight:bold;

	font-size:12px;

	}



.inputbox {

	border:1px solid #CCC;

	background-color:#ECECEC;

	padding:1px;

	}

	

.inputbox:hover, .inputbox:focus {

	border:1px solid #CCC;

	background-color:#FFFFCC;

	padding:1px;

	}

	





/* System Standard Messages */

#system-message { margin-bottom: 20px; }



#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}



/* System Error Messages */

#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}



/* System Notice Messages */

#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}



#syndicate{

	float:left;

	padding-left: 25px;

}





/* System Messages */

/* see system general.css */



.pagination span { padding: 2px; }

.pagination a    { padding: 2px; }



/* Polls */

.pollstableborder td {

	text-align: left;

}



/* WebLinks */

span.description {

	display:block;

	padding-left: 30px;

}



/* Frontend Editing*/

fieldset {

	border: 1px solid #ccc;

	margin-top: 15px;

	padding: 15px;

}



legend {

	margin: 0;

	padding: 0 10px;

}



td.key {

	border-bottom:1px solid #eee;

	color: #666;

}







/* content tables */

td.sectiontableheader {

  background: #efefef;

  color: #333;

  font-weight: bold;

  padding: 4px;

  border-right: 1px solid #fff;

}



tr.sectiontableentry0 td,

tr.sectiontableentry1 td,

tr.sectiontableentry2 td {

  padding: 4px;

}



td.sectiontableentry0,

td.sectiontableentry1,

td.sectiontableentry2 {

  padding: 3px;

}