/* LearnAbility Stylesheet */

body{
	color:#383838;
	font-family:"Century Gothic";
	font-size:13px;
}

#site_container{
	width:900px;
	min-height:634px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background-color:#EBEBEB;
}

#main_nav{
	width:100%;
	height:27px;
	background-color:#CCC;
	border-bottom:#FFF solid 2px;
	border-top:#FFF solid 2px;
}
.nav_item{
	min-width:51px;
	height:21px;
	border-right:#676767 solid 1px;
	float:right;
	padding-right:5px;
	padding-left:5px;
	padding-top:0px;
	margin-top:3px;
}
.nav_item a{
	text-decoration:none;
	color:#383838;
	margin-left:5px;
}
.nav_item a:hover{
	color:#C1399E;
}

#page_banner{
	width:100%;
	height:200px;
	margin-bottom:5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#sub_nav{
	width:200px;
	height:190px;
	background-color:#D4D4D4;
	border-right:#FFF solid 2px;
	padding-top:10px;
}
#sub_nav p{
	border-bottom:1px dotted #676767;
	margin-left:10px;
	margin-right:5px;
	padding-bottom:2px;
}
#sub_nav a{
	color:#333;
}
#sub_nav a:hover{
	color:#000;
}

#logo{
	margin-top:14px;
	margin-right:8px;
	float:right;
}

#logo_container{
	width:100%;
	height:54px;
}

#right_container{
	float:right;
	width:210px;
}

#footer{
	width:890px;
	height:17px;
	background-color:#CCC;
	padding:5px;
}

a img{
	border:none;
}

hr{
	color:#DDD;
	line-height:0px;
}

.table_divider{
	border-right:2px #DDD solid;
}

h1{
	color:#C1399E;
	font-size:21px;
}

h2{
	color:#C1399E;
	font-size:15px;
}

a{
	color:#C1399E;
	font-weight:bold;
	text-decoration:none;
}

p{
	line-height:25px;
}

/* Rounded Container */

.container {
                color:#000000;
                width: 670px;
                margin-top: 0;
                margin-right: 10px;
                margin-bottom: 10px;
                margin-left: 10px;
                background-color: #FFFFFF;
}
.rtop, .rbottom{
                display:block;
                background-color: #EBEBEB; /* Needs to match page background colour */
}
.rtop *, .rbottom *{
                display: block;
                height: 1px;
                overflow: hidden;
                background-color: #FFFFFF;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}
.interfacetop {
	background-image: url(../tools/images/interfacetop.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.interfacebody {
	background-image: url(../tools/images/interfaceback.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.interfacefooter {
	background-image: url(../tools/images/interfacefooter.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.modulename {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	margin-left: 20px;
}