/*
Theme Name: CCBIT Wordpress CMS Designed
Theme URI: http://ccbit.edu.pk
Author: Mediaflint
Web Designer: Mohummad Irshad Siddiqui
Description: Sea Shore table less XHTML WordPress SEO Optimized theme.
Tags: flash banner, fixed width, 2 columns, widget ready, seo optimized
*/ 

#wrapper{
width:1000px; 
margin:auto; 
height:auto;
}

#head{
width:1000px; 
 margin-top:40px;
 height:75px;
 
 }
 
 #head{
width:1000px; 
 margin-top:40px;
 height:75px;
 
 }
 
 #logo {
	border: none;
	width: 377px;
	height: 75px;
	float:left;
	
	 }
	 
	 
	#head_menu {
	border: none;
	width: 611px;
	height: 75px;
	float:left;
	background-image:url(images/head_line.gif);
	margin-top: 10px;

}

	#head_menu1 {
	border: none;
	width: 611px;
	height:auto;
	text-align:right;
	padding-top:18px;
	color:#FF3300;
	font-family:Arial;
	font-size:12px;

}

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

#head_menu1 li {
	display:inline;
	margin:0;
	padding:0;
	padding-left:20px;
	
	}
	
	#head_menu1 a {

	text-decoration:none;
	color: #F00;
	
	}
	
#head_menu1 a:hover {
	text-decoration:none;
	color: #000;

	}

	#head_menu2 {
	border: none;
	width: 611px;
	height:auto;
	margin-top:10px;


}

	 #head_right {
	border: none;
	width: 12px;
	height: 75px;
	float:right;
	margin-top: 10px;

}

h2{
	margin:0;
	padding:0;
	
}

body {
	font-family: Arial, Verdana, Tahoma;
	font-family: 14px;
	color: #333;
	background:#e3eef7 url(images/bk.jpg) repeat-x;
	
	
	}
	
	h1{
	
	font-family:Verdana;
	font-size:20px;
	color:#f9cf66;
	font-weight:lighter;
	margin-top:20px;

	}
	
	h1 a {

	text-decoration:none;
	color:#f9cf66;
	
	}
	
h1 a:hover {
	text-decoration:none;
	color:#000;

	}
	
	h5{
	
	font-family:Verdana;
	color:#f9cf66;
	font-size:12px;
	font-weight:bold;
	}
	
	h5 a {

	text-decoration:none;
	color:#000;
	
	}
	
h5 a:hover {
	text-decoration:none;
	color:#000;

	}
.post .entry h5 {
    color: #ffc111;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

	
		h2{
	
	font-family:arail;
	font-size:12px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:20px;
	color:#12416d;

	}
	

	
	h4 {
	font-family:Arial;
	font-size:14px;
	padding-left:10px;
	padding-top:5px;
	width:170px;
	height:21px;
	background:url(images/sec_22.jpg);
	margin-top:20px;

}

h3 {
	font-family:Arial;
	font-size:12px;
	padding-left:10px;
	color:#000;
	padding-top:5px;
	width:170px;
	height:21px;
	padding-bottom:80px;

}
 

#wrapper {
	width: 1000px;
	margin: auto;
	height: auto; }
 

#header {
	height: 110px;
	clear: both;
	background-color:#12416d;
}

#footer{

	width:732px;
	height:38px;
	font-family:Arial;
	font-size:10px;
	float:right;
	color:#9f9fa0;
	margin-top:83px;
	border-top:0px solid #d4d4d4;
	background-image: url(images/bg_fot.jpg);
	
}

#footer_main{
	width:1000px; height:120px; margin:auto; background-image:url(images/cen_bk.jpg);
	
	}

.footer_txt{
	font-size:11px;
	font-family:Arial;
	padding-left:20px;
	margin-top:15px;
	color:#7db0e2;
	
}
 
#logo {
	border: none;
	width: 377px;
	height: 60px;
	padding-top:10px;
	
	 }
 
#top_bar {
	border:0px solid #00FF00;
	margin-top:0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #888888;
	background:url(images/menu_bg.jpg);
	height:30px;
}
 
#noticeboard {
	float: right;
	width: 154px;
	height: 86px;
	margin-top:10px;
	margin-bottom:10px;
}

#top_menu{

	margin:0px;
	padding:0px;
	list-style:none;

}

/*--------------------TABS----------------------------------------*/


#tabs {
	font-size:12px;
	margin-left:10px;
	margin-top: 0px;
	padding-top:3px;
	font-family:Arial, Geneva, sans-serif;
	font-weight:bold;
/*	height: 35px;*/
	
	}

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

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
		color:#333;
	
	}

#tabs a span {
	float:left;
	display:block;
	padding:4px 15px 3px 6px;
	margin-right:1px;
    color:#333;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background:url("images/menu_l.jpg") no-repeat left top;

	
	}

#tabs a:hover span {
	background: #FFF url("images/menu_r.jpg") no-repeat right top;
	color:#868686;
	
	}

/*--------------------TABS----------------------------------------*/

#content_box{
	border:0px solid #f9cf66;
	width:1000px;
	background-color:#FFF;
	background-image:url(images/cen_bk.jpg);
	height:auto;
	margin:auto;

}

#left_menu{

	width:200px;
	float:none;
	padding-left:15px;
	font-size: 10px;
	font-family:Verdana;
	font-weight:bold;
	line-height:14px;
	color:#707070;

}

#left_menu_touch{

	width:238px;
	float:left;
	height:120px;
	font-size: 12px;
	font-family:Verdana;
	color:#FFF;
	background-image: url(images/bk_touch.jpg);
	

}

.style {

font-family:Arial;
font-size:10px;
color:#707070;

}

.style1{

font-family:Arial;
font-size:11px;
color:#707070;
font-weight:bolder;

}



#content_center{
	
	float:right;
	width:720px;
	height:auto;
	font-size: 13px;
	font-family:Verdana;
	line-height:18px;
	color:#707070;
	padding-right:20px;
	padding-left:20px;



}

#leftmenu_links { 

	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial, Geneva, sans-serif;
	padding-left: 5px;
	width:155px;
	padding-top:0px;
	margin-top:-10px;

	 } 
	
#leftmenu_links li {

	line-height:25px;
	border-bottom:1px solid #fdc215;
	list-style: url(images/arrow.jpg);	
	}
	
#leftmenu_links a {

	text-decoration:none;
	color:#333;
	
	}
	
#leftmenu_links a:hover {
	text-decoration:none;
	color:#fec10b;
	}
	
	#table { 
	
	border-collapse: collapse; 
	
	}
 
	#table td {
		border: 1px solid #eaeaea;
		padding: 2px; }
 
	#table th {
		border: 1px solid #eaeaea;
		padding: 2px;
		color:#FFF;
		background:#999;
		border-right:1px solid #CCC; }
		

#box{
	width:305px;
	height:auto;
	padding-left:15px;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
}

#box1{
	width:305px;
	height:auto;
	padding-left:15px;
	padding-top:20px;
	padding-bottom:20px;
	float:right;
}



#box_t{

background:url(images/box_1.jpg) no-repeat;
width:305px;
height:37px;
line-height:5px;

}
#box_m{

background:url(images/box_3.jpg)  ;

}

#box_lrg{

	width:513px;
	height:auto;
	padding-left:15px;
	padding-top:25px;
	float:left;
	padding-bottom:25px;

}

#box_lm{

background:url(images/m_lbox_line.jpg);

}

#leftbox_links { 

	margin:0;
	padding:0;
	font-size:11px;
	font-family:Verdana;
	padding-left: 40px;
	padding-top:10px;



	 }

#leftbox_links li {

	line-height:22px;
	list-style: url(images/arrow.jpg);
		
	}
	
#leftbox_links a {

	text-decoration:none;
	color:#333;
	
	}
	
#leftbox_links a:hover {
	text-decoration:none;
	color:#fec10b;

	}
#left_box{
float:left;
width:200px;


}

#box_1{
float:left;
width:700px;

}

.breadcrumbs{
	padding-top:8px;
	color:#000;
	padding-left:20px;
	
	}
	
	.style13{
		
		padding-left:50px;
		padding-top:10px;}

.entry a {

		color:#707070;}
		
		
a.black:link, a.style6:link {color: #e92529; background: #ffffff; text-decoration: none; }
a.black:active, a.style6:active {color: #e92529; background: #ffffff; text-decoration: none; }
a.black:visited, a.style6:visited {color: #e92529; background: #ffffff; text-decoration: none; }
a.black:hover, a.style6:hover {color: #333333; background: #ffffff; text-decoration: underline; }



.myFormControl {
	width: 350px;
}


fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}
input[type="file"] {
	display: block;
}
input[type="range"] {
	display: block;
	width: 100%;
}
select[multiple],
select[size] {
	height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
}
.form-control {
	display: block;
	width: 100%;
	height: 30px;
	padding: 0px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
}
.form-control:-ms-input-placeholder {
	color: #999;
}
.form-control::-webkit-input-placeholder {
	color: #999;
}
.form-control::-ms-expand {
	background-color: transparent;
	border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
	cursor: not-allowed;
}
textarea.form-control {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: none;
}

.heading3 {
    padding-left: 10px;
    font-family: Verdana;
    font-size: 16px;
    color: #f9cf66;
    font-weight: bold;
}