/* @override http://s2insight.com/main_fade.css */

/***********************************************/
/* S2insight stylesheet                        */
/* http://www.s2insight.com/                   */
/* By Mark Stewart                             */
/***********************************************/

html {
	/* cf. http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	height: 100%;
	margin-bottom: 1px;
	-webkit-text-size-adjust:none;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.4;	
	margin: 0px;
	padding: 0px;
    background: url(images/blue_texture.jpg) repeat-x #0076d7;
	background-position: 0px 237px;
	font-size: 12px;
	height: 100%;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
 color: #005FA9;
 text-decoration: underline;
}

a:hover{
 text-decoration: underline;
 color:#CC0033;
}

/*********  Layout Divs *********/

#topsection{
 background-color: #fff;
 padding-top: 10px;
}

#botsection{
 width: 750px;
 margin: 0 auto;
}

#container1{
 margin: 0px auto;
 width: 750px;
}

#container2{
 margin: 0px auto;
 width: 100%;
 background: #fff;
 padding-top: 20px;
 border-top: 4px solid #003fa0;
 height: 100%;
}

#container3{
 margin: 20px auto;
 width: 100%;
 color: white;
 text-align:center; 
 font-size: .95em;
 line-height: 1.8em;
 padding-bottom: 20px;
}

#nav{
 width: 150px;
 background:#F3F4F8 url(images/round_bot_left.jpg) bottom left no-repeat;
}

#main{
 padding: 0px 20px;
 height: 100%;
}

#contentsub{
 background:#fff url(images/round_bot_right_sub.jpg) bottom right no-repeat;
 width:600px;
}

#contentsubcourse {
 width:600px;
 padding-left: 20px;
 padding-bottom: 10px;
}

#contentsubcourse #main{
 padding: 0px 0px 0px 20px;
 height: 100%;
}

/* layout for right columns */

#extra{
 width: 150px;
 background:#F3F4F8 url(images/round_bot_right.jpg) bottom right no-repeat;
}

#extrasub{
 width: 150px;
 margin-right: -20px;
 margin-left: 40px;
 margin-bottom: 20px;
 background:#F3F4F8 url(images/extra_round_botleft.gif) bottom left no-repeat;
} 

#extrasub p {
 font-size: .90em;
 padding: 0px 5px;
 margin-left: 0.5em;
}

#extrahead{
 background: #D2D4D6 url(images/navhead_round_left.gif) top left no-repeat;
 color: #09469A;
 padding: 5px 10px;
}

#extrahead2{
 background: #D2D4D6 url(images/navhead_round_left2.gif) top left no-repeat;
 color: #09469A;
 padding: 5px 10px;
}

#extracontent{
 padding: 0px 10px;
 font-size: .90em;
}


/* bullet styles for lists */

#bullettab li{
list-style-position: outside;
list-style-type: disc;
padding: 2px;
list-style-image: none;
}

#bullettab ul {
margin-left: 2em;
line-height: 1.3em;
padding-left: 0;
padding: 2px;
}

#bulletbox li{
list-style-position: outside;
list-style-type: disc;
padding: 1px;
list-style-image: none;
}

#bulletbox ul {
margin-left: 1.5em;
line-height: 1.3em;
padding-left: 0;
padding: 2px;
}


#bulletmain li{
list-style-position: outside;
list-style-type: disc;
padding: 2px;
list-style-image: none;
}

#bulletmain ul {
margin-left: 2em;
line-height: 1.3em;
padding-left: 0;
padding: 2px;
}

/* left nav styles */

#navhead{
 background: #D2D4D6 url(images/navhead_round.gif) top right no-repeat;
 color: #09469A;
 padding: 5px 10px;
}

#navhead2{
 background: #D2D4D6 url(images/navhead_round2.gif) top right no-repeat;
 color: #09469A;
 padding: 5px 10px;
}

/* styles for on subpages including classes */

#storyLead{
 margin: 0px 0px 20px 0px;
 vertical-align:middle;
}

#storyLead img{
 float: left;
 margin-top: 3px;
}

#storyLead #text { margin:0 0 0 100px }

#subimg {
 float:right;
 margin: 0px 0px 10px 20px;
}

/* style used on homepage */

#homecontent{
 background-color:#fff;
 width:450px;
}

/* styles for feature box on home */

#featuretop {
 width:410px;
 height: 10px;
 background-image:url(images/feature_round_top.jpg);
 background-repeat:no-repeat;
 background-position:left top;
}

#featuremain {
 padding: 10px 30px;
 border-right: 1px solid #808080;
 border-left: 1px solid #808080;
 line-height: 1.3em;
 vertical-align:top;
 margin: 0px;
}

#featuretable {
 padding: 6px 30px;
 line-height: 1.3em;
 vertical-align:top;
 margin: 0px;
}

#featurebot {
 width:410px;
 height: 10px;
 background-image:url(images/feature_round_bot.jpg);
 background-repeat:no-repeat;
 background-position:left top;
}


/* styles for featue box on subpages */

#featuresubtop {
 width: 410px;
 height: 10px;
 background-image:url(images/feature_round_top.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 margin: 0 auto;
}

#featuresubmain {
 width: 348px;
 padding: 10px 30px 01px 30px;
 border-right: 1px solid #808080;
 border-left: 1px solid #808080;
 line-height: 1.3em;
 vertical-align:top; 
 margin: 0 auto;
}

#featuresubbot {
 width: 410px;
 height: 10px;
 background-image:url(images/feature_round_bot.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 margin: 0 auto;
}

/************* various link styles ***************/

#navLinks a:link, #navLinks a:visited {
 display: block;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #cccccc;
 padding: 5px 10px;
 color: #21536A;
 text-decoration: none;
 font: 90% Verdana, Arial,sans-serif;
}

/** navLinksNB removes bottom border **/

#navLinksNB a:link, #navLinksNB a:visited {
 display: block;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #F3F4F8;
 padding: 5px 10px;
 color: #21536A;
 text-decoration: none;
 font: 90% Verdana, Arial,sans-serif;
}

#navLinks a:hover, #navLinksNB a:hover {
 border-top: 1px solid #cccccc;
 background-color: #DDEEFF;
 background-image: none;
 text-decoration: none;
 font: 90% Verdana, Arial,sans-serif;
}

#navLinks a.current:link, #navLinks a.current:visited, #navLinksNB a.current:link, #navLinksNB a.current:visited {
 display: block;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #cccccc;
 padding: 5px 10px;
 color: #21536A;
 text-decoration: none;
 font: 90% Verdana, Arial,sans-serif;
 background-color: #DDEEFF;
 text-decoration: none;
}


/** styles for top logo and links on right **/

#topLogo{
 float: left;
 margin: 0px 0px 8px 0px;
}

#topLinks{
 float: right;
 color:#666;
 margin: 20px 0px 8px 0px;
}

#topLinks a:link, #topLinks a:visited{
 color:#666;
 text-decoration: none;
}

#topLinks a:hover{
 color:#005FA9;
 text-decoration: underline;
}

/** styles for bottom links **/

#container3 a:link, #container3 a:visited{
 color: #fff;
 text-decoration: none;
}

#container3 a:hover{
 text-decoration: underline;
 color:#fff;
}

/** controls the look of the course listings including yellow td **/

#coursetd {
 padding-left: 0px;
 padding-bottom: 20px;
 padding-right: 10px;
 padding-top: 0px;
 background: #fff8b5 url(images/round_bot_right_course.jpg) bottom right no-repeat;
 font-size:12px;
 width: 240px;
}

#coursebackground {
 background-image: url(images/course_top.gif);
 background-repeat: no-repeat;
 background-position: top left;
 background-color: #fff8b5;
 width: 100%;
 height: 17px;
}

#coursemain {
 padding-left: 20px;
 padding-right: 20px
}

#course {
 margin-top: -10px;
 padding-top: 0px;
 padding-left: 20px;
 padding-bottom: 0px;
 padding-right: 10px;
line-height: 1.3em;
}

#courselink a:link, #courselink a:visited {
 text-decoration: underline;
 padding: 3px 0px;
 display: block;
}

#courseselect a:link, #courseselect a:visited {
 display: block;
text-decoration: underline;
 padding: 3px 0px;
 margin-right: -20px;
 margin-left: -12px;
 padding-left: 12px;
 background-image:url(images/course_link_round.gif);
 background-position: top left;
 background-repeat:no-repeat;
 background-color:#fff8b5;
}

/** header tag styles **/

h1{
 font: bold 175%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 150%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: 105%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100%;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/** testing new homepage styles **/

.homeheadlines {
 font-size: 150%;
 font-weight: bold;
 color: #333;
 margin: 0px 0px 0px 5px;
 padding: 20px 0px 5px 0px;
}

#homemenu {
 height: 270px;
 width: 560px;
}

#homemenu a i {
 visibility: hidden;
 width: 137px;
 height: 270px;
}

.tdfeaturespace {
 width: 4px;
 height: 100%;
 background-color: #fff;
}

.tdhomemenu {
 height: 270px;
 width: 137px;
 margin: 0px;
}


#tdhomebot {
 background:url(images/home-feature-bot.png) no-repeat;
 width: 282px;
 height: 53px;
}

.feature_prod_dev1, 
.feature_prod_dev2 {
 background-color: #ebf4fb;
 border-top: #0076cd 4px solid;
 height: 100%;
 margin: 0px;
 background-repeat: no-repeat;
 background-position: 100% 100%;
}

.feature_proj_man1, 
.feature_proj_man2, 
.feature_proj_man3 {
 background-color: #f5ecf3;
 border-top: #810e6c 4px solid;
 height: 100%;
 margin: 0px;
 background-repeat: no-repeat;
 background-position: 100% 100%;
}

.feature_port_man1, 
.feature_port_man2 {
 background-color: #fcf5ee;
 border-top: #d47f2c 4px solid;
 height: 100%;
 margin: 0px;
 background-repeat: no-repeat;
 background-position: 100% 100%;
}

.feature_org_dev1 {
 background-color: #f4f5ed;
 border-top: #78811c 4px solid;
 height: 100%;
 margin: 0px;
 background-repeat: no-repeat;
 background-position: 100% 100%;
}

#tdfeature1,
#tdfeature2,
#tdfeature3,
#tdfeature4 {
	width: 137px;
}

/* List home page feature images */
/* START--------------------- */
.feature_prod_dev1 {
 background-image: url(images/featurepic-laptop-discuss.jpg);}
.feature_prod_dev2 {
 background-image: url(images/featurepic-cmmi-logo.gif);}
.feature_proj_man1 {
 background-image: url(images/featurepic-meeting1.jpg);}
.feature_proj_man2 {
 background-image: url(images/featurepic-discussion.jpg);}
.feature_proj_man3 {
 background-image: url(images/featurepic-books.jpg);}
.feature_port_man1 {
 background-image: url(images/featurepic-penpaper.jpg);}
.feature_port_man2 {
 background-image: url(images/featurepic-instructor.jpg);}
 
/* END --------------------- */

.feature_title,
.feature_title a:link,
.feature_title a:visited{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.feature_title a:hover{
	text-decoration: underline;
}

.feature_text {
	padding: 10px 147px 10px 10px;
	height: 112px;
	width: 403px;
	position: absolute;
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
}

#dropcontent_td {
	height: 136px;
	/* Set to make cell right size for feature content */
	/* 136 = 110 (height) + 2*10 (pads) + 4 (top border) */
}

.feature_text strong a:link,
.feature_text strong a:visited,
 {
	color: #000;
	text-decoration: none;
}

.feature_text strong a:hover {
	color: #000;
	text-decoration: underline;
}



#dropcontent_row {
	display: table-row;
}

.hrhome {
 font-size: 1px;
 line-height: 1px;
 background-color: #999;
 padding: 0px;
 margin: 0px;
 height: 1px;
}

#hrhome4 {
 font-size: 4px;
 line-height: 1px;
 background-color: #999;
 padding: 0px;
 margin: 0px;
 height: 4px;
}

/********************* end **********************/