body, html
{
	padding:0px;
	margin:0px;
	height:100%;
}

div#container 
{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	/*background:#f0f0f0;*/
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

#header 
{
	width:100%;
	height:95px;
	background-image:url(../images/bg_header.jpg);
	background-repeat:repeat-x;
	margin:0px;
	top:0px;
	right:0px;
	left:0px;
}

div#content 
{
	padding:0em 1em 5em; /* bottom padding for footer */
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

#menu
{
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
	margin-bottom:3px;
	width:550px;
	height:32px;
}

#menu dl 
{
	margin-top:0px;
}

#menu dd 
{
	display:inline;
	margin:0px;
	text-align:center;
}

div#footer 
{
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#ccc;
	height:70px;
}

img.interface 
{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2px;
	display:block;
}

h1 
{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#4BB3B6;
	text-transform:uppercase;
	margin:0px;
	border-bottom:1px solid #4BB3B6;
}

h2 
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#4BB3B6;
	text-transform:uppercase;
	margin-top:10px;
	/*margin:0px;*/
}

h1.columnHeader 
{
	font-size:14px;
	color:#FFFFFF;
	font-weight:bolder;
	padding:3px;
}

p.introduction
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:justify;
	margin:0px;
}

div#signup_btn
{
	width:235px;
	margin-left:auto;
	margin-right:auto;
}

div#create_record_publish_wrapper
{
	float:left;
}

div#create
{
	width:245px;
	/*height:362px;*/
	margin-right:5px;
	background-image:url(../images/img_header_02.jpg);
	background-repeat:no-repeat;
	float:left;
}

div#record
{
	width:245px;
	/*height:362px;*/
	margin-right:5px;
	background-image:url(../images/img_header_02.jpg);
	background-repeat:no-repeat;
	float:left;
}

div#publish
{
	width:245px;
	/*height:362px;*/
	background-image:url(../images/img_header_02.jpg);
	background-repeat:no-repeat;
	float:left;
}

div#learnmore_wrapper
{
	float:left;
}

div#learnmore
{
	width:245px;
	float:left;
}

p.column 
{
	font-size:12px;
	text-align:justify;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
}

ul.columnList 
{
	list-style-type:none;
	list-style-image:url(../images/arrow.jpg);
	font-size:12px;
	text-align:left;
	color:#999999;
}

ul.columnList li
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

img.learnmore 
{
	float:right;
}



span.copyright 
{
	float:left;
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

span.address 
{
	float:right;
	text-align:right;
	padding-right:5px;
	padding-top:5px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}








#under_development {
	width:750px;
	height:75px;
	margin-bottom:220px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
/*	background-color:#CCCCCC;*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:justify;
	padding:5px;
}

/*** curved div ***/

.lb /*left top*/
{
	background-image:url(../images/form/lb.gif);
}

.b /*top*/
{
	background-image:url(../images/form/b.gif);
}

.rb /*right top*/
{
	background-image:url(../images/form/rb.gif);
}

.l /*left*/
{
	background-image:url(../images/form/l.gif);
}

.m /*center*/
{
	background-color:#cecece;
}

.r /*right*/
{
	background-image:url(../images/form/r.gif);
}

.lo /*left bottom*/
{
	background-image:url(../images/form/lo.gif);
}

.o /*bottom*/
{
	background-image:url(../images/form/o.gif);
}

.ro /*right bottom*/
{
	background-image:url(../images/form/ro.gif);
}



#test1
{
	width: 330px;
	height: 250px;
	float:left;
	margin-left: 10px;
	/*border:1px solid #000;*/
}

#test2
{
	width: 370px;
	height: 50px;
	float:right;
	margin-right: 10px;
	font-family   : Arial, Helvetica, sans-serif;
	font-size    : 12px;
	color        : white;
	font-weight  : bold;
	/*border:1px solid #000;*/
}

#test3
{
	width: 370px;
	height: 110px;
	float:right;
	margin-right: 10px;
	font-family   : Arial, Helvetica, sans-serif;
	font-size    : 12px;
	color        : white;
	font-weight  : bold;
	/*border:1px solid #000;*/
}

#test4
{
	width: 370px;
	height: 50px;
	float:right;
	margin-right: 10px;
	font-family   : Arial, Helvetica, sans-serif;
	font-size    : 12px;
	color        : white;
	font-weight  : bold;
	/*border:1px solid #000;*/
}

#test5
{
	width: 370px;
	height: 40px;
	float:right;
	margin-right: 10px;
	font-family   : Arial, Helvetica, sans-serif;
	font-size    : 12px;
	color        : white;
	font-weight  : bold;
	/*border:1px solid #000;*/
}

span.title
{
	display       : block;
	font-family   : Arial, Helvetica, sans-serif;
	font-size     : 14px;
	font-weight   : bold;
	text-align    : center;
	color         : #4BB3B6;
	margin-bottom : 10px;
}

#signup
{
	float        : right;
	margin-right : 10px;
}

#addMaterial label
{ 
	float        : left;
	width        : 150px;
	font-family  : Arial, Helvetica, sans-serif;
	font-size    : 12px;
	color        : white;
	font-weight  : bold;
}

#addMaterial .input
{
	width        : 160px;
}

a:link, a:visited
{
	color:#5FA8AF;
	text-decoration:none;
	font-weight:bold;
}

a:hover 
{
	color:#5FA8AF;
	text-decoration:none;
	font-weight:bold;
}