/*
Name: Sweet Curls
Author: Qwickmalik
URL: http://www.qwickfusion.com
Date: March 2, 2008
*/

/* GLOBALS */

body {
	background: #C9AD42;
	margin: 0 auto;
	padding: 0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #232323;
}

a {
	text-decoration: none;
	color: #FFD700;
}

a:hover {
	text-decoration: underline;
}

img {}

form, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

blockquote {
	font-style: italic;
}

p, blockquote, ul, ol {
	margin-bottom: 1.4em;
	line-height: 1.6em;
	text-align: justify;
	padding: 0 15px 0 20px;
	color: #393939;
}

title{
	font-weight: bold;
	font-size: 9px;
	color: #393939;
}
ul {
	margin-left: 3em;
}

ul li {
}

ol {
	margin-left: 3em;
}

ol li {
}

img{
	margin-bottom: 10px;
}

#container {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: none;
}

/* HEADER */
#header {
	float: left;
	width: 900px;
	height: 180px;
	margin: 0 auto;
	padding: 0;
	background: none;
}

#header_left{
	float: left;
	width: 675px;
	height: 180px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/header_left.jpg) left no-repeat;
}

#header_right{
	float: left;
	width: 225px;
	height: 180px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/header_right.jpg) left no-repeat;
}

#header_bottom{
	float: left;
	width: 225px;
	height: 71px;
	margin: 0 auto;
	background: url(../images/header_bottom.jpg) left no-repeat;
}
/* CONTENT */
#wrapper {
	float: left;
	width: 900px;
	margin: 0 auto;
	background: url(../images/wrapper.jpg) top left repeat-y;
}

#content {
	float: left;
	width: 900px;
	margin: 0 auto;
	background: url(../images/content.jpg) top left no-repeat;
}

#left {
	float: left;
	width: 672px;
	margin: 0 auto;
	background: none;
}

#news{
	margin: 0 auto;
	padding: 0;
	float: left;
	width: 600px;
	height: 300px;
	overflow: scroll;
}

#news_top{
	background: url(../images/news_top.jpg) top left no-repeat;
	float: left;
	width: 600px;
	height: 33px;
	margin: 0 auto;
	padding: 0;
}

#news_middle{
	background: url(../images/news_middle.jpg) top left repeat-y;
	float: left;
	width: 580px;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	text-align: right;
}

#news_line{
	background: url(../images/news_line.jpg) top center no-repeat;
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 580px;
	height: 5px;
}

#news_bottom{
	background: url(../images/news_bottom.jpg) top left no-repeat;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 600px;
	height: 10px;
}

#right {
	float: left;
	width: 225px;
	margin: 71px 0 0 0;
	background: none;
}

/* FOOTER */
#footer {
	float: left;
	width: 900px;
	height: 80px;
	background: url(../images/footer.jpg) left repeat-y;
}

#footer p{
	text-align: center;
	font-size: 9px;
	padding-top: 15px;
	color: #FFA500;
}

#clearer{
	clear: both;
}

/* JOOMLA */

/* top menu */
ul#mainlevel-nav {}
ul#mainlevel-nav li {}
ul#mainlevel-nav li a {}
ul#mainlevel-nav li a:hover {}
#mainlevel-nav#active_menu {}

/* side menu */
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	float: left;
	width: 225px;
	height: 26px !important;
	height: 26px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 11px;
	color: #0075E6;
	text-align: left;
	vertical-align: middle;
	background: url(../images/menu.jpg) left no-repeat;
}

a.mainlevel:hover {
	float: left;
	width: 225px;
	height: 26px;
	margin: 0 auto;
	padding-left: 20px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	background: url(../images/menu_over.jpg) left no-repeat;
}

a.mainlevel#active_menu {
	color: #ffffff;
}

a.mainlevel#active_menu:hover {
	color: #FFFFCA;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 25px;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	background: url(../images/menu_over.jpg) left no-repeat;
	width: 225px;
	height: 26px !important;
	height: 26px;
	margin: 0 auto;
	color: #FFD700;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}

div.moduletable {
    margin-bottom: 10px;
    text-align:    left;
}
div.moduletable td {
    text-align: left;
}
div.moduletable h3 {
    text-align:    left;
    color: #ffffff;
    font-weight: normal;
    font-size:     14px;
    padding-left:  20px;
	 width: 225px;
	height: 27px !important;
	height: 27px;
	 background: url(../images/main_menu.jpg) left no-repeat; 
}
table.moduletable th {
	width: 225px;
	height: 27px !important;
	height: 27px;
    color: #ffffff;
    text-align:     left;
    vertical-align: middle;
    font-weight: bold;
    padding-left:   20px;
    font-size:      14px; 
    text-transform: none; 
    background: url(../images/main_menu.jpg) left no-repeat; 
}

form {
    display: inline;
    margin:  0;
    padding: 0;
	 /*width: 100%;*/
}
pre {
    padding: 10px;
}
ol {
    margin-left:         20px;
    list-style-position: inherit;
}
table.contentpaneopen {
}

table.contentpaneopen td {
}

table.contentpaneopen td.componentheading {
}

table.contentpane {
}

table.contentpane td {
}

.contentpaneopen td {
    padding:     0;
    text-align:  left;
    line-height: 16px;
}
.contentpaneopen fieldset {
    border: none ;
    width:  100%;
}

table.contenttoc {
    border:  1px solid #CCCCCC ;
    margin:  3px;
    padding: 5px;
}

.contenttoc th {
font-size: 12px;
    background-color: #3E4A4F;
    padding:          3px;
    color:            #FFFFFF;
    font-weight:      bold;
}
.contenttoc a {
    font-size:   12px;
    padding:     0 5px 0 5px;
    font-weight: normal;
}
.contenttoc a:hover {
    font-size:    12px;
    color:        #F0E68C;
    padding-left: 5px;
}
.contenttoc td {
	padding: 3px;
	background: #0071DD;
}

.contenttoc th {
  background: none;
  color: #F0E68C;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.contentpane {
    font-size:   11px;
    line-height: 18px;
    text-align:  left;
}
.contentpaneopen ul {
    margin-left: 10px;
}
.contentpane ul {
    margin-left: 10px;
}
.button {
	color: #4D270B;
	font-family: Arial, Hevlvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 3px double #cccccc;
	width: auto;
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 1px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

.componentheading {
	background: none;
	color: #4C270B;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;

}

.contentcolumn {

}

td.contentheading {
	height: 30px;
	color: #4C270B;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
}

.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 585px;
}

table.searchintro td {
	font-weight: bold;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: none;
  padding: 4px;
  	border-bottom: solid 1px #4C270B;
}

.sectiontablefooter {

}

.sectiontableentry1 {
font-size: 12px;
	background-color : none;
	border-bottom: solid 1px #4C270B;
}

.sectiontableentry2 {
font-size: 12px;
	background-color: none;
	border-bottom: solid 1px #4C270B;
}

.small {
	color: #F0E68C;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #F0E68C;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #F0E68C;
	font-size: 11px;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

div.mosimage {
  border: 1px solid #8B4513;
}

.mosimage {
	border: 1px solid #8B4513;
	margin: 5px;
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 1.5em;
}
.back_button a {
    padding:    2px 5px 2px 5px;
    background: none;
}

#clearer{
	clear: both;
}