body {
	font-size: 68%;
	margin: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;	
}

a { color: red }
form { margin: 0; padding: 0; }
p { margin: 0  0 10px 0; }

#canvas {
	width: auto;
	margin: 0;
	padding: 0;
	background: #fff url(../img/bg-home.gif) repeat-y center;
}

#footerN {
	font-size: 10px;
	text-align: center;
	margin-bottom:10px;
	margin-right:20px;
	margin-top:5px;
}
#footerN a {
	color:#555;
	text-decoration:none;
}

#page {
	width: 775px;
	margin-left: auto;
	margin-right: auto;
}


#header {
	width: auto;
	height: 268px;
	background: url(../img/header.jpg) no-repeat;
}
#header h1, #header h2, #header p, label{
	position: absolute;
	left: -7000px;
	width: 200px;
	margin: 0;

}

#content {
	width: auto;
	margin-top: 2px;
	/*background: #fff;*/
	background: #e4e4e4 url(../img/bg-home-content.gif) repeat-x;
}
#components {
	float: left;
	width: 316px;
	font-size: 0.9em
}
#components ul {
	list-style-type: none;
	margin: 5px 0; padding: 5px;
}
#components ul li {
	display: block;
	width: auto;
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px 6px 5px 28px;
	margin: 0 0 2px	 0;
	color: #6A6A6A;
}

#components ul li.hm-users 	{ background: #fff url(/img/icos-user.gif) no-repeat top left; }
#components ul li.hm-groups	{ background: #fff url(/img/icos-group.gif) no-repeat top left; }
#components ul li.hm-study	{ background: #fff url(/img/icos-study.gif) no-repeat top left; }
#components ul li.hm-blog	{ background: #fff url(/img/icos-blog.gif) no-repeat top left; }
#components ul li.hm-events	{ background: #fff url(/img/icos-event.gif) no-repeat top left; }
#components ul li.hm-corp	{ background: #fff url(/img/icos-corp.gif) no-repeat top left; }


#actions {
	float: left;
	width: 202px;
	margin-bottom: 7px;
}
#actions ul {
	list-style-type: none;
	margin: 5px 0 0 0; padding: 5px 5px 0px 5px;
}
#actions ul li a span {
	position: absolute;
	left: -9999px;
}
#actions ul li a {
	display: block;
	width: 193px;
	height: 44px;
	padding: 0; margin: 0;
}
#actions ul li {
	display: block;
	width: 193px;
	padding: 0;
	margin: 0						;
}
#actions ul li.button-register {
	background: url(../img/but_reg.jpg) no-repeat;
}
#actions ul li.button-register a:hover {
	background: url(../img/but_reg_over.jpg) no-repeat;
}

#notifications {
	float: left;
	width: 250px;
	margin-bottom: 7px;
}

.copy {
	margin: 10px 5px 5px 5px; padding: 8px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #555;
	line-height: 140%;
	background:#fff;
	border: 1px solid #ccc;
}
.copynb {
	margin: 5px 5px 5px 5px; padding: 8px;
	color: #555;
	line-height: 140%;
	background:#fff;
	border: 1px solid #ccc;
}
.copynb p {
	clear: both;
}

.latestimg {
	float: left;
	margin-right: 8px;
}


.loginarea {
	border: 1px solid #ccc;
	margin: 10px 5px 0px 5px;
	padding: 10px 10px 0px 10px;
	color: #6A6A6A;
	background-color: #ffffff;
	font-size: 0.9em
}

input.loginuser, input.loginpass {
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 1em;
	margin: 0 8px 8px 0;
	color: red;

}
input.loginuser {
	width: 90%;
}
input.loginpass {
	width: 121px;
}

.ibut {
	margin: 0 8px 8px 0;
	border:none;
	padding:0;
}

a {

}

form {

}

p {

}

#footer {
	clear: both;
	width: 775px;
	height: 1px;
	background: #fff;
	background: url(../img/bg-footer.gif) repeat-x top;
}
#footer p {	
	padding: 7px 0 0 0;
	color: #ccc;
}
#footer a {
	color: #B3B3B3;
}

label.reg {
	position: relative;
	left: 0px;
	width: 0px;
	margin: 0;
}

.in_reg {
	padding:10px 10px 10px 20px;
	margin:0;
	overflow:auto;
}

#latestbanner {
	clear: both;
	width: auto;
	background: #181818 url(/img/latest-bg.gif) repeat-x;
	height: 80px;
	margin-top: 7px;
}
#latestbanner h2 {
	display: block;
	float: left;
	margin: 0; padding: 0;
	height: 70px; width: 23px;
	background: url(/img/latest-title.gif);
}
#latestbanner h2 span {
	display: none;
}
#latestbanner .latest {
	width: 250px;
	float: left;
}
#latestbanner .latest img {
	float: left;
	display: block;
	margin: 6px 0 0 6px;
	border: 1px solid #747474;
}
#latestbanner .latest p {
	float: left;
	display: block;
	width: 48%;
	margin: 6px 0 0 6px;
	color: #fff;
	font-size: 0.9em;
	font-family: arial;
}

/*
#actions ul li.button-tour {
	background: url(../img/button-take-a-tour.jpg) no-repeat;
}
#actions ul li.button-tour a {
	background: url(../img/button-take-a-tour.jpg) no-repeat;
}
#actions ul li.button-tour a:hover {
	background: url(../img/button-take-a-tour-over.jpg) no-repeat;
}
*/


input, select, textarea {
    border: 1px solid #ccc;
    padding: 4px;
    font-size: 1em;
    color: #000;
}

.redButton {
    border-bottom:solid 1px #777;
    border-right:solid 1px #777;
    border-top:none;
    border-left:none;
    padding:2px 5px;
    margin-bottom:2px;
    font-size:10px;
    background:#EF312C;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    cursor:pointer;
    cursor:hand;    
}