/* CSS Document */

* {

padding:0;

}

body{

}
.CollegeName
{
    font-size:27px;
    color:#000033;
    height:auto;
}

a:hover{text-decoration:none;}

.selectedButton 
{
    
    font-weight:bold;

    
    
    
}


ul { list-style:none;}

.left { float:left;
        vertical-align:top;
        }
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Verdana, Arial, Helvetica, sans-serif	; 
		font-size:11px;
		
		color:#000000;		
	}

input, select { vertical-align:middle; font-weight:normal;
    width: 306px;
    height: 14px;
}
strong {font-size:12px; color:#444444;}

a {color:#3d6f92; font-size:12px;}

/*main layout */
.h_logo{ height:119px; 
         vertical-align:top;
width:100%;
}
.hidecolumn
{
   display:none;
}

#header_tall {}

#main { margin:0 auto;}


#topmnu
{
    padding:5px 0px 0 0;
}

#topmnu a {color:#000098; font-family:arial; font-size:12px; padding:7px 12px 0px 0px;
           text-decoration:none;
                    
                   }
#header .left {padding:26px 0 0 0;}
#header .right {padding:10px 11px 0 0;}
#header .right a {color:#000098; font-family:arial; font-size:12px; padding:7px 29px 2px 5px;
                  text-align:center;
                 }
#header #rightb a {color:#000098; font-family:arial; font-size:12px;padding:7px 29px 2px 5px;}
#header #rightc a {color:#000098; font-family:arial; font-size:12px; padding:15px 24px 2px 0px;
                    text-align:center;
                   }
#header #rightd a {color:#000098; font-family:arial; font-size:12px;  padding:7px 29px 2px 5px;}
#righttop a {color:#000098; font-family:arial; font-size:12px; padding:30px 11px 10px 10px;}

#header #righte {padding:100px 29px 2px 5px;}

#menu {background:url(assets/menu_tall.gif) top repeat-x; height:65px;}
#menu .rightbg {background:url(assets/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(assets/menu_left.gif) top left no-repeat; width:100%; height:65px;}
#menu .padding {padding:9px 0;}
#menu li {float:left; width:123px; background:url(assets/menu_libg.gif) top right repeat-y; font-size:12px; text-align:center;  display:block;}
#menu li a {color:#000000; text-decoration:none; font-weight:bold; font-size:11px; display:block; padding:8px 0 5px 0;}
#menu li span{ display:block; padding:8px 0 5px 0;}
#menu li a:hover {color:#FF0000; text-decoration:underline;}
#menu li span {color:#000000; text-decoration:underline;}
#menu .last {background:none;}

#header .content { padding:0px 0px 0px 0px; }
#header .content .text {padding:2px 0 33px 2px;}
#header .content a img {float:right;}


#middle { width:100%;}


#footer .indent {padding:auto auto auto auto; color:#FF0000; font-size:12px;
                 text-align:center;
                 }
#footer a {color:#003366; font-weight:normal;}


.border {background:url(assets/border_tall.gif) top repeat-x;}
.border .btall {background:url(assets/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(assets/border_tall.gif) left repeat-y;}
.border .rtall {background:url(assets/border_tall.gif) right repeat-y;}
.border .tleft {background:url(assets/border_tl.gif) top left no-repeat;}
.border .tright {background:url(assets/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(assets/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(assets/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}


.h_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
padding-bottom:2px; background:url(assets/h_text_bg.gif) bottom repeat-x;}

.more {text-align:right;}
.more a{background:url(assets/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}

.date {background:url(assets/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

/*li { color:#3d6f92;}
li a {color:#3d6f92; font-size:11px;}*/

li {
font-weight:normal; color:#FFFFFF;}
li a { font-weight:bold; color:#FFFFFF; font-size:10px;}


.bot_line {background:url(assets/h_text_bg.gif) bottom repeat-x;}
.b_text {/*color:#3d6f92;*/
color:#3366FF;
}
/* index */

#index #middle .indent {padding:auto auto auto auto;}
#index #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .column3 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .p1 {padding:1px 0 7px 0;}
#index #middle .columns2 {padding:1px 0 0 0;}
#index #middle .columns2 .column1 .padding {padding:10px 21px 0 17px;}
#index #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;}
#index #middle .columns2 .column1 .p1 {padding:7px 0 15px 0;}
#index #middle .columns2 .column2 .content {padding:10px 0 15px 0;}
#index #middle .columns2 .column2 .p1 {padding:2px 0 1px 0;}


/* index-1 */

#index_1 #middle .indent {padding:17px 0 20px 0;}
#index_1 #middle .column1 .padding1 {padding:16px 20px 0 16px;}
#index_1 #middle .column1 .padding1 .content{padding:14px 0 27px 1px;}
#index_1 #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#index_1 #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#index_1 #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#index_1 #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#index_1 #middle .cols .more {margin-top:-19px;}
#index_1 #middle .cols .p1 {padding:21px 0 1px 0;}

#index_1 #middle .cols {padding:14px 0 0 0;}

#index_1 #middle .column2 .padding{padding:9px 13px 3px 15px;}
#index_1 #middle .column2 ul li {font-weight:bold;}
#index_1 #middle .column2 .p1 {padding:1px 0 8px 0;}
#index_1 #middle .column2 .p2 {padding:12px 0 17px 0;}
#index_1 #middle .column2 .p3 {padding:17px 0 17px 0;}


/* index-2 */

#index_2 #middle .indent {padding:17px 0 20px 0;}
#index_2 #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#index_2 #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#index_2 #middle .columns1 .column1 ul {margin-bottom:7px;}
#index_2 #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#index_2 #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;}
#index_2 #middle .columns2 {padding:21px 0 0 0;}
#index_2 #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;}
#index_2 #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;}
#index_2 #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;}
#index_2 #middle .columns2 .column1 .p2 {padding:0 0 4px 0;}
#index_2 #middle .columns2 .column2 .content {padding:7px 0 15px 0;}
#index_2 #middle .columns2 .column2 ul {margin-bottom:1px;}

/* index-3 */

#index_3 #middle .indent {padding:17px 0 20px 0;}
#index_3 #middle .column1 .padding1 {padding:16px 15px 0 23px;}
#index_3 #middle .column1 .padding1 .content{padding:5px 0 5px 1px;}
#index_3 #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd {padding:14px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd2 {padding:10px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd3 {padding:13px 0 0 0;}
#index_3 #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#index_3 #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#index_3 #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#index_3 #middle .cols .more {margin-top:-19px;}
#index_3 #middle .cols .p1 {padding:21px 0 1px 0;}

#index_3 #middle .cols {padding:14px 0 0 0;}

#index_3 #middle .column2 .padding{padding:9px 13px 8px 15px;}
#index_3 #middle .column2 .p1 {padding:1px 0 11px 0;}
#index_3 #middle .column2 .p2 {padding:12px 0 11px 0;}
#index_3 #middle .column2 .p3 {padding:13px 0 6px 0;}


/* index-4 */

#index_4 #middle .indent {padding:17px 0 20px 0;}
#index_4 #middle .column1 .padding1 {padding:16px 22px 0 16px;}
#index_4 #middle .column1 .padding1 .content{padding:14px 0 34px 1px;}
#index_4 #middle .column1 .padding1 .more {padding:0 2px 0 0; line-height:12px;}

#index_4 #middle .column1 .padding2 {padding:34px 23px 0 16px;}
#index_4 #middle .column1 .padding2 .content{padding:6px 0 0 1px;}
#index_4 #middle .column1 .padding2 .more {margin-top:9px;}

#index_4 #middle .column2 .padding{padding:9px 13px 3px 15px;}
#index_4 #middle .column2 .margin .padding{padding:9px 12px 2px 15px;}
#index_4 #middle .column2 ul {margin:0 0 2px 1px;}
#index_4 #middle .column2 .margin {padding-top:6px;}
#index_4 #middle .column2 .p1 {padding:0 0 8px 0;}


/* index-5*/

#index_5 #middle .indent {padding:17px 0 20px 0;}
#index_5 #middle .columns1 .column1 .padding{padding:9px 13px 16px 15px;}
#index_5 #middle .columns1 .column2 .padding{padding:9px 13px 0 15px;}
#index_5 #middle .columns1 .column1 ul {margin-bottom:7px;}
#index_5 #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#index_5 #middle .columns1 a{color:#868686; font-size:11px; text-decoration:none;}
#index_5 #middle .columns1 a:hover {text-decoration:underline;}
#index_5 #middle .columns1 .column2 strong{font-size:11px;}

#index_5 #middle .columns2 {padding:22px 0 0 0;}
#index_5 #middle .columns2 .padding {padding:14px 15px 0 17px;}
#index_5 #middle .columns2 .p1 {padding:14px 0 10px 0;}
#index_5 #middle .columns2 .p2 {padding:0 0 4px 0;}

#form .column1 {width:183px;}
#form .column2 {width:521px;}

form .row {height:25px;}
form .row1 {height:34px;}

.input {width:171px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-family:tahoma; line-height:13px; color:#a4a4a4;}
textarea {width:516px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:tahoma; line-height:13px; color:#a4a4a4;}
form .div {text-align:right; padding:6px 0 0 0;}

/* index-6 */

#index_6 #middle .indent {padding:33px 15px 17px 17px;}
#index_6 #middle .p1 {padding:6px 0 0 0;}
#copyr{
color:#FF0000;

}


.menutable
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;

}

.menutable a 
{
color:#FFFFFF;
font-size:10px;
font-weight:bold;

}

.menutable a:hover 
{
color:#FFFFFF;
font-size:10px;
font-weight:bold;
}



div 
{
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:10px;
		line-height:17px;
		color:#000000;
}
		
div #picArea
{
margin:4px 4px 4px 4px;
padding: 10px 10px 10px 37px;
border:1px dashed;


}


#CollegeInfoHeader
{
    background-color:#CCCCFF;
   
    width:auto;
    
}
#CollegeInfoHeader2
{
    background-color:#CCCCFF;
   
    width:1150px;
    
}

#ImageSetting
{
    border:solid 5px #E4E4E4; 
    float:left;
    width:auto; 
    padding: 0 0 0 0;
    margin-top:0;
}

#ImageSettingmain
{
    border:solid 5px #E4E4E4; 
    float:left;
    width:auto; 
    margin-left:10px;
    padding: 0 0 0 0;
    margin-top:0;
}


#ImagePrintScreen
{
    border:solid 1px #E4E4E4; 
    float:left;
    width:auto; 
    margin-left:20px;
    padding: 0 0 0 0;
    margin-top:0;
}


#menuList
{
    width:auto;
    margin-left:10px;
    
    float:right;
}
#message
{
    margin-top:10px;
    font-size:10px;
    text-align:center;
    font-weight:bold;
    width:990px;
    
    margin-bottom:10px;
    border:solid 2px  #e4e4e4;
    padding:5px 5px 5px 5px;
}
#message2
{
   
    text-align:center;
    font-weight:bold;
    width:990px;
    font-size:12px;
    margin-bottom:10px;
 margin-top:10px;
    border:solid 2px  #e4e4e4;
    padding:5px 5px 5px 5px;
}

#message3
{
   
    text-align:center;
    font-weight:bold;
    width:990px;
    font-size:12px;
    margin-bottom:10px;
 margin-top:10px;
    padding:5px 5px 5px 5px;
}
#SubjectSettingmain
{
    float:left;
    
   
   
}
#GridMain
{
    padding-top:10px;
    border:solid 5px #E4E4E4;  
    float:left;
}

#GridMain2
{
    width:990px;
    border:solid 5px #E4E4E4;  
    float:left;
}

#StudentInfo
{
    border:solid 4px #999999;
    background-color:White;
    margin-top:10px;
    margin-right:1px;
    margin-left:10px;
    float:left;
    padding:0 5px 2px 5px;
    font-size:12px;
    font-weight:bold;
    
    
}
.CollegeHeaderAddress
{
    font-size:small;
    color:#333333;
    font-weight:normal;
    
}



/* Dropdown menu begins here */

	#nav {
		margin:0; 
	
		list-style:none;
		font-size:10px;
		padding-right:2px;
		
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			width:125px; 
			background:#FFF; 
			position:relative;
			z-index:500; 
			margin:0 1px;
			padding-right:2px;
			
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 5px 0 5px; 
			height:23px; 
			text-decoration:none; 
			color:#fff; 
			text-align:left; 
			color:#003366;
			border-top:3px solid #999999;
			background		: #fff url(../assets/menu-main-arrow-off.gif) 100% center no-repeat;
		}

		#nav li a:hover {
		border-top:3px solid #003366;
		background		: #fff url(../assets/menu-srv-arrow-on.gif) 100% center no-repeat;
			
			color:#cccccc;
			text-decoration:none;
			
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#003366;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
			
		}
		
		#nav ul li {
			width:130px; 
			float:left; 
			border-top:1px thin #999999;
			
		}
		
		
		#nav ul li a{
		color:#003366;
			border-top:1px solid #e4e4e4;
		
		}
		
		#nav ul li a:hover{
			border-top:1px solid #cccccc;
			
			background		: #fff url(../assets/menu-main-arrow-on.gif) 100% center no-repeat;
		
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#000033;
		
		}
		
		#nav ul a:hover {
			text-decoration:none;
			
				
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}