/* Recommended naming conventions:

   PascalCase - Classes

   camalCase  - ID

*/


#globalnav
{
position: relative;
top: 0;
left: 0;
line-height: 1;
background-image: url("../images/bar.gif");
background-position: right 36px;
background-repeat: no-repeat;
min-height: 63px;
}

#TeamDirection-logo
{
float: left;
position: relative;
top: 6px;
left: 4px;
width: 60px;
height: 48px;
background-image: url("../images/Main_Header_Logo_Final.gif");
background-repeat: no-repeat;
background-position: 0 0;
text-decoration: none;
color:#FFF;
}

#user-menu
{
float: right;
margin-top: 0;
margin-bottom: 0;
min-height: 28px;
}


body {
font: 70%;
	background-color: #fff;
	margin: 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #333;
	line-height: 1.4;
}

a { color: #369; text-decoration:underline; }
a:visited { color: #999; text-decoration: underline; }
a:active { color: #369; text-decoration: underline; }
a:hover { color: #369; text-decoration: underline;}



img { border: 0px; }

hr {
	background-color: #999;
	border: none;
	color: #999;
	height: 1px;
}

h2 {
	margin: 0px;
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	color: #036;
	padding: 0px;
}


.NavMenu {
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	height: 20px;
	padding-left: 10px;
	width: auto;
}

/* Begin Region "Secondary Header (secondary pages) for Release 3.0" */

#mainHeaderSecondary {
	margin: 0;
	background: #fff url(../images/Main_Header_Sub_Background.jpg) no-repeat;
	height: 115px;
	width: 100%;
}

#mainHeaderSecondary #wrpUtilities {
	position: absolute;
	top: 50px;
	left: 583px;
	margin: 0;
}

#mainHeaderSecondary #homepageLink {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* End Region */



/* Begin Region "Homepage for WSS Release" */


#mainHeader {
	background: #ccc url(../images/Main_Header_Background.jpg) no-repeat;
	height: 115px;
	width: 1024;
}

#mainHeader #homepageLink {
	position: absolute;
	top: 0px;
	left: 0px;
}

#mainHeader #downloadLink {
	position: absolute;
	top: 50px;
	left: 560px;
}

#download_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px ;
	color: #369;
	float: right;
	margin-top: 0;
	margin-bottom: 5;
	
	text-decoration:none;
	
}


div#download_link a { color: #369; text-decoration: none; }
div#download_link a:visited { color: #999; text-decoration: none; }
div#download_link a:active { color: #369; text-decoration: none; }
div#download_link a:hover { color: #369; text-decoration: none;}


#download_link_big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px ;
	font-weight: bold;
	color: #369;
	float: right; 
	margin-top: 0;
	margin-bottom: 5;
	text-decoration:none;
	
}


div#download_link_big a { color: #369; text-decoration: none; }
div#download_link_big a:visited { color: #369; text-decoration: none; }
div#download_link_big a:active { color: #369; text-decoration: none; }
div#download_link_big a:hover { color: #369; text-decoration: none;}

#tabledemo{
	font-size: 11px;
	text-decoration: none;
} 

#mainHeader #purchaseLink {
	position: absolute;
	top: 50px;
	left: 660px;
}

/*Header, Body, and Bottom divs. You need to include them in to each single page to make it look good*/
#wrpHeader {
	position:absolute;
	z-index:2;
	left:50%;
	width:740px;
	margin-top: 15px;
	margin-left:-385px;
}

#wrpMainPage {
	position:absolute;
	z-index:1;
	left:50%;
	width:745px;
	margin-top: 80px;
	margin-left:-385px;
}

#wrpBottom {
	z-index:3;
	position:absolute;
	left:50%;
	width:745px;
	margin-top: 810px;
	margin-left:-385px;
}

/* Bottom wrap for Demo and Promo pages*/
#wrpBottomDemo {
	position:absolute;
	left:50%;
	width:745px;
	margin-top: 700px;
	margin-left:-385px;
}
#wrpBottomPromo {
	position:absolute;
	left:50%;
	width:745px;
	margin-top: 1250px;
	margin-left:-385px;
}

/* end of wrp for page*/


#wrpHomeContent {
	width: 740px;
	border: solid 0px #999;
	
	margin-top: 5px;
	margin-bottom: 10px;
	
}

#wrpDownload {
	width: 600px;
	border: solid 0px #999;
	
	margin-top: 20px;
	margin-bottom: 10px;
	
}

#wrpHomeContent #mainBanner {
	width: 800px;
	height: 600px;
	border-bottom: 0px solid #ccc;
}

#wrpHomeContent #mainBannerBig {
	width: 1024px;
	height: 800px;
	border-bottom: 0px solid #ccc;
}


#wrpHomeContent #wrpInfoBoxes {
    width: 770px;
    border: solid 0px #ccc;
    margin-top: 0px;
}

#wrpHomeContent #wrpInfoBoxes .MainInfoBox{
    width: 235px;
    border: solid 0px #ccc;
    float: left;
   margin-right: 20px;
}
#wrpHomeContent #mainAnnouncmentHeader {
    background: #fff url('/tdweb/images/mainAnnouncmentHeader.gif');
    background-repeat: no-repeat;
	height: 37px;
}

#wrpHomeContent #mainSharePointNews {
    background: #fff url('/tdweb/images/mainSharePointNews.gif');
    background-repeat: no-repeat;
	height: 37px;
}

#wrpHomeContent #mainGrooveNews {
    background: #fff url('/tdweb/images/mainGrooveNews.gif');
    background-repeat: no-repeat;
	height: 37px;
}

#wrpHomeContent .ContentNews {
	padding-top: 5px;
	padding-left: 10px;
	line-height: 1.7;	
    border: 1px solid #ccc;
    border-top: 0px;
   
}

#wrpTabs { 
   
    border: solid 0px #ccc;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 width: 740px;
	 height: auto;  
	 
		 
}



#wrpMainMessage { 
   
    border: solid 0px #ccc;
	 background-color: #003366;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 
	 width: 730px;
	 height: auto;  
	 
		 
}

#MainMessageLink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px ;
	color: #dfece6;
	text-decoration: none;
	
}

#MainMessageLink2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: White;
	text-decoration: none;
	
}

#MainMessageLink1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px ;
	color: #dfece6;
	
	
}

#MainMessageText1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 730px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	color: #a3c7b5;
	border: solid 0px;
}

#MainMessageText2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	width: 630px;
	margin-top: 25px;
	margin-left: 30px;
	margin-bottom: 0px;
	margin-right: 10px;
	color: #a3c7b5;
	border: solid 0px;
	visibility: hidden;
	position: absolute;
	top: 0;
}

#MainMessageText3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	width: 630px;
	margin-top: 25px;
	margin-left: 30px;
	margin-bottom: 0px;
	margin-right: 10px;
	color: #a3c7b5;
	border: solid 0px;
	visibility: hidden;
	position: absolute;
	top: 0;
}

#MainMessageText4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	width: 630px;
	margin-top: 25px;
	margin-left: 30px;
	margin-bottom: 0px;
	margin-right: 10px;
	color: #a3c7b5;
	border: solid 0px;
	visibility: hidden;
	position: absolute;
	top: 0;
}	

#MainMessageText5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	width: 630px;
	margin-top: 25px;
	margin-left: 30px;
	margin-bottom: 0px;
	margin-right: 10px;
	color: #a3c7b5;
	border: solid 0px;
	visibility: hidden;
	position: absolute;
	top: 0;
}	

#MainMessageText6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	width: 630px;
	margin-top: 25px;
	margin-left: 30px;
	margin-bottom: 0px;
	margin-right: 10px;
	color: #a3c7b5;
	border: solid 0px;
	visibility: hidden;
	position: absolute;
	top: 0;
}	

#wrpSolutions {
	margin-top: 30px;
    margin-left: 160px;
    _margin-left: 3px;
    width: 260px;
    border: 0px solid #ccc;
    line-height: 18px;
    float: left;
}



/* End Region */

/*Begin Region - Front page rounded boxes layout*/

#leftpoll{float:left; width:270px; margin-left:10px; margin-top:10px;};

#rightmessage1{
float:right;
width:400px !important; 
margin-right:10px; 
margin-top:10px;
 padding:5px;
 text-align:left; 
 }
 
 #rightmessage{
 margin-top:10px;
 margin-left: 300px;
 margin-bottom:20px;
 width:410px;
min-height: 440px;
 height:440px;
 }
 
#headerr{background: #BFDDED; font-size: 23px; line-height:1; color: white; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px;margin:5px 5px 5px 5px;text-align:center }
#footerr{background: #C4E786;padding:5px; margin:10px 5px 5px 5px;text-align:center}

#leftbox{float:left;width:185px; padding:5px 5px 5px 5px;margin:5px 5px 5px 5px; text-align:center; color:white; background: #778CCA}
div#leftbox h1{font-size: 23 px; line-height:1; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}

#rightbox{width:195px; 
background: url(../images/trybutton12.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
margin:10px 5px 5px 207px;
padding-top:10px;
background-color: #FFD154}

/*End Region*/

/* Begin Region "New Div layot (secondary pages) for Release 3.0" 

sec = id or class for secondary page;

ex: secContent;

*/

#MindMMessage
{
	
	color: #369; 
	padding-left:5px; 
	font:14px; 
	font-weight:500; 
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrpSecContent {

	width: 745px;

	\width: 755px;

	w\idth: 745px;

	padding: 10px 0px 0px 10px;

}



#secTitle {

	padding: 5px 0px 5px 200px;

	margin-bottom: 5px;

}



#secTitleNav0 {

	margin-left: 50px;

	margin-bottom: 5px;

	

}



#secContent {

	padding: 45px;

	margin-left: 5px;

}



#secContentNav0 {

	padding: 5px;

	margin-left: 45px;

	

}



#secContentNav0 b {
	color: #036;
	background: transparent;
	font-size: x-small;
}



#secContentNav0 ul {

	color: #036;

}



#secNavbar {

	float: left;

	width: 175px;

	\width: 185px;

	w\idth: 175px;

	margin: 0;

	margin-right: 5px;

	padding: 5px;

}



P#secTop {

	margin-top: 0;

}



#secFooter {

	clear: both;

	padding: 5px;

	margin-top: 5px;

}

/* End Region */



/* Begin Region 

   Review: where are these used? -Noam */


/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 740px;
height: auto;

}
.rbcontent { margin: 0 0px; }
.rbroundbox { width: 50%; margin: 0em auto; }






.navText { color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; }
a.navText { color: #003366; text-decoration: none; }
a.navText:visited { color: #003366; text-decoration: none; }
a.navText:active { color: #003366; text-decoration: none; }
a.navText:hover { color: #003366; text-decoration: underline;}

.featureTitle { color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold;}

.bodyPageTitle {color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; font-weight: bold;}

.midDotBar {background-image: url("../images/midDotBar.gif");}
.midDotBar2 {background-image: url("../images/LineVert.gif");}

.quoteText { color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px;}
a.quoteText { color: #003366;}

.tableLine {
	background-color: #A2C7B5;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14pt;
	font-size: 75%;
	color: #333333;
}

.tableText2 { color: #333333; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px;}
a.tableText2 { color: #333333; font-weight: bold;}
a.tableText2:hover { color: #333333; text-decoration: underline; font-weight: bold;}

/* End Region */


#PressReleaseSubTopic{
	font: italic normal normal 14 px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14pt;
	color: #003366;
}

/* Some classes from some pages */
#container {
    width: 640px;
    _width: 650px;
    border: 0px solid #ccc;
    margin-left: 50px;
}

#sidebar-b {
    float: right;
    margin-right: 0px;
    width: 130px;
    margin-top: 10px;
    _margin-top: 17px;
}

#sidebar-b ul{
    list-style: none;
}

#sidebar-b li{
    border: 1px solid #ccc;
    margin: 2px;
    width: 125px;
    padding: 2px;
    margin-left: -20px;
}

#content {
    width: 500px;
    float: left;
    border: solid 0px #ccc;
    margin-top: 0px;
	color: #003366;
}
#content1 {
    width: 690px;
    float: left;
    border: solid 0px #ccc;
	 margin-left: 30px;
    margin-top: 0px;
	color: #003366;
}
#singleColumn {
    margin-top: 5px;
    _margin-left: 3px;
    margin-left: 20px;
    width: 480px;
    border: 0px solid #ccc;
    line-height: 18px;
    margin-bottom: 30px;
}


  #mycolumn1 {
  float:left;
  width:440px;
  }

  #mycolumn2 {
  float:right;
  width:200px;
  }
  
  #mymiddle {
  margin-top: 230px;
  }
  
  
/* classes for nav box in secondary pages */

.CaseStudyBoxTitle {padding-left: 5px; padding-right: 5px ;font-size: 95%; color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; border-style: solid; border-width: 1px;}

.CaseStudyBoxArrow {padding-left: 10px; padding-right: 5px; font-size: 12px; border-style: solid; border-width: 1px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #003366}

a.CaseStudyBoxArrow {font-size: 100%; border: none; color: #003366; text-decoration:none; padding-left: 0px; padding-right: 0px;}

a.CaseStudyBoxArrow:active{border: none; color: #003366; text-decoration:none}

a.CaseStudyBoxArrow:visited{border: none; color: #003366; text-decoration:none}

a.CaseStudyBoxArrow:hover{border: none; color: #cccccc; text-decoration:none}

img.Image{ vertical-align:middle;}

/* classes for main content in secondary pages*/

.CaseStudyContentTitle{ font-size: 150%; color: #003366; font-weight: bold;font-family: Arial, Helvetica, Verdana, sans-serif;}

.CaseStudyContentSubTitle{ font-size: 95%; color: #003366; font-weight: bold;font-family: Arial, Helvetica, Verdana, sans-serif;}

.CaseStudyContentText{ font-size: 75%; color:#666666; line-height:14pt;font-family: Arial, Helvetica, Verdana, sans-serif;}

.CaseStudyContentHeader{font-size: 95%; color: #666666; font-weight: bold;font-family: Arial, Helvetica, Verdana, sans-serif;}

.CaseStudyContentQuote{ font-size: 75%; color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; line-height:14pt}

.NavLink { font-size: 75%; font-family: Arial, Helvetica, Verdana, sans-serif; color: #003366; padding-left: 5px; padding-right: 5px;}
a.NavLink { font-size: 100%; color: #369; text-decoration: underline; padding-left: 0px; padding-right: 0px;}
a.NavLink:active {color: #369; text-decoration: underline;}
a.NavLink:visited {color: #369; text-decoration: underline;}
a.NavLink:hover {color: #369; text-decoration: underline;}

.headerNavLinks { color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px;}
a.headerNavLinks:link { color: #003366; font-weight: normal; text-decoration: none;}
a.headerNavLinks:visited { color: #003366; font-weight: normal; text-decoration: none;}
a.headerNavLinks:hover { color: #003366;  font-weight: normal; text-decoration: underline;}
a.headerNavLinks:active { color: #003366; font-weight: normal; text-decoration: none;}

/* for Main cust. feedback header link */
.MainHeaderLink {font-size: 15px; font-weight:bold; font-family: Arial, Helvetica, Verdana, sans-serif; color:#A3C5B9;}
a.MainHeaderLink {font-size: 15px; color: #A3C5B9; text-decoration: none; padding-left: 0px; padding-right: 0px;}
a.MainHeaderLink:active {color: #A3C5B9; text-decoration: none;}
a.MainHeaderLink:visited {color: #A3C5B9; text-decoration: none;}
a.MainHeaderLink:hover {color: #cccccc; text-decoration: none;}

/* When using '<Div>' the older classes did not seem to work correctly so the below work with Div pages*/
/* Below page column settings are for three columns in page...left most column being a menu area*/
.LeftPageColumn {position: absolute; left: 5px; top: 180px; height: 257px; width: 81px; padding: 0px;}
.MiddlePageColumn {position: absolute; left: 196px; top: 153px; height: 530px; width: 466px; padding: 0px;}
.theMiddle {
	margin-top: 30px;
	margin-left: 160px;
	width: 260px;
	border: 0px solid #ccc;
	line-height: 18px;
	float: none;
}
.RightPageColumn {position: absolute; left: 719px; top: 176px; height: 372px; width: 191px; padding: 0px;}
.LeftMenuTitleDiv {padding-left:5px; font-size: 11pt; color: #cccccc; font-family: Arial, Helvetica, Verdana, sans-serif; 
				font-weight: bold; width: 185px; border-style: solid; border-width: 1px; }

.TwoPageColumn-Left  {position: absolute; left: 85px; top: 266px; height: 557px; width: 350px; padding: 0px;}
.TwoPageColumn-Right {position: absolute; left: 470px; top: 266px; height: 557px; width: 350px; padding: 0px;}

.SPageLinks { font-size:12px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #003366; padding-left: 5px; padding-right: 5px;}
	a.SPageLinks { font-size: 12px; color: #369; text-decoration: none; padding-left: 0px; padding-right: 0px;}
	a.SPageLinks:active {color:#FFFFFF; background-color:#000033; text-decoration: underline;}
	a.SPageLinks:visited {color: #369; text-decoration: none;}
	a.SPageLinks:hover {color: #369; text-decoration: underline;}

.SPageLinkBckground { background-color:#EEEEEE; }
	a.SPageLinkBckground:active { background-color:#FFCC33; }
	a.SPageLinkBckground:hover { background-color:#FFCC33; }

.LeftMenuBox {
	padding-left: 5px;
	margin-top:2px;
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #cccccc;
	width: 185px;
	height: 20px;
}

	a.LeftMenuBox {font-size: 100%; border: none; color: #003366; text-decoration:none; padding-left: 0px; padding-right: 0px;}
	a.LeftMenuBox:active{border: none; color: #003366; text-decoration:none}
	a.LeftMenuBox:visited{border: none; color: #003366; text-decoration:none}
	a.LeftMenuBox:hover{border: none; color: #cccccc; text-decoration:none}

.SupportRight {font-size:10px; color:#666666; font-family: Arial; border: none; padding: 0px;}

.SupportCentralLink { 
	padding-bottom: 2px; padding-top: 2px; padding-left: 5px; padding-right: 5px; 
	font-size: 12.5px; 
	border-style: none; 
	border-width: 0px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	color: #003366; 
	text-decoration:none
	}
	a.SupportCentralLink {font-size: 100%; border: none; color: #003366; text-decoration:none; padding-left: 0px; padding-right: 0px;}
	a.SupportCentralLink:active{border: none; color: #003366; text-decoration:none}
	a.SupportCentralLink:visited{border: none; color: #003366; text-decoration:none}
	a.SupportCentralLink:hover{border: none; color: #cccccc; text-decoration:none}

.SContentPageTitle { color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; font-weight: bold; top: -102px; left: -1px;}

.SContentTitle{ font-size: 10pt; color: #003366; font-weight: bold; line-height:14pt;font-family: Arial, Helvetica, Verdana, sans-serif;}

.SContentText{ font-size: 10pt; color:#666666; font-family: Arial, Helvetica, Verdana, sans-serif;}

.SContentText1{ font-size: 10pt; color:#FFFFFF; font-family: Arial, Helvetica, Verdana, sans-serif;}

.sInfoLink { font-size: 7pt; font-family: Arial, Helvetica, Verdana, sans-serif; color: #003366; padding-left: 5px; padding-right: 5px;}
	a.sInfoLink { color: #003366; text-decoration: none; padding-left: 0px; padding-right: 0px;}
	a.sInfoLink:active {color: #369; text-decoration: underline;}
	a.sInfoLink:visited {color: #369; text-decoration: none;}
	a.sInfoLink:hover {color: #003366; text-decoration: underline;}

.LeftColumnHeader {
	width: 289px; height: 21px; 
	font-size: 12px; 
	background-color:#EAEAEA; 
	border-top-style:outset; border-top-color:#F2F2F2; border-top-width:thin; 
	border-right-style:outset; border-right-color:#F2F2F2; border-right-width:thin; 
	border-left-style:outset; border-left-color:#FFFFFF; border-left-width:thin;
	border-bottom-style:outset; border-bottom-color:#FFFFFF; border-bottom-width:thin;
	}
.RightColumnHeader {
	position:absolute; left: 325px; top: 182px; width: 274px; height: 21px; 
	font-size: 12px; 
	background-color:#EAEAEA; 
	border-top-style:outset; border-top-color:#F2F2F2; border-top-width:thin; 
	border-right-style:outset; border-right-color:#F2F2F2; border-right-width:thin; 
	border-left-style:outset; border-left-color:#FFFFFF; border-left-width:thin;
	border-bottom-style:outset; border-bottom-color:#FFFFFF; border-bottom-width:thin;
	}

.CenterColumnHeader { 
	position:absolute; 
	left:10px; top:79px; width:587px; height: 21px; 
	font-size: 12px; 
	background-color:#EAEAEA; 
	border-bottom-style:inset; border-bottom-color:#959595; border-bottom-width:thin;
	border-right-style:ridge; border-right-color:#F3F3F3; border-right-width:thin; 
	}

.TopPageBoxHeader {
	position: absolute; left: 10px; top: 46px; width:585px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 16px; font-weight:normal; 
	background-color:#003366; 
	}
.TopPageBox {
	position:absolute; left:11px; top:74px; width:585px; background-color:#EEEEEE; height: 81px;
	border-bottom-style:inset; border-bottom-color:#C3C3C3; border-bottom-width:thin;
	border-right-style:inset; border-right-color:#FFFFFF; border-right-width:thin; 
	border-left-style:outset; border-left-color:#FFFFFF; border-left-width:thin;
	}

.ColumnBoxHeader { 
	font:Arial, Helvetica, sans-serif; font-size:12px; 
	color:#ffffff; background-color:#003366;
	}
.ColumnBox { background-color:#EEEEEE; 
			border-bottom-width:thin; border-bottom-style:ridge; border-bottom-color:#C3C3C3; 
			border-right-style:ridge; border-right-color:#F5F5F5; border-right-width:thin; 
			border-left-style:ridge; border-left-color:#F4F4F4; border-left-width:thin;
			}
.ColumnBoxIcon {
	vertical-align:middle;
	padding-left:2px;
	padding-top:3px;
	}
	
.IndentText {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.IndentTextReadMore {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: x-small;
}
.ItemMenu {font-size: 10.5pt; text-decoration: none; height: 20px; padding-bottom: 4px; }
	a.ItemMenu { text-decoration: none; height: 20px; }
	a.ItemMenu:active { text-decoration: none; height: 20px; }
	a.ItemMenu:visited { text-decoration: none; height: 20px; }
	a.ItemMenu:hover {text-decoration: underline; height: 20px; }

.ArrowBullet {width: 10px; height: 16px; vertical-align:absmiddle;}

.List {list-style: outside; disc; }

/* Begin Region */

#BottomLine
{
	background:  #003366;
	width: 100%;
	height: 20 px;
	margin-bottom: 0px;
}

#Footer {

	margin: 0px;
	padding-left: 10px;
	margin-top: 5px;
	
	
	
}

/* End Region */

/* This part is for the rounded tabs */
div#menu{float: left; width: 740px; background: #FFF; margin-bottom: 20px}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{ margin-left: 37; width:680px}
ul#nav li{float:left; width: 108; margin-right: 3px; margin-bottom: 5px;  text-align: center}
ul#nav a{float:left;width: 9em;padding: 5px ;background: #dfece6;text-decoration:none;color: #666}
ul#nav a:hover{background: #FFA826;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #003366;color: #dfece6}

/* This part is for the rounded infoboxs */
ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float:left;width:235px;margin:0px 20px 0px 0px}
ul#split h3{font: normal 150%/1.3 sans-serif, Verdana, Helvetica, Arial; font-weight: bolder; margin:0px;padding: 5px 0 4px;text-align:center;color: #003366}
ul#split p{margin:0;padding: 2px 5px 5px 7px}
ul#split a{color: #369; text-decoration:none}
li#one h3{background: #C0C0C0  url(../images/gradient.png) repeat-x 0 -5px}
ul#split div{background: #FFF}
li#one div{border:1px solid #CCC;}
li#two div{border: 0px solid #CCC;}

/*This part for third column with banner in the bottom*/

ul#about,ul#about li{list-style-type:none;margin:0;padding:0}
ul#about{width: 235px; margin: 0px; text-align:left}
ul#about li{float:left;width:235px; height:100px;
    padding: 0px 0px 0px 0px;margin:0px 0px 10px 0px}
li#ab1{background: #FFF; border: 0px solid #CCC}
li#ab1 h3{background: #C0C0C0  url(../images/gradient.png) repeat-x 0 -5px}
ul#info {list-style-type:none;margin:0;padding:0}
ul#info p{margin:0;padding: 2px 5px 5px 7px}
ul#info li{border:1px solid #CCC; margin: 0px 0px 10px 0px;min-height:195px;
  height:auto; width:233px;height:195px; }
ul#info li#ab4{border:0px solid #FFF; margin: 0px 0px 10px 0px;min-height:102px;
  height:auto;height:102px; }