html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
img {
	border:0;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* HACK */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* TAGS */
a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background:#aaa9a9;
	font-size:10px;
}

p {
	margin:0 0 10px 0;
}


/* JOOMLA */
.contentheading, .componentheading {
	text-transform:uppercase;
	font-weight:bold;
	padding:0 0 15px 0;
}

.button {
	background:url(../images/button-bg.png) repeat-x;
	border:0;
}

.buttonheading {
	color:#666666;
}


/* DIVS */
#wrapper {
	background:url(../images/wrapper-bg.jpg) no-repeat #FFFFFF;
	width:996px;
	height:601px;
	margin:0 auto;
	margin-top:50px;
}

#top {
}

#top2 {
	float:right;
	padding:8px 10px 0 0;
	width:250px;
}

#left {
	float:left;
	width:109px;
	margin:60px 0 0 52px;
	padding:0 80px 0 0;
}

#wrapper2 {
	margin:100px 0 0 0;
}

#center {
	float:left;
	width:725px;
}

#content {
	line-height:1.4em;
	height:350px;
	overflow:auto;
	margin:0 25px 0 0;
	padding:0 10px 0 0;
}

#bottom {
	float:right;
	margin:35px 0 0 0;
}

#user2 {
	margin:0 0 0 5px;
}

#left2 {
	height:253px;
}

#user1 {
	margin:0 0 0 10px;
}


/* DIV:top2 */
#top2 #fontsize {
	float:left;
	margin:0 10px 0 0;
}

#top2 #fontsize a {
	text-decoration:none;
	border:0;
}

/* DIV:top */
#top h1 a {
	font-size:35px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding:60px 0 0 270px;	
}

#top label {
	display:none;
}


/* DIV:left */
/*
#left ul a {
	color:#FFFFFF;
	display:block;
	padding:7px 10px 4px 10px;
	height:15px;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 0 0;
}

#left ul li.active a, #left ul a:hover {
	background:url(../images/left-a-hover.png) no-repeat #646463;
	color:#FFFFFF;
}
*/

/* DIV:bottom */
#bottom a {
	text-decoration:none;
	color:#919090;
}

#bottom a:hover {
	text-decoration:underline;
}

/* DIV:usr2 */
#user2 .devider {
	padding:5px 0 5px 0;
}

#user2 .inputbox {
	margin:0 0 5px 2px;
	width:90px;
}

#user2 .button {
	margin:0 0 0 4px;
	width:90px;
	border:0;
	height:23px;
}

/* DIV:content */
#content ul, #content ol {
	padding:0 0 7px 25px;
}

#content ul {
	list-style:disc;
}

#content ol {
	list-style:decimal;
}
