/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
    width: 800px;
	background-color: white;
}
.skinheader 
{
    width: 800px;
	background-color: white;
/*	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;  */
}
.skingradient {
	background-image: url('gradient_DkBlue.jpg'); 
	height:30px
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
    float:left;
	width: 178px;
	height: 525px;
	background-color: #ECECEC;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	float:left;
}
.contentpane {
	width: 800px;
/*	background-color: #ECECEC;  */
	border: 0px none;
	padding: 0;
}
.rightpane {
    height: 476px;
    background-color: #ECECEC;
	width: 622px;
	
      overflow: scroll;
	padding-left: 6px;
}
.bottompane {
	width: 800px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url('gradient_LtBlue.jpg');
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

.logo
{

background-color: white;
width: 88px;
height: 60px;
margin-left:20px;

}

.pagecon
{
width: 800px;
border:1px solid black;
}



.center {
	width: 100%;
  	
  /*	border: 1px solid #000000;  */
}

#header {
 	width: 800px;
 	background-color: #FFFFFF;
}

#logo {
	width: 200px;

}

#header img.logo {
	float: left;
	width: 108px;
	background-image: url('url(%27%27');padding-left:6px; padding-right:0px; padding-top:12px; padding-bottom:0px
}

#horizontal_menu {
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float: right;
	width: 565px;
/*	padding-bottom: 7px; */
	border-bottom: 7px solid #B7B7B7;
	margin: -34px 9px 0px 0px;
}

#horizontal_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#horizontal_menu li {
	display: inline;
	margin-right: -3px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#horizontal_menu a
{
padding : 5px 12px 0px 12px;
color:#173680;
border-left: 1px solid white;
border-right: 1px solid white;

}

 #horizontal_menu a:hover, #horizontal_menu a:active{
    color:#173680;
 	border-left: 1px solid #F3C517;
  	border-right: 1px solid #F3C517;
  	border-bottom: 7px solid #F3C517;
	text-decoration:none;
	background-color:transparent;
	}
#banner {
	clear: both;
	/*background-color: #cccccc;*/
	background:url('images/cbg.gif') repeat;
	width: 99%;
	height: 20px;
	margin: 0;
}

#career a
{
 	color:#173680;
 	border-left: 1px solid #F3C517;
  	border-right: 1px solid #F3C517;
  	border-bottom: 7px solid #F3C517;
	text-decoration:none;
	background-color:transparent;
}
#career a:hover
{
	color: #173680;
	border-left: 1px solid #F3C517;
	border-right: 1px solid #F3C517;
	border-bottom: 7px solid #F3C517;
}

#content {
    clear: both;
	background-color: #ECECEC;
	width: 800px;
}

#left
{
    float:left;
	width: 178px;
	height: 476px;
	background-color: #ECECEC;


}

#right
{
    height: 476px;
    background-color: #ECECEC;

	float: right;
	width: 622px;
	
/*	border-bottom: 7px solid #737373;  */
	
}

#footer {
    float:right;
	height: 20px;
	background: white;
	width:800px;
	margin: 0 8px;
}

#footer ul {
	float: right;
	list-style: none;
	margin: 0;
	font-family: Verdana;	
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	color: #173E80;
	text-transform: capitalize;
	
}

#footer li {
	display: inline;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
}

#footer li a{
	text-decoration:none;
	color: #173E80;
	font-size:10px;
}


/*
CSS for new Sumeru website
*/

/* Thamdu's CSS Document */


#infosec ul{
	margin: 0px;
	background-image: url('images/infosec_07.png');
	background-repeat: repeat-y;
	font-family: verdana;
	font-size: 11px;
	width:173px; padding-left:4px; padding-right:4px; padding-top:0px; padding-bottom:0px
}

#infosec li{
	text-align:left;
	list-style-type: none;
	padding:6px 0px;
	border-bottom: 1px solid #fdf07d;
	
	
}

body{
	
	margin: 20px auto;
	width: 820px;
}

#flash_2 ul {
   padding:19px 0px;
	font-weight: bold;
	font-size: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 0px;
}

#flash_2 li{
	list-style-type:none;
	padding: 6px;
	
}



#text, #text1, #text2, #text3 {
	padding:2px 8px;
	text-align: justify;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	
}

#text p{
	padding:10px 0px;
}

#after_image ul {
	padding: 0px 2px;
	margin:0px;
	width: 172px;
}

#after_image li {
	border-bottom: 1px solid #ffdd77;
	list-style-type: none;
	padding:4px;
	text-align:left;
}
img{
	margin:0px;
	padding:0px;
	border: 0px;
}

.second_image{
	padding: 8px;
}


div, dl, dt, dd, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {  
   margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset, img {  
	    border:0px none; 
} 
	address, caption, cite, code, dfn, em, strong, th, var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	
	caption, th { 
	    text-align:left; 
	} 
	h1, h2, h3, h4, h5, h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before, q:after { 
	     
	} 
	abbr, acronym { border:0px none;}
	
	#stuff{
		/* overflow: auto; */
		width: 820px;
	} 
	
	/*#page_content{
		height: 755px;
	}
	*/
	
	
	a, a:hover{
		text-decoration: none;
		color: #003366;
	}


/* start list code */

#navbox ul {
	text-align: left;

	padding-top:0px;
	padding-left:0;
	margin:0; /* cancels gap caused by top padding in Opera 7.54 */
	background-image:url('hbar.jpg');
	background-repeat: no-repeat;
	color:#000;
	width:812px

}

#navbox ul li {
	display:inline;
	padding-left:0;
	padding-right:0;
	padding-bottom:5px; /* matches link padding except for left and right */
	padding-top:5px;
}

#navbox ul li a {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	color:#000;
	text-decoration:none;
	
}

#navbox ul li a:hover {
	}

#navbox #first {


padding-left: 60px;

}

#navbox #second{


padding-left: 25px;

}

#navbox #fourth {


padding-left: 40px;

}
#navbox #third{


padding-left: 40px;

}




/* Tabs*/

#gallery {font:11px verdana,arial,sans-serif; width:568px; padding:15px 0 0 0px; margin-left:10px; line-height:15px;}
#gallery div.off {border-left:1px solid #ddd;  border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #000; color:#000; height:33px; margin-right:2px; line-height:33px; float:left; background:url('tabs_0.gif') repeat-x left bottom; cursor:pointer; position:relative; z-index:20; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}
#gallery div.on {border-left:1px solid #000; font-weight: bold; border-right:1px solid #000; border-top:1px solid #000; color:#c00; margin-right:2px; margin-top:1px; float:left; background:url('tabs_2.gif') repeat-x left bottom; cursor:pointer; border-bottom:0px none; height:33px; line-height:32px; position:relative; z-index:100; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; background:#fff; width:568px; margin-top:0; top:-1px; margin-left:10px; text-align:left; border:1px solid #000;padding:20px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}
div.show img {float:left; margin:0 10px 10px 0;}
.clear {clear:both;}

/* End of Tabs */



/*  Slide Show */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid white;
border-bottom-width: 6px;
width: 580px; /*width of featured content slider*/
height: 150px;
background-color: #919090;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 15px 5px;
background: grey;
width: 570px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
color:white;
font-family: verdana;
font-size: 12px;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: none;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}
/*  End of Slide Show */