/* CSS Document */
/** Coded by Abishek Rana. Visit www.abishek.com.np for more works.
	This style could be used by anyone for learning purpose. For other purpose, you should contact me 
	for my permission at abishekrana@yahoo.com
**/

body{	
	color:#444444;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	background:none;
	margin:0px;
	padding:0px;
}

/**** style for common html elements i.e. paragraph, links, headers and sub headers of the page, form elements etc. ****/

a{
	color:#0d8dcc;
	font-size:11px;
	text-decoration:underline;
}

a:hover{
	color:#0d8dcc;
	font-size:11px;
	text-decoration:none;
}

h1{	
	color:#0d8dcc;
	font-size:14px;
	font-weight:bold;
	margin:7px 0px;
	padding:0px;	
}

h2{
	color:#0d8dcc;
	font-size:12px;
	font-weight:bold;
	font-variant:normal;
	margin:0px;
	padding:7px 0px;
}

h3{
	color:#444444;
	font-size:11px;
	font-weight:bold;
	margin:7px 0px;
	padding:0px;	
}

h4{
	float:left;
	color:#444444;
	font-size:11px;
	font-weight:bold;
	margin:17px 0px 0px 0px;
	padding-left:19px;	
}

p{
	color:#444444;
	font-size:11px;
	font-weight:normal;	
	padding:0px;
	margin:2px 0px;
}

form{
	float:left;
	margin:0px;
	padding:0px;
}

form select{
	float:left;
	color:#444;	
	font-size:11px;
	margin:17px 5px 0px 10px;
}

form input{
	color:#444;
	font-size:11px;
}

form input.sbmt{
	float:left;
	margin:17px 0px 0px 0px;
}


/**** division boxes for the website ****/

/* div mainContainer */

#mainContainer{
	width:450px;
	height:100%;
	margin:30px auto 0px auto;
	padding:0px;
}

/** div header **/

#header{
	float:left;
	width:751px;
	height:80px;
}

/*** div logo ***/

#logo{
	float:left;
	width:186px;
}

/*** div slogan ***/

#slogan{
	float:left;
	width:365px;
	height:36px;
	margin:44px 0px 0px 13px;
}

/*** class collegeName ***/

.collegeName{
	color:#00135f;
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

/*** class sloganText ***/

.sloganText{
	color:#00135f;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;	
}

/*** div date ***/

#date{
	float:left;
	width:181px;
	height:36px;
	margin:44px 0px 0px 5px;
}

/** div banner **/

#banner{
	float:left;
	width:751px;
	height:198px;
	margin-top:10px;
}

/*** div leftmenu ***/

#menu{
	float:left;
	width:198px;
	height:198px;
}

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

#menu li img{
	vertical-align:top;
	margin:0px;
	padding:0px;		
}

/*** div bannerImg for banners at the top section ***/

#bannerImg {
	float:left;
	width:350px;
	height:198px;
}

#bannerImg img{
	vertical-align:top;
	margin:0px;
	padding:0px;	
}

/*** div topMenuRight ***/

#topMenuRight{	
	float:left;
	width:201px;
}

#topMenuRight img{
	margin:0px 0px 5px 5px;
}

/** div mainBody for mainsection below the header and above the footer **/

#mainBody{
	float:left;
	width:450px;
	clear:both;
	height:100%;	
	height:auto;
	padding-top:16px;
}

/*** div leftColumn for holding contents such as quick contacts, latest news ***/

#leftColumn{
	float:left;
	width:198px;
	height:auto;
}

/*** div leftColumn subsections ***/

.date{
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#news, #quickContact{ float:left; width:178px; height:auto; margin-bottom:10px; padding-left:19px;}

#news p{
	margin:0px;
	padding:10px 20px 10px 0px;
}

#news ul{
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#news li{
	width:162px;
	padding:5px 5px 5px 0px;
	border-bottom:1px #444 dashed;
}

#news li a{
	padding:5px 0px;
	color:#444;
	text-decoration:none;
}

#news li a:hover{
	padding:5px 0px;
	color:#0d8dcc;
	text-decoration:none;
}

/*** div mainCol ***/

#mainColumn{
	float:left;
	width:350px;
	margin:0px;
	padding:0px;
}

/*** div mainCol subsections ***/

.breadcrumb{ 
	font-size:10px;
	color:#990000;
}


#whatsNew{
	float:left;
	border-left:1px #ccc dashed;
	border-right:1px #ccc dashed;	
	width:329px;	
	padding-left:19px;
}

.newcrs{	
	float:right;
	width:470px;
	margin:0px;
	padding: 0px 10px 19px 0px;
}

.newcrs img{
	float:left;
	vertical-align:top;
	margin-right:10px;
	padding:0px;
}	

#browseCourses{
	float:left;
	background:#ccc;
	width:350px;
	height:50px;
}

#representedUnivs{
	float:left;
	border-right:1px #ccc dashed;	
	border-left:1px #ccc dashed;		
	width:154px;
	height:171px;
	margin-top:10px;
	padding-left:19px;
}

#ourAssociates{
	float:left;
	border-right:1px #ccc dashed;	
	width:155px;
	height:171px;
	margin-top:10px;
	padding-left:19px;
}

/*** div rightColumn ***/

#rightColumn{
	float:left;
	width:182px;
	height:auto;
	margin:0px 0px 0px 15px;
	padding:0px;	
}

/*** div rightColumn subsections ***/

#newsletter{
	float:left;
	width:186px;
	height:auto;
}

#apprLetters{
	float:left;
	width:186px;
	height:auto;
	margin-top:10px;
}

ul.list{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

ul.list li{
	padding:2px 0px;
}

/** footer section **/

#footer{
	float:left;
	border-top:1px #ccc dashed;
	width:732px;
	height:60px;
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 19px;
	
}

#footer a{ color:#333; text-decoration:underline;}
#footer a:hover{ color:#000; text-decoration:none;}

/*** footer section sub-sections***/

.designedBy{
	float:right;
	text-align:right;
	width:400px;
	height:auto;
	padding-right:19px;
}

.copyright{
	float:left;
	width:181px;
	height:auto;
}