/***ADDED by HRK *******/
.error {
	color: red;
}

ul.article_category {

}
li.article_category {
    font-size: 85%;
    line-height: 1.5em;
}
.biline {
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
}
img.lge {
	border:none;display:inline;vertical-align:middle;
}

td.searchform {
    font-size: 85%;
    line-height: 1.5em;
}


/* floats */
.float_right {
	float: right;
}
.float_left {
	float: left;
}

/* various common styles that can be applied via <span class="whatever">blah</span> */
.tight { line-height: 1%; }
.smaller { font-size: smaller; }
.larger { font-size: larger; }
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.overline { text-decoration: overline; }
.underlineoverline { text-decoration: underline overline; }
.line-through { text-decoration: line-through; }
.hilite {
	background-color: yellow;
	padding: 0 1px 0 1px;
}
.invisible { display: none; }
.hide { display: none; }
.hidden { display: none; }
.white { color: white; }
.lgray { color: #DDD; }
.gray { color: #999; }
.mgray { color: #888; }
.dgray { color: #444; }
.black { color: black; }
.red { color: red; }
.green { color: green; }
.blue { color: blue; }
.firstchar {
	font-size: 150%;
	vertical-align: baseline;
}
.padded { padding: 1em; }
.justify { text-align: justify; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.indent { text-indent: 1.5em; }
.uppercase {text-transform: uppercase; }
.lowercase {text-transform: lowercase; }
.capitalize {text-transform: capitalize; }
.noborder { border: 0;}
/***********************/

a {
	text-decoration: none;
	color: #330099; 
	}

	
a#name {
	color: #000;
	}
	
	
.document-body
	{
	margin-left: 240px;
	margin-right: 200px;
	padding: 0;
	clear: none;
	max-width: 36em;
	}



/*********** EXPANDABLE SECTION ****************/
.expandable-item  {
	text-decoration: none;
	color: #3f3f3f; font-size: 14px;
}

.expandable-item {
	border: 1px solid #fff;
	background-color: #f2e6c0;
	color: #280077;
	padding: 5px;
	margin-bottom: 10px;
}

.expandable-title {
	font-weight: bold;
	font-size: 14px;
	margin-left: 2em;
}

.expand-button, .collapse-button {
	float: left;
	text-align: center;
	font-size: 16px;
	width: 20px;
	border: 1px solid #666;
	background-color: #2b027c;
	color: #fff;
	font-weight: bold;
}

.collapse-button {
	display:none;
}

.expandable-content {
	display:none;
	margin-left: 2.5em;
	border-top: 1px solid #666;
	padding-top: 10px;
	margin-top: 10px;
}

.expandable-content ul{
	list-style-type: disc;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .9em;
}
		
.expandable-content li{
	padding: 10px;
	border-bottom: 2px solid #FFF;
}	
	
.expandable-content a{
	color: #330066;
}
	
/*********** END EXPANDABLE SECTION ****************/	
	
body {
	background: #fff;
	padding: 0;
	margin: 0;  
	color: #25026c;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	}

#container {
	background-color: #fff;
	border: 1px solid #999999;
	color: #333;
	margin: 0px auto;
    text-align: left;    
	width: 860px;
	}

p {
    font-size: .9em;
    line-height: 1.5em;
	}

p.tagline
	{font-size: 80%;
	line-height: .2em;
	margin: 15px 0 15px 115px;	
	}

p .title a {
    font-weight: bold;	
    color: #000;
	}

p.article{
    padding-left: 30px;
	}


p#small {
    font-size: 80%;
	}
	
.small{
    font-size: .7em; 
    line-height: 1.5em;
	}

h1 {
    line-height: 1.7em;
    font-size: 1.5em;
    color: #25026c;
	}


h2 {
    line-height: 1.7em;
    font-size: 1.2em;
    color: #25026c;
	}


h3 {
    line-height: 1.5em;
    font-size: .9em;
	}

h4 {
    line-height: .5em;
    font-size: 100%;
	}


img {
    border: none; 
	}

#header {
	width: 860px;
    background-color: #fff;
    background: url("../images/banners/banner_bckgrd00.jpg") top left;
    background-repeat: no-repeat;
   	margin: 0px 0px 0px 0px;
	}



#search {
    background-color: #dbb74c;
    background-repeat: no-repeat;
   	margin: 0;
   	padding: 6px 15px;
   	}

.second {
	border: 1px solid #00cc00;
	}

/* ************SEARCH BOX **************/
.search_box2 li{
	display:inline;
	padding:0;
	margin:0; 
	}

#search_form { float: right; }

#skip_box a{ float:left; display: none;}

#search_box_finish { clear:both; }

#search_box{
	margin: 0;
	padding: 0;
	}

#search_box #searchbox {
    float: left;
    padding: 0; 
    border: 1px solid gray;
    width: 209px;
    height: 20px;
    background: #fff;
	}
	
#search_box #go {
	text-align: center;
    margin-left: 15px;
    background: #fff;
    border: 1px solid gray;
	font-size: 85%;
    padding-bottom: 2px;
	display: inline;
	}

#search_box a{
	font-size: 75%;
	margin-left: 10px;
	margin-bottom: 10px;
	}

/* ************ END SEARCH BOX **************/


/******** NAVIGATION ************/


#main_nav {
	margin: 0;
	padding: 0;
	background: url("../images/navigation_bckgr.jpg") top left;
	float:left;
	width:860px;
	border-top:1px solid #330099;	
	}

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

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

#main_nav a {
	color:#fff;
	padding:4px 10px 4px 10px;
	border-right:1px solid #fff;
	float:left;
	width:auto;
	font: .85em Arial, Helvetica, sans-serif;
	}

#main_nav  a#current {
    background: #f2e6c0;
    color: #280077;
    }

#main_nav a:hover {
    background: #cc9900;    
    color: #330099
	}

#program_nav {
	margin:0px;
	padding: 0;
	float:left;	
	width:100%;
	border-bottom:1px solid #330099;
	}

#program_nav ul {
	list-style: none;
	margin: 0px;
	padding:0px;
	}
	
#program_nav li {
	display:inline;
	padding:0;
	margin:0;	
	}

#program_nav a:link,

#program_nav a
	{
	color:#330099;
	padding:4px 10px 4px 10px;
	border-right:1px solid #836aaf;
	float:left;
	width:auto;
	font: .85em Arial, Helvetica, sans-serif;
	}

#program_nav a#current
	{
    background: #f2e6c0;
    color: #280077
    }

#program_nav a:hover
	{
	background: #cc9900;	
	color: #330099
	}


/******** END NAVIGATION ************/


/******** Breadcrumbs ************/


#breadcrumb-trail-container {
	clear: left;
	color: #666;
	font-size: .8em;
	padding: 5px 0 5px 10px;	
	}


#breadcrumb-trail-contents {
	margin: 0; 
	padding: 0; 
	}	

#breadcrumb-you-are-here {
    display: inline;
	}

#breadcrumb-link-list {
    display: inline;
	}

#breadcrumb-link-list ul {
    display: inline;
    margin: 0;
    padding: 0;    
	}

#breadcrumb-link-list li {
    display: inline;
    padding: 2px;   
	}		

#breadcrumb-link-list li:before {
    content: "\00BB\0020";
	}

#breadcrumb-link-list a {
    font-size: .9em;
	}

#breadcrumb-link-list li:first-child {
    border-left: 0px;
	}



/*======= 3rd level anchor links ==========*/

.anchor {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 4px;
	}


.anchor a{
	text-decoration: none;
    color: #330099;
    font-size: 12px;
	}



ul#anchor{
	list-style: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 4px;
	}

ul#anchor li {
	display: inline;
    margin: 0;
    border-right: 1px solid #888;
    padding: 0 5px 0px 5px;
	}

ul#anchor a {
	text-decoration: none;
    color: #330099;
    font-size: 80%;
	}


/*======= End 3rd level anchor links ==========*/

#wrap {
	margin: 10px 0 0 0px;
	}

#leftnav {
	float: left;
	width: 200px;
	margin: 0px;
	clear: left;
	/* orig NM: padding: 0 0 0 15px; */
	padding: 0 1.2em 0 .8em;
	}




#rightlinks {
    float: right;
    margin: 0px 10px 10px 0;
    width: 160px;   
	}

/*#conf_list {
    padding: 0px 0 0 0;
	width: 150px;	
}

#conf_list ul {
	list-style-type: none;
	padding: 0;
	margin: 0px;
	width: 150px;
	
	}

#conf_list li a{
font-size: .85em;
	margin: 0px;
	padding: 0px;
display: block
background-color: #e6e0f1;
    border: 1px dotted #2e008a;
    font-size: .8em;
    line-height: 1.3em
    width: 150px;
    ext-decoration: none;
	}

#conf_list h3 {
	line-height: .7em;
	}*/


.conflist_header {   
    width: 150px;
    background-color: #e5cc7f;
    padding: 4px;
    color: #100329;
    font-size: small;
    font-weight: bold;
    border: 1px solid  #e5cc7f;
	}

#conf_list ul {
	width: 150px;
	padding: 0;
	margin: 0 0 20px 0;
	list-style-type: none;
	}

#conf_list a {
    padding: 4px;
	display: block;
    width: 150px;
    background-color: #fff;
    border: 1px dotted #cc9900;
    font-size: .8em;
    line-height: 1.3em
    }

#conf_list a:link, #conflink a:visited {
    color: #333;
    text-decoration: none;
 	}

#conf_list a:hover {
    background-color: #f3e7c4;
	}


.list_header {   
    width: 150px;
    background-color: #2e008a;
    padding: 4px;
    color: #fff;
    font-size: small;
    font-weight: bold;
    border: 1px solid  #2e008a;
	}
	
#resources ul {
	width: 150px;
	padding: 0;
	margin: 0 0 20px 0;
	list-style-type: none;
	}

#resources a {
    padding: 4px;
	display: block;
    width: 150px;
    background-color: #e6e0f1;
    border: 1px dotted #2e008a;
    font-size: .8em;
    line-height: 1.3em
    }

#resources a:link, #resourcelist a:visited {
    color: #333;
    text-decoration: none;
 	}

#resources a:hover {
    background-color: #d3c9e6;
	}


#content_all {  
	padding-left: 15px ;
	max-width: 620px;
	margin-bottom: 10px;
} /*index & 3rd level page only*/


/*======FOOTER====*/
#footer {
    clear: both;
    margin: 0;
    padding: 5px;
    color: #000;
    background-color: #eac968; /*#dbb74c;*/
	font-size: 85%;
	text-align: center;
	}

p.footer {
	line-height: 1.2em
	}

#footer ul {
    list-style: none;
    border: none;
    padding: 2px;
	}

#footer li {    
    display: inline;
    margin: 0;
    border-right: 2px solid #FFF;
	}

#footer a {
    text-decoration: none;
	}
	
	.pretty-table
	{
	  padding: 0;
	  margin: 0;
	  border-collapse: collapse;
	  border: 1px solid #333;
	  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	  font-size: 0.9em;
	  color: #000;
	  background: #F7EDCE;
	  /* background: #bcd0e4 url("widget-table-bg.jpg") top left repeat-x; */
	}

	.pretty-table caption
	{
	  caption-side: bottom;
	  font-size: 0.9em;
	  font-style: italic;
	  text-align: right;
	  padding: 0.5em 0;
	}

	.pretty-table th, .pretty-table td
	{
	  border: 1px dotted #666;
	  padding: 0.5em;
	  text-align: left;
	  color: #632a39;
	}
	
	.pretty-table td a:link,
	.pretty-table td a:visited
	{
		color: #632a39;
	    text-decoration: underline;
	}



	.pretty-table th[scope=col]
	{
	  color: #000;
	  background-color: #8fadcc;
	  text-transform: uppercase;
	  font-size: 0.9em;
	  border-bottom: 2px solid #333;
	  border-right: 2px solid #333;
	}

	.pretty-table th+th[scope=col]
	{
	  color: #fff;
	  background-color: #7d98b3;
	  border-right: 1px dotted #666;
	}

	.pretty-table th[scope=row]
	{
	  background-color: #b8cfe5;
	  border-right: 2px solid #333;
	}

	.pretty-table tr.alt th, .pretty-table tr.alt td
	{
	  color: #2a4763;
	}

	.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td
	{
	  background-color: #632a2a;
	  color: #fff;
	}

	.pretty-table tr:hover td a:link,
	.pretty-table tr:hover td a:visited,
	.pretty-table tr:hover td a:hover
	{
	  background-color: #632a2a;
	  color: #fff;
	  text-decoration: underline;
	}


a:link.tag, a:visited.tag {
	background-color: #F7EDCE;
	color: #333;
	text-decoration:none;
	font-size:1.1em;
	line-height:1.8em;
	padding:.2em;
	margin: .1em;
}

a:hover.tag{
	background-color: #330099;
	color:#fff;
}

/* carousel in html5 */
#carousel_container {
	width:600px;
	height:325px;
	border: 1px solid black;
	background-color: #372c4f;
}

#carousel_text_box {
	float: right;
	text-align:left;
	width:192px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .8em;
	font-weight: bold;
	color:white;
	margin:0; padding:4px;
}

#carousel_canvas {
	width:400px;
	height:325px;
	background-color: #6f589d;
}

.carousel_yellow {
	width:85%;
	height:2px;
	color:yellow;
}
.carousel_title {
	font-size:1.1em;
}


/* core competency css */
fieldset.assessment {
	margin-bottom:.75em;
	padding: .75em;
	border-width: 1px;
	border-style: solid;
	border-color: #C1DAD7;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
	
fieldset.assessment label {
	float:left;
	margin-left:5px;
	font-size: 85%;
}


fieldset.assessment input:focus {
	border: 2px solid #8789D1;
}

fieldset.assessment legend {
	color: #B09D66;
	font-weight: bold;
}

fieldset.radio_group {
	border:1px solid #C1DAD7;
	display:inline;
	background-color:#d1eaea;
	margin-left:1em;
}

table.cccTable { width:100%;}
table.cccTable th { background-color: #d1eaea;  text-align: center; font-weight: bold; font-size:0.8em; }
table.cccTable td { font-size:0.8em; }
table.cccTable td.numeric {text-align:right;}


/* Added by Varun - Floating Images & Captions */
div.imgcaptionleft { float:left; margin: 5px 10px 5px 0px; width:360px; padding: 5px 5px 5px 5px}
div.imgcaptionleft p { margin: 5px 0px 0px 0px; clear:both; font-size:11px; text-align:left;}

div.imgcaptionright {float:right; margin: 5px 0px 5px 10px; width:360px; padding: 5px 5px 5px 5px}
div.imgcaptionright p { margin: 0px 0px 0px 5px; clear:both; font-size:11px; text-align:left}

p.credit {float:right; color: #888;}
p.credit a {color: #888; text-decoration: underline;}

/* For Tables */
table.basicTable { width:100%;}
table.basicTable th { background-color: #ebebeb;  text-align: center; font-weight: bold; font-size:12px; }
table.basicTable td { font-size:12px; }
table.numbers td {text-align:center;}

p.tablecaption { margin: 5px 0px 0px 0px; clear:both; font-size:11px; text-align:center}


.calloutBox { padding: 15px; margin: 15px; border: 1px solid #333333; width: 250px; }
.cbRight { float: right; margin-right: 0; }
.cbLeft { float: left; margin-left: 0; }