/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html,body {
margin: 0 auto;
padding: 0;
height: 100%;    
}
body {		
font: x-small arial, hevetica, sans-serif;
text-align: center;
color: #000;
background:url(./../../images/dc_bg.gif) repeat-x;
background-attachment: fixed;
}
ul {
list-style-type: none;
}
.login {
font:bold 9px verdana; 
width: 205px;
margin-left: 450px;
margin-top: 53px;
padding-left: 15px;
background: url(../images/icons/greenbullet.gif) no-repeat left center;

}
#header a.login {

margin-left: 15px;
padding: 0px;
display: inline;
height: 20px;
background:none;
text-decoration: none;
color: #000;
}
	
#container {
margin-left:auto;
margin-right:auto;
margin-bottom: 40px;
width: 700px; 
min-height:100%;
text-align: left;
background: #fff; 
position:relative;
}
/* commented backslash hack v2 \*/ 
* html #container {height:100%;}		
* html #container {width:700x;w\idth:700px;}
* html body{font-size:xx-small;f\ont-size:x-small}
/* end hack */ 
#header {
height: 89px;
width:100%;
background: url(../images/top_header.gif) no-repeat;
margin: 0px 0px 5px 0px;
position:relative;
z-index:2;
overflow:hidden;
}
#header  a.logo{
position: absolute;
height: 47px;
width: 180px;
top: 8px;
left: 550px;
text-decoration: none;
background: url(../images/logo.gif) no-repeat; 

}
#header a.logo  i {visibility: hidden;}

* html #header {height:89px;he\ight:89px}
#mainnav {
width:100%;
height: 20px;
background-color: #f5f5f5;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
position:relative;
z-index:2;
}
* html #mainnav{height:22px;he\ight:20px}		
#sidebar {
float: left;
width: 194px;
padding:0px 0; 
border:0px solid green;
margin-top:0px;
margin-left: 7px;
}
#content {
width: 100%px;
border: 0px solid blue;
margin: auto;
text-align: left;
height: 100%;
font: 10px verdana;
}
#content form { margin-left: 16px;}	
* html #content {
width: 100%px;
w\idth: 100%px;

}

.picturebox {
width: 525px;
height: 218px;
border: 0px solid red;
background: url(../images/homepic.jpg) no-repeat center center;
}

#content h5 {
height: 27px;
margin-top:0px;
margin-bottom:0px;
font: bold 10pt verdana;
background:#ECECEC;	
voice-family: "\"}\""; 
height: 27px;
padding-left: 10px;
padding-top:5px;
}


.content_middle {
width: 664px;
border: 1px solid #DCDCDC;
margin-left: 15px;
text-align: left;
margin-bottom: 15px;
}

.content_middle ul {
list-style-type: none;
text-align: center;
}
.content_middle li {
text-align: left;
border: 0px solid red;
float: left;
width: 205px;
height: 30px;
padding-left: 0px;
padding-top: 10px;
}
.content_middle li a {
padding-left: 20px;
font:bold 10pt verdana;
color: #000;
text-decoration: none;
}

.content_middle li a.about {
background: url(../images/icons/aboutus.gif) no-repeat left center;
}

.content_middle li a.faq {
background: url(../images/icons/faq.gif) no-repeat left center;
}

.content_middle li a.info {
background: url(../images/icons/info.gif) no-repeat left center;
}

.content_middle li a.upload {
background: url(../images/icons/world_add.gif) no-repeat left center;
}

.content_middle li a.news {
background: url(../images/icons/newspaper.gif) no-repeat left center;
}

.content_middle li a.sitemap {
background: url(../images/icons/sitemap.gif) no-repeat left center;
}

.content_middle li a.schedules {
background: url(../images/icons/schedules.gif) no-repeat left center;
}

.content_middle li a.lessons {
background: url(../images/icons/lessons.gif) no-repeat left center;
}

.content_middle li a.calendar {
background: url(../images/icons/calendar.gif) no-repeat left center;
}
.content_middle li a.email {
background: url(../images/icons/email.gif) no-repeat left center;
}

.content_middle p {
padding: 10px;
color: #000;
font: 12px arial
}

.optionlist {
margin-left: 500px;


}
hr {
width: 350px;
height: 0px;
color: #1B5597;
border:0px;
border-top: 1px solid #1B5597;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 70px;
}
.topbar {
height:37px;
width: 666px;
background: url(../images/topbar.gif) no-repeat;
text-align: left;
margin-left: 13px;
margin-bottom:15px;
margin-top:15px;
position: relative;
font: bold 10pt verdana;
}
.topbar span {
margin-left: 15px; 
margin-top: 9px; 
display: block;
width: 170px;
}

.tablelist {
margin: auto;
font: 10px verdana;
color: #000;
}
.tablelist a {color: #000;}
.tablelist a:hover {color: #c00000;}
a.newsadd {
font:bold 10pt verdana;
color: #000;
text-decoration: none;
background: url(../images/icons/newspaper_add.gif) no-repeat left center;
position: absolute;
left: 480px;
top: 140px;
padding-left: 20px;
z-index: 10;
}

a.schedulesadd {
font:bold 10pt verdana;
color: #000;
text-decoration: none;
background: url(../images/icons/script_add.gif) no-repeat left center;
position: absolute;
left: 480px;
top: 140px;
padding-left: 20px;
z-index: 10;
}
a.lessonsadd {
font:bold 10pt verdana;
color: #000;
text-decoration: none;
background: url(../images/icons/layout_add.gif) no-repeat left center;
position: absolute;
left: 480px;
top: 140px;
padding-left: 20px;
z-index: 10;
}
a.useradd {
font:bold 10pt verdana;
color: #000;
text-decoration: none;
background: url(../images/icons/user_add.gif) no-repeat left center;
position: absolute;
left: 480px;
top: 140px;
padding-left: 20px;
z-index: 10;
}



a.levelsadd {
font:bold 10pt verdana;
color: #000;
text-decoration: none;
background: url(../images/icons/level.gif) no-repeat left center;
position: absolute;
left: 480px;
top: 140px;
padding-left: 20px;
z-index: 10;
}


a.newssections {
font:bold 10pt verdana;
color: #000;
text-decoration: none;
background: url(../images/icons/newspaper.gif) no-repeat left center;
position: absolute;
padding-left: 20px;
z-index: 10;
}

a.backto {
font:bold 10pt verdana;
color: #000;
text-decoration: none;
background: url(../images/icons/back.gif) no-repeat left center;
position: absolute;
padding-left: 20px;
z-index: 10;
}

a.usersections {
font:bold 10pt verdana;
color: #000;
width:200px;
text-decoration: none;
background: url(../images/icons/user_go.gif) no-repeat left center;
position: absolute;
padding-left: 20px;
z-index: 10;
}


a.newscategories {
font:bold 10pt verdana;
color: #000;
text-decoration: none;
background: url(../images/icons/newspaper.gif) no-repeat left center;
position: absolute;
left: 200px;
padding-left: 20px;
z-index: 10;
}

a.infoadd {
font:bold 10pt verdana;
color: #000;
text-decoration: none;
background: url(../images/icons/info_add.gif) no-repeat left center;
position: absolute;
left: 480px;
top: 140px;
padding-left: 20px;
z-index: 10;
}

a.faqadd ,.categoriesadd{
font:bold 10pt verdana;
color: #000;
text-decoration: none;
background: url(../images/icons/faqadd.gif) no-repeat left center;
position: absolute;
left: 480px;
top: 140px;
padding-left: 20px;
z-index: 10;
}



#content p, #sidebar p, #mainnav p, #header p,#footer p  {margin:0 5px 5px 5px}		
#footer	{
height: 59px;
position: relative;
margin-top: -5.9em;
width: 700px;
margin-left: auto;
margin-right: auto;
border: 0px solid red;
background: url(../images/footerbg.gif) no-repeat;
}
#footer p {margin:0;padding:0}
* html  #footer {height:59px;he\ight:59px;}
#clearfooter {width:100%;clear:both}
.clear {
clear: both;
}
.selectbox {position: absolute; left: 400px; top: 193px;}


.loginback {
margin-top:109px;
width: 437px;
height: 457;
background: url(../images/loginback.jpg) no-repeat;
margin-left: auto;
margin-right:auto;
padding-bottom: 30px;
position: relative;
border: 0px solid green;
}
.formwidth {
 
 width: 300px;
 border: 0px solid red; 
 margin-top:119px;
 margin-left: 30px;
 padding: 30px;
 position: absolute;
 }
 * html .formwidth {
 width: 370px;
 w\idth: 370px;
 margin-top:140px;
 mar\gin-top: 140px;
 left:3px;
 }
 
 
.formwidth label{
 float: left;
 width: 120px;
 font-weight: bold;
 border: 0px solid green;
 margin-top: 3px;
 margin-right:-50px;
 margin-left: -0px;

}
a.formwidth {color:#7979FF;}
a.formwidth:hover{ color: #fff; }
.formwidth input{
 width: 180px;
 margin-bottom: 5px;
 margin-left:0px;
 border: 1px solid #c00000;
}
.formwidth .rememberlogin {
border: 0px solid red;
margin-left: -10px;
width:200px;
}
.formwidth .checkbox{
width: 20px;
border: 0px solid blue;
margin-left: -40px;
}

#submitbutton {
width: 72px;
height:30px;
background: #c00000;
color: #fff;
margin-left:60px;
background: url(../images/submitbutton.jpg) no-repeat;
border:0px solid red;
font-size:9px;
}
#errormsg {
	text-align: center;
}


#uploadform label { float : left;
	width : 15%;
	text-align : right;
	padding-right : 1%;
}
#uploadform input, textarea, select { text-align : left; }





#uploadform .small {
	margin: 0 0 0 16%;
	font-size: 0.7em;
	margin-bottom: 1em;
}

#uploadform p {
	margin:3px;
    padding:0;
}

.red {
 	color: #f00;
	font-weight: bold;	
}

.hiddenlink {
	color:#000;
	text-decoration:none;
	cursor: text;
}

table.sortable {	
	width: 100%;
	text-align: center;
	border-spacing: 0px;
	border-collapse: collapse;
	height: 30px;
}
table.sortable .lefted {text-align: left;}
table.sortable img  { vertical-align: middle }

table.sortable th {

	font-size: 1.1em;
	background-color: #999;
	padding: 4px;
	border: 1px #fff solid;
	color: #fff;
	font-weight: bold;	
} 
table.sortable th a {
	color: #fff;
	text-decoration: none;
}

table.sortable #th1 {width: 60%;}
table.sortable #th2 {width: 12%;}
table.sortable #th3 {width: 16%;}
table.sortable #th4 {width: 12%;}

table.sortable tr.on {background: #eee;}
table.sortable tr.delete {background: #fcc;}

table.sortable td {
	height: 40px;
	padding: 3px;
}



#uploadlist li a {
padding-left: 30px;
font: bold 10px verdana;
line-height: 30px; 
text-decoration: none;
color: #000;
display: block; 
width: 150px;
}
#uploadlist li a.word {
background: url(../images/icons/word.gif) no-repeat 7px 8px;
}
#uploadlist li a.pdf {
background: url(../images/icons/pdf.gif) no-repeat 7px 8px;
}
#uploadlist li a.excel {
background: url(../images/icons/excel.gif) no-repeat 7px 8px;
}