@charset "utf-8";

/* CSS Reset */
img				{ border:0 none; }
table			{ border-collapse:separate; }
caption,td,th	{ font-weight:normal; text-align:left; }
table,td,th		{ vertical-align:middle; }

/* Typography */
html			{ background:transparent; font-size:100.01%; height:100%; margin-top:1px; }
body			{ font-size:12px; line-height:1.4; font-family:Arial,Helvetica,Sans-serif; text-align:center; padding-bottom:1px; }

h1,h2,h3,h4,h5,h6
				{ font-weight:bold; }
h1				{						font-size:  2em; margin-bottom:0.25em; }
h2				{						font-size:1.7em; margin-bottom:0.50em; }
h3				{						font-size:1.4em; margin-bottom:0.75em; }
h4				{						font-size:1.2em; margin-bottom:1.00em; }
h5				{ font-weight:bolder;	font-size:1.1em; margin-bottom:1.20em; }
h6				{ font-weight:bolder;	font-size:  1em; margin-bottom:1.20em; }

p				{ margin-bottom:.8em; }
p img.left		{ float:left;  margin:1.2em 1.5em 1.2em 0; }
p img.right		{ float:right; margin:1em 0 1.5em 1.2em; }

a:link			{ text-decoration:none; }
a:visited		{ text-decoration:none; }
a:hover			{ text-decoration:underline; }
a:active		{ text-decoration:underline; }
a:focus			{ text-decoration:underline; }

blockquote		{ font-style:italic; margin:1.2em 1.5em; }
strong			{ font-weight:bold; }
em,dfn			{ font-style:italic; }
dfn				{ font-weight:bold; }
sup,sub			{ line-height:0; }
abbr,acronym	{ border-bottom:1px dotted; }
address			{ font-style:italic; margin:0 0 1.2em; }
pre				{ white-space:pre; margin:1.2em 0; }
pre,code,tt		{ font:1em 'andale mono','lucida console',monospace; line-height:1.3em; }

ol				{ list-style-type:decimal; margin:0 1.5em 1.2em; padding:0; }
ul				{ list-style-type:disc; margin:0 1.5em 1.2em; padding:0; }
li				{ margin:0 0 .2em; }
li ul, li ol	{ margin:0 1.5em 1.2em; }
dl				{ margin-bottom:1.2em; }
dd				{ margin-left:1.5em; }
dl dt			{ font-weight:bold; }

fieldset		{ margin-bottom:1.2em; }
input			{ vertical-align:middle; border:1px solid; margin:0; padding:1px; }

table			{ width:100%; margin-bottom:1.2em; }
caption			{ padding:4px 10px 4px 5px; }
th				{ font-weight:bold; }
th,td			{ padding:4px 10px 4px 5px; }
tfoot			{ font-style:italic; }

/* General */
.small				{ font-size: .8em; line-height:1.875em; margin-bottom:1.2em; }
.large				{ font-size:1.2em; line-height:2.5em  ; margin-bottom:.5em; }
.hide				{ display:none; }
.first				{ margin-left:	0; padding-left:0; }
.last				{ margin-right:	0; padding-right:0; }
.top				{ margin-top:	0; padding-top:0; }
.bottom				{ margin-bottom:0; padding-bottom:0; }
.clr				{ height:0; clear:both; overflow:hidden; }

img.left			{float:left; margin:10px; }
img.right			{float:right; margin:10px; }
h3 span				{ font-weight:normal; color:#000; font-size:0.75em; }

/* Calendar */
a img.calendar		{ background:url(../images/calendar.png) no-repeat; vertical-align:middle; width:16px; height:16px; cursor:pointer; margin-left:3px; }

/* Forms */
input.inputbox		{ font-size:100%; cursor:text; }

input.button		{ background:repeat-x left bottom; font-size:90%; font-weight:bold; width:auto; cursor:pointer; padding:.1em .5em; }
input.button:hover	{ background:repeat-x left top; }
input.button:focus	{ background:repeat-x left top; }

/* Border rounded */
div.r-m {
	border-left:1px solid;
	border-right:1px solid;
	padding:.8em .8em 0;
	overflow:hidden;
}
div.r-t, div.r-tr, div.r-tl, div.r-b, div.r-br, div.r-bl {
	height:6px;
}
div.r-t		{ background:repeat-x left top; }
div.r-tr	{ background:no-repeat right top; }
div.r-tl	{ background:no-repeat left top; }
div.r-b		{ background:repeat-x left bottom; }
div.r-br	{ background:no-repeat right bottom; }
div.r-bl	{ background:no-repeat left bottom; }

/* Border shutter */
div.sh-tl h3 {
	margin:-2px -8px 0;
	border-bottom:1px solid;
	padding:2px 8px .2em;
	margin-bottom:.4em;
}
div.sh-tl ul {
	margin-bottom:0;
}
div.sh-tl	{ background:no-repeat left top; }
div.sh-tr	{ background:no-repeat right top; }
div.sh-bl	{ background:no-repeat left bottom; }
div.sh-br	{ background:no-repeat right bottom; padding:8px; overflow:hidden; }

/* Layout */
#wrapper {
	text-align:left;
	min-width:750px;
	margin:0 auto 20px;
}
#header-box {
	background:repeat-x left top;
	font-size:90%;
}
#header-right {
	text-align:right;
}
div.col-left {
	width:140px;
	float:left;
	padding:.8em 10px 0;
	overflow:hidden;
}
div.col-right {
	width:230px;
	float:right;
	padding:.8em 10px 0;
	overflow:hidden;
}
div.col-middle {
	padding:.8em 10px 0;
	overflow:hidden;
}
div.col-left + div.col-middle {
	margin-left:160px;
}
div.col-right + div.col-middle {
	margin-right:250px;
}
div.col-left + div.col-right + div.col-middle {
	margin-left:160px;
}
#left {
	padding-top:0;
}
#right img {
	margin-bottom:.8em;
}
#main-box {
	padding:0;
}
#content-box {
	background-color:#FFF;
	border-top:1px solid;
	border-bottom:1px solid;
}
#component-box img {
	border:1px solid;
}
#left + #main-box #content-box {
	border-left:1px solid;
}
#footer-box {
	background:repeat-x left bottom;
	font-size:75%;
}
#component-box p {
	text-indent:2em;
}
#component-box ul p {
	text-indent:0;
}

/* Left Menu */
#left ul.menu					{ background:repeat-x left top; font-size:90%; font-family:Verdana, Geneva, sans-serif; list-style:none; margin:0; padding:1px 0 0; }
#left ul.menu li				{ margin:0; padding:0; }
#left ul.menu li a				{ background:repeat-x left bottom; text-decoration:none; display:block; padding:2px 0; }
#left ul.menu li.active a		{ font-weight:bold; }
#left ul.menu li a span			{ background:no-repeat 5px 5px; line-height:2; padding-left:16px; }

/* Bookmarks Menu */
#main-top ul.menu				{ font-size:90%; font-weight:bold; font-family:Verdana, Geneva, sans-serif; list-style:none; float:left; margin:0; }
#main-top ul.menu li			{ background:#FFF; border-left:1px solid; border-top:1px solid; border-right:1px solid; display:block; float:left; margin:0 -1px 0 0; }
#main-top ul.menu li a			{ background:repeat-x left bottom; text-decoration:none; display:block; }
#main-top ul.menu li.active a	{ background:repeat-x left top; }
#main-top ul.menu li a span		{ display:block; padding:.5em 1em .6em; }
