/*General Start*/
html, body
{
    margin: 0 0;
    width: 100%;
    background-color: white;
    font-family: Verdana, Arial;
    font-size: small;
    color: #616265;
	text-align: left;
}

a
{
    text-decoration: none;
    color: #616265;
}
a:link
{
    text-decoration: none;
    color: #616265;
}
a:link:hover, a:visited:hover
{
	color: #38bbee;
	text-decoration: none;
}
a:link:visited
{
    color: #38bbee;
    text-decoration: none;
}
h1
{
 font-family:Trebuchet MS;
 font-size: 1.1em;
    color: #333;
    text-decoration: none;
	text-align: center;
}
h1 .icon
{
line-height:32px;
    vertical-align:middle;
}

  
h1 a
{
 font-family:Trebuchet MS;
 font-size: 1.4em;
    color: #333;
    font-weight:bold;
    text-decoration: none;
}
#ContentPlaceHolderWrapper h2
{
    font-size: 1em;
    font-weight: normal;
}
h2 a
{
 font-size: 1em;
    color: #7f7f7f;
    text-decoration: none;
}
h3
{
    
    font-size: 0.9em;
    font-weight: normal;
}
#a
{
    color: #999;
    text-decoration: none;
}
li
{
    color: #616265;
    text-decoration: none;
}

/*Body Start*/
#BodyWrapper
{
    position: relative;
    padding: 0px;
    font-family: "Verdana" , Arial;
    background-color: white;
}
ul, ol
{
    margin: 0;
    padding-left: 5px;
}

/*Header Start*/

#HeaderWrapper
{
    background-position: top;
    background: url(Images/layout/menubarbg.png);
    height: 43px;
}

#PrimaryMenu
{
    position: relative;
    padding-bottom: 0px;
    margin: 0px auto;
    padding-left: 15px;
    width: 960px;
    padding-right: 15px;
    font-family: "Verdana" , Arial;
    height: 43px;
    padding-top: 0px;
}
#PrimaryMenu a
{
display:inline-block;
width:120px;
text-align:center;
    text-decoration: none;
    color: #333333;
    height: 43px;
line-height:43px;
}
#PrimaryMenu a:hover
{
    color: #38bbee;
}


#UlPrimaryMenu .MainNavHypSelected
{
    background-image: url('Images/Layout/menu-btnL.png');
    background-repeat: no-repeat;
    background-position: left;
}

#UlPrimaryMenu .MainNavLiSelected
{
    background-image: url('Images/Layout/menu-btnR.png');
    background-position: right;
    background-repeat: no-repeat;
}


#HeaderWrapper #PrimaryMenu LI
{
    list-style-type: none;
    float: left;
    font-size: 1em;
    font-weight: bold;
    margin-right: 15px;
    text-shadow: #f2f2f2 0 1px;
}



#Logo
{
    float: right;

}
#LanguageSelector
{
	position:relative;
	left:-35px;
	top:-35px;
	width:40px;
}
#LanguageSelector a
{
display:inline-block;
width:16px;
text-align:center;
    text-decoration: none;
    height: 16px;

}


#LoginWrapper
{
    width: 100%;
    background: url( Images/layout/SecondaryNavBackground.png ) repeat-x;
}
#LoginInfo
{    width:960px; 
     margin:auto;
    
}
#BreadCrumbsWrapper
{
    width: 100%;
    background: url( Images/layout/SecondaryNavBackground.png ) repeat-x;
}
#UlBreadCrumbs
{
    min-height: 27px;
    list-style-type: none;
    font-size: 0.9em;
    width: 960px;
    margin: 0 auto;
    color: #808080;
    font-weight: bold;
    overflow: hidden;
    vertical-align: middle;
    padding-top: 5px;
    font-family: Verdana;
}

#UlBreadCrumbs LI
{
    padding-left: 1em;
    padding-right: 1em;
    float: left;
}
#UlBreadCrumbs A
{
    display: block;
    white-space: nowrap;
    float: left;
    color: #C0C0C0;
    font-weight: bold;
}
#UlBreadCrumbs A:hover
{
    color: #38bbee;
}
#UlBreadCrumbs A.selected
{
    text-decoration: underline;
    color: #990000;
}

/*Content Start*/

#MainContentWrapper
{
    display: block;
    margin: 0 auto;
    width: 960px;
    position: relative;

    
}

#MainContentWrapper #SecondaryMenu
{
    padding: 0 2px;
    width: 180px;
    float: left;
}
#MainContentWrapper #SecondaryMenu li
{
    width: 180px;
    list-style-type: none;
    padding-top: 5px;
}
#MainContentWrapper #SecondaryMenu li A
{
    color: #616265;
    font-family: verdana;
    font-size: small;
}

#MainContentWrapper #SecondaryMenu li A:hover
{
    color: #38bbee;
    font-family: verdana;
    font-size: small;
}
#MainContentWrapper #SecondaryMenu li A.selected
{
    color: #38bbee;
    font-family: verdana;
    font-size: small;
}

.AspNet-TreeView-Root AspNet-TreeView-Leaf AspNet-TreeView-Selected
{
    color: #38bbee;
    font-family: verdana;
    font-size: small;
}   



#MainContentWrapper #ContentPlaceHolderWrapper
{
	float: right;
	width: 800px;
	border-left-width: thin;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	padding:0 5px 0 5px;
}


/*DefaultPage Start*/
#DefaultPageWrapper
{
	margin:auto;
    width: 960px;
}
#NoNavWindow
{
	position:relative;
    width: 960px;
        padding-top:15px;
    padding-bottom:15px;
   
}
#SlideShow
{
top:5px;
margin:auto;
width:960px;
}
#ProjectWrapper
{
margin:auto;
width:960px;
height:550px;
position:relative;
background-color:#ffffff;
   
    border-color:#A8D4D9;
border-style:solid;
border-width:2px;
    
    
}

/*Footer Start*/

#FooterWrapper
{
    height: auto;
    width: 100%;
    position: relative;
    background-color: #F2F2F2;
    border-top: 1px solid #D5D5D5;
    border-top-style: solid;
    border-top-width: thin;
}
#Footer
{
    width: 960px;
    line-height:120px;
    text-align:center;
    font-family:Calisto MT;
    font-size:x-small;
}



.divClear
{
    clear:both;
    }
  #OrgChart 
  {
padding:15px 40px 40px 40px;

}  
  #OrgChart .google-visualization-orgchart-table * {
padding:10px;

}
    
#OrgChart .google-visualization-orgchart-node
{
	background-color: white;
	border: 5px solid #A8D4D9;
	cursor: default;
	font-family: Arial;
	font-size:larger;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	
}

#OrgChart .nodeclass {
font-size:1.0em;
font-weight:bold;
color:#38bbee;
}



/*YUI elements*/
#container {
margin: 0 auto;
background-color:#fff;
}
#container .item p.all
{
	width: 150px;
	text-align: center;
	color: #38bbee;
	font-weight: bold;
	bottom: -12px;
	position: absolute;
	z-index: 2;
	margin-top: -150;
	background-color: #FFFFFF;
}
#ProjectThumbsContainer {
margin: 0 auto;
background-color:#fff;
}
#ProjectThumbsContainer .item p.all
{
	width: 150px;
	text-align: center;
	color: #38bbee;
	font-weight: bold;
	bottom: -12px;
	position: absolute;
	z-index: 2;
	margin-top: -150;
	background-color: #FFFFFF;
}
/* Style the spotlight container */
#spotlight {
border: 1px solid #ccc;
height: 480px;
 width: 625px;
 background-color:#fff ;
 text-align:center;
 vertical-align:middle;
 }

 /* Always be sure to give your carousel items a width and a height */
 .yui-carousel-element li
{
	height: 150px;
	opacity: 0.8;
	width: 150px;
	opacity: 0.8;
	background-color: #FFF;
}

 .yui-carousel-element .yui-carousel-item-selected {
 opacity: 1;
 border-width: thin;
	border-color: #38bbee;
 } 
 .yui-carousel .yui-carousel-item-selected {
border-width: thin;
	border-color: #38bbee;
margin:1px;
}



.yui-carousel-nav 
{
	display:none;

} 

/* ajax__tab_msngallery-theme theme */
.ajax__tab_msngallery-theme .ajax__tab_header 
{
    background:url(img/msngallery/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer 
{
    border:solid 1px #D7DCE1;
    padding:1px 1px 0px 1px;
    border-bottom:solid 2px #A8D4D9;
    background-color:#edf2fb;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab 
{
    padding:6px 10px 6px 10px;
    color:#444444;
    width:212px;
    display:block;
    text-align:center;    
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab img
{
    height:24px;
    width:24px;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div
{
    font-family:Verdana, Arial, Sans-Serif;
    font-weight:bold;
    white-space:nowrap;
    line-height:145%;
    font-size:92%;
}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer 
{
    padding:0px 0px 0px 0px;
    border:solid 2px #A8D4D9;
    border-bottom-color:#ffffff;
    background-color:#ffffff;
}
.ajax__tab_msngallery-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 2px #A8D4D9;
    border-top-width:0;
}


/* ajax__tab_Triple theme */
.ajax__tab_Triple-theme .ajax__tab_header 
{
    background:url(img/msngallery/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.ajax__tab_Triple-theme .ajax__tab_header .ajax__tab_outer 
{
    border:solid 1px #D7DCE1;
    padding:1px 1px 0px 1px;
    border-bottom:solid 2px #A8D4D9;
    background-color:#edf2fb;
}
.ajax__tab_Triple-theme .ajax__tab_header .ajax__tab_tab 
{
    padding:6px 10px 6px 10px;
    color:#444444;
    width:292px;
    display:block;
    text-align:center;    
}
.ajax__tab_Triple-theme .ajax__tab_header .ajax__tab_tab img
{
    height:24px;
    width:24px;
}
.ajax__tab_Triple-theme .ajax__tab_header .ajax__tab_tab div
{
    font-family:Verdana, Arial, Sans-Serif;
    font-weight:bold;
    white-space:nowrap;
    line-height:145%;
    font-size:92%;
}
.ajax__tab_Triple-theme .ajax__tab_active .ajax__tab_outer 
{
    padding:0px 0px 0px 0px;
    border:solid 2px #A8D4D9;
    border-bottom-color:#ffffff;
    background-color:#ffffff;
}
.ajax__tab_Triple-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 2px #A8D4D9;
    border-top-width:0;
}

/*yui for projects*/
#ProjectContainer {
margin: 0 auto;
background-color:#ffffff;
font-size: 13px;
height:500px;

}

.yui-ProjectCarousel-element li {
    height: 500px;
    width:960px;
}



#ProjectContainer a {
    text-decoration: none;
}

#ProjectContainer .yui-carousel-nav  {
    text-decoration: none;
    display:block;
}




#ProjectContainer .item {
    display: inline;
    float: left;
    margin:10px auto;
        overflow: hidden;
        padding-left:50px;
        padding-right:50px;
    width: 900px;
    height:500px;
}

#ProjectContainer .item yui-carousel-item-selected
{
	border: thick dashed #FF00FF;
}