/* CSS Document */


html, body {
	margin:0px;
	padding:0px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif; font-size:90%; font-style:normal; color:#000;}

p {text-indent:0px;}

tr#success {color:#FFF; background-color:#9C9; text-align:center; }
tr#titles {color:#666; background-color:#9CC; text-align:center;}
tr#normrow {color:#666; background-color:#D4EAEA; text-align:center;}

form#reg label span {width:150px; float:left;}
form#reg br {clear:both;}

form#login label span {width:150px; float:left;}
form#login br {clear:both;}

form#details label span {width:150px; float:left; height:22px; display:block;}
form#details br {clear:both;}

.head {color:#C60;}
.author {color:#C60;}
h1 {color:#099; font-size:130%;}
h2 {color:#C60; font-size:110%; margin:0px;}
h3 {color:#000; font-size:100%;}
.error {color:#F00; font-size:100%;}
.box {width:200px;}
.box2 {width:205px;}
.searchresult {color:#099; font-size:100%; display:block; border-bottom:1px dotted #CCC; text-indent:10px; padding-bottom:4px;}
.highlight {background:#FF9;}

.vclips {font-weight:bold; color:#C60;} 
.name {font-style:italic}

.clipdetails {background:/*#D1F2F2;*/#FFF;}
.clipdetails p {margin:0px; font-style:italic;}


.clipdetailshead {background:#e9e9e9;}
.clipdetailshead h3 {color:#C60; font-size:100%; margin-bottom:0px; padding-bottom:0px;}

#videocont td {padding:2px; border:0px; margin-bottom:1px;}

div#container {
	width:760px;
	margin:0px;
	/*margin-left:auto;
	margin-right:auto;*/
	/*background-image: url(i/bg.gif);
	background-repeat: repeat;*/
	padding:0px;
	
}

div#cornerpanel {
	width:169px;
	height:163px;
	background-color:#009999;
	float:left;
	background-image: url(i/corner.jpg);

	}
	
div#toppanel1 {
	width:591px;
	height:120px;
	background-color:#FFF;
	float:left;
	background-image: url(i/toppanel1.jpg);
	background-position: left;
	}
	
#logo {position:absolute; left:730px; margin-top:8px;}
	
div#toppanel2 {
	width:591px;
	height:43px;
	background-color:#FFF;
	float:left;
	text-align:right;
	
	}

div#mainnav {
	width:169px;
	height:600px;
	background-color:#009999;
	float:left;
	background-image: url(i/mainnav.jpg);
	
	
	}
	
div#content {
	width:591px;
	float:right;
	/*background-image: url(i/bglogo.jpg);
	background-position: top right;
	background-repeat: no-repeat;*/

	}
	
.right img {margin:0px; text-align:left}
	
#left {float:left; width:465px; padding:0px; margin:0px;}


/*#left img{display:none;}*/
#left img{margin:0px; width:auto;}
/*#right img{display:none;}*/
#test img{width:460px;}
#right {float:right; font-size:80%;  width:125px; margin-top:90px; }


a.submenulink:link{color:#C60; text-decoration:none; margin:0px; padding:0px; }
a.submenulink:visited{color:#C60; text-decoration:none; margin:0px; padding:0px; }
a.submenulink:hover{color:#099; text-decoration:none; margin:0px;  padding:0px;  }
a.submenulink:active{color:#C60; text-decoration:none; margin:0px; padding:0px;  }



div#footer {
	/*width:591px;*/
	height:50px;
	/*background-color:#FFF;*/
	text-align:center;
	font-size:80%;
	margin-top:15px;
	clear:both;}
#footer p {font-size:9px}
	
#mainnav ul {margin:0px; list-style-type:none; text-indent:2px; padding:0px; color:#FFFFFF; font-weight:bold;}
#toppanel2 li {margin:0px; list-style-type:none;  padding:0px; font-weight:normal; display:inline;}


#footer li {margin:0px; list-style-type:none; padding:0px; font-weight:normal; display:inline;}


.bold {font-weight:bold}
	
/* Links */

#toppanel2 a:link{color:#099; text-decoration:none;}
#toppanel2 a:visited{color:#099; text-decoration:none;}
#toppanel2 a:hover{color:#F90; text-decoration:none;}
#toppanel2 a:active{color:#099; text-decoration:none;}

#mainnav a:link{color:#FFF; text-decoration:none;}
#mainnav a:visited{color:#FFF; text-decoration:none;}
#mainnav a:hover{color:#F90; text-decoration:none;}
#mainnav a:active{color:#FFF; text-decoration:none;}

#footer a:link{color:#999; text-decoration:none;}
#footer a:visited{color:#999; text-decoration:none;}
#footer a:hover{color:#F90; text-decoration:none;}
#footer a:active{color:#999; text-decoration:none;}

a:link{color:#099; text-decoration:none;}
a:visited{color:#099; text-decoration:none;}
a:hover{color:#F90; text-decoration:none;}
a:active{color:#099; text-decoration:none;}

.casehead {font-size:100%; color:#099;}
.submenu {margin-bottom:1px; display:block; padding: 2px 0px 2px 0px; border-bottom:1px solid #e9e9e9;}
.case {background:#e9e9e9; color:#000;}
.footlink {color:#000;}
.green {padding:0px; margin:0px;}
.brown {padding:0px; margin:0px;}

.button {margin-top:8px;}

#userlabel {display:block; width:140px;}
#passlabel {display:block; width:140px;}
#username {color:#000;}
#password {color:#000;}
.rowspace {height:0px;}
.contentmenulink {display:block; padding-bottom:8px;}
.smalltexttable {font-size:9px;}

#content li {padding-bottom:5px;}

.incorrect {color:#CC0000;}
.correct {color:#090;}
.subhead {color:#C60; font-size:125%; margin:0px;}
.author {margin-bottom:6px; color:#000;}

#certificate th{font-size:12px; font-weight:bold;}

.award {font-size:120%; font-weight:bold;}
#certificateborder {border:1px solid #000;}