* {
	margin: 0;
	padding: 0;
}

html, body {
	padding:0;
	margin:0;
	border: none;
	text-align:center;
	background-color: #eee;
	font-size: 90%;
	font-family: Arial,Helvetica,Arial,sans-serif;
	color: #fff;
}

img {
	border: 0;
}

p {
	padding: .5em 0;
}

h1 {
	padding-bottom: 5px;
}

h2 {
	padding-bottom: 3px;
}

.clear {
	clear: both;
}

.fright { float: right; }
.fleft { float: left; }

@font-face {
    font-family: Corbel;
    font-style:  normal;
    font-weight: normal;
    src: url(/CORBEL0.eot);
  }

#container {
	width: 900px;
	border: 1px solid #333;
	min-height: 500px;
	text-align: left;
	margin: 20px 20px 5px 20px;
	background-color: #fff;
	float: left;
}

#logo {
	margin-left: 15px;
	float: left;
}

#top-menu {
	float: right;
	margin-right: 20px;
}

#top-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#top-menu ul li {
	float: left;
	margin-left: 10px;
	line-height: 40px;
}

#top-menu a {
	color: #006;
	font-weight: bolder;
	text-decoration: none;
}

#top-menu a:hover {
	text-decoration: overline;
}

#top-menu form, #top-menu p {
	margin: 0;
	padding: 0;
	color: #006;
}

/*\*/
* html #top-menu form {
	padding-top: 11px;
}
/**/

#top-menu form input {
	font-size: 10px;
}

#top-menu form input.button {
	font-size: 10px;
	border: 1px solid #006;
	background-color: #fff;
}

/*  WRAPPER */
#photo-wrap {
	background-color: #21217B;
	float: left;
	width: 900px;
}

#photo {
	float: left;
	width: 660px;
	height: 230px;
	border-right: 1px solid #fff;
}


#photo-misc {
	float: right;
	width: 219px;
	margin-right: 10px;
	font-size: 12px;
}

#photo-misc h1 {
	margin-top: 10px;
}

/*\*/
* html #photo-misc {
	display: inline;
}
/**/

#photo-misc #rings {
	text-align: center;
	margin-top: 10px;
}


#main-menu {
	background-color: #21217b;
	color: #fff;
	float: left;
	width: 100%;
	height: 20px;
	border-top: 1px solid #fff;

}

#main-menu ul {
	list-style: none;
	margin:0;
	padding:0;
}

#main-menu ul li {
	float: left;
	line-height: 20px;
	padding-right: 5px;
}

#main-menu ul li a {
	text-decoration: none;
	padding: 5px 5px;
	font-weight: bold;
	font-size: 11px;
}

#content-wrap 
{
	background-color: #fff;
	float: left;
	color: #000;
	min-height: 350px;
}

#content-left {
	min-height: 300px;
	width: 660px;
	float: left;
	background-color: #fff;
}

/*\*/ 
* html #content-left {
	height: 350px;
}
/**/

#content-right {
	width: 230px;
	background-color: #fff;
	float: right;
	margin-left: 10px;
}

#content-right img
{
	margin-top: 5px;
}

#content-right a {
	color: white;
}

#content {
	margin: 20px;
	font-family: Corbel,Arial,sans-serif;
}


#content h1 {
	font-size: 160%;
}

#content h2 {
	font-size: 130%;
}

#content h3 {
	font-size: 100%;
}

#content ul li {
	margin-left: 20px;
}


#login, #memberpanel {
	width: 220px;
	height: 140px;
	margin-top: 10px;
	font-size: 11px;
}

#apply {
	background: #fff url(/templates/common/images/apply_panel.jpg) no-repeat;
	width: 200px;
	height: 140px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
}

#olympic {
	background: #fff url(/templates/common/images/olympic_panel.jpg) no-repeat;
	width: 220px;
	height: 140px;
	margin-top: 10px;
}

#olympic a {
	text-decoration: none;
	color: #666;
	font-size: 17px;
}

#olympic h2 {
	text-align: center;
	padding-top: 10px;
}


#footer {
	color: #000;
	clear: both;
	padding: 5px 10px 5px 20px;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	float: left;
	margin-right: 10px;
}	

#footer ul li a {
	font-size: 11px;
}

#below {
	width: 900px;
	margin: 0 20px 10px 20px;
	height: 25px;
	font-size: 10px;
	float: left;
}

#below #b2 {
	float: left;
}

#b2 a {
	color: #006;
	text-decoration: none;
}

#below #copy {
	float: right;
	color: #000;
}

.unread {
	font-weight: bold;
}

.message {
	color: #f00 !important;
}

/*====== Message manager CSS ======*/

#message-compose {
	margin-top: 15px;
}

#message-compose div.row {
	clear: both;
	margin-top: 5px;
}

#message-compose .col1 {
	float: left;
	text-align: right;	
	width: 23%;
}

#message-compose .col2 {
	float: right;
	text-align: left;
	width: 76%;
	margin: 0;
	padding: 0;
}

#message-compose textarea {
	width: 400px;
	height: 150px;
}

#message-compose form input {
	padding: 0;
	margin: 0;
	width: 400px;
}

#message-compose form .button {
	width: 150px;
}

#message p
{
	margin-left: 10px;
}
/*====== End Message Manager CSS ======*/

#module-doclist .folder {
	margin-bottom: 15px;
	clear: both;
}

.folder p.name, .folder p.description {
	float: left;
}

.folder p.name {
	width: 30%;
}

.folder p.description {
	width: 69%;
}

#module-doclist ul {
	list-style-type: none;
}

#module-doclist li {
	clear: both;	
	line-height: 15px;
}

#module-doclist li a {
	line-height: 15px;
}

#login h2, #memberpanel h2 {
	margin-left: 14px;
}

#login p, #memberpanel p {
	color: #000;
	margin-left: 20px;
}


#memberpanel form {
	margin-top: 20px;
	text-align: center;
}

#memberpanel form input {
	width: 150px;
}

#memberpanel {
	background: #191976 url(/templates/common/images/ioc_green/login_panel.jpg) no-repeat;
	height: 310px;
}

#memberpanel h2 {
	color: #000;
	font-size: 120%;
	padding-left: 5px;
	padding-top: 10px;
}

#schedules {
	list-style-type: none;
	margin: 10px 80px;
}

#schedules li {
	width: 400px;
	min-height: 30px;
	line-height: 30px;
	border: 1px solid #999;
	margin-bottom: 5px;
	padding-left: 5px;
	background-color: #eee;
	clear: both;
}

#schedules input {
	margin: 0;
	padding: 0;
	float: left;
	height: 50px;
	width: 20px;
}

#schedules .details {
	float: right;
	width: 370px;
}

#schedules p {
	margin: 0;
	padding: 0;
}

#schedules p.name {
	float: left;
	width: 230px;
}

#schedules p.cost {
	float: left;
	width: 140px;
	font-weight: bold;
}

#schedules p.description {
	clear: both;
}

#scheduleForm .button {
	width: 150px;
	margin-left: 100px;
}

#scheduletable {
	margin-top: 10px;
	width: 100%;
	border: 1px solid #999;
}

#scheduletable th {
	height: 20px;
}

#scheduletable td, #scheduletable th {
	padding-left: 10px;
}

#scheduletable .header {
	background-color: #ddd;
}

#scheduletable .status.due {
	font-weight: bold;
	color: #090;
}

#scheduletable tr.due {
	background-color: #eee;
	font-weight: bold;
}

#scheduletable tr.overdue {
	background-color: #fdd;
	color: #f00;
}

#scheduletable .status.overdue {
	font-weight: bold;
	color: #f00;
}

#searchresults {
	list-style-type: none;
}

#searchresults .highlight {
	background-color: #ff0;
}

#searchresults .name {
	font-weight: bold;
}

#memberpanel .button
{
	width: 102px;
	background:url(/templates/common/images/button.gif) 50% 50% no-repeat;
	cursor:pointer;
}
#memberpanel .logout
{
	background-image:url(/templates/common/images/logout.gif);
	background-repeat: no-repeat;
	height: 20px;
}
#profile form
{
	margin: 15px 0px;

}

#profile p.message
{
	margin-left: 10px;
	color: #f00;
}

#profile div.row
{
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}

#profile div.row .label
{
	float: left;
	text-align: right;
	width: 30%;
}

#profile div.row .widget
{
	float: right;
	text-align: left;
	width: 69%;
}

#memberpanel form
{
	margin: 0;
	margin-top: 10px;
	padding: 0;
}