/** Layout */

body {
   background-color: #C1D0E1;
   text-align: center;
}

/* 1px shift */
#bgWrap {
   margin: 0 auto;
   text-align: left;
   width: 1020px;
   background-color: #C1D0E1;
   background-image: url('img/bg2.png');
   background-repeat: repeat-y;
   background-position: top center;
}

#wrap {
   margin-left: 30px;
   width: 960px;
   
}

#header {
   width: 950px;
   height: 170px;
   background-color: #ffffff;
   margin: 0px 0px 0px 10px;
}

#logo {
   padding-top: 15px;
   padding-left: 5px;
   float:left;
}

#mainNavigation {
   float:right;
   padding-top:80px;
   padding-right:60px;
}

#mainNavigation ul { display:inline; }

#mainNavigation li {
   list-style: none;
   display:inline;
   border-left: 1px solid #1F3370;
   margin-left: 10px;
   padding-left: 10px;
}

#mainNavigation ul li.first {
   border:none;
   margin-left: 0px;
}

/* 960 wide : 30px padding left / right */
#container {
   clear:both;
   /* margin-left: 30px; */
   padding-top: 10px;
   /*margin-top: 40px;*/
}

#content {}

#columns {
   background-image: url('img/border.gif');
   background-repeat: repeat-y;
   width: 900px;
   /* margin: 40px 0px 0px -1px; */
   margin: 40px 0px 0px 30px;
}

/** RIGHT */

/* 606 - 60 = 544 */
#rightColumn {
   float:right;
   width: 544px;
   padding: 0 30px 0 30px;
}

#rightColumnLeft1 {
   float:right;
   width: 544px;
   padding: 0 0px 0 20px;
}
#rightColumnRight1 {
   float:right;
   width: 544px;
   padding: 0 30px 0 0px;
}

#features {
   padding-top: 10px;
}

.featureLeft {
   float:left;
   width: 265px;
   margin-bottom: 40px;
}

.featureRight {
   float:left;
   width: 265px;
   margin-bottom: 10px;
   margin-left: 14px;
}




/* IE img bug */
#demos img { display:block; }

.demoContent {
   background-color: #3f6b7e;
   padding: 20px;
   margin:0;
   /* height: 85px; */
   width: 222px; /* 262 - 40 for padding */
   min-height:125px; 
   height:auto;
   position:absolute; top: 156px;

}

.demoContent2 {
   background-color: #3f6b7e;
   padding: 20px;
   margin:0;
   /* height: 85px; */
   width: 222px; /* 262 - 40 for padding */
   min-height:200px; 
   height:auto;
   position:absolute; top: 156px;

}

.demoContent3 {
   background-color: #3f6b7e;
   padding: 20px;
   margin:0;
   /* height: 85px; */
   width: 222px; /* 262 - 40 for padding */
   min-height:165px; 
   height:auto;
   position:absolute; top: 156px;

}
/* for Internet Explorer */
/*\*/
* html .demoContent {
height:125px; 
}

* html .demoContent2 {
height:200px; 
}

* html .demoContent3 {
height:150px; 
}
/**/

/* actual height 266px, added 20px for spacing */
.demoLeft {
   float:left;
   width: 262px;
   height: 300px;
   margin-bottom: 25px;
   position:relative;
}

.demoLeft2 {
   float:left;
   width: 262px;
   height: 375px;
   margin-bottom: 25px;
   position:relative;
}

.demoLeft3 {
   float:left;
   width: 262px;
   height: 320px;
   margin-bottom: 25px;
   position:relative;
}

.demoRight {
   float:left;
   width: 262px;
   height: 300px;
   margin-bottom: 25px;
   margin-left: 14px;
   position:relative;
}
.demoRight2 {
   float:left;
   width: 262px;
   height: 375px;
   margin-bottom: 25px;
   margin-left: 14px;
   position:relative;
}

.demoRight3 {
   float:left;
   width: 262px;
   height: 340px;
   margin-bottom: 25px;
   margin-left: 14px;
   position:relative;
}

#rightColumnLeft {
   float:left;
   width: 250px;
}

#rightColumnRight {
   float:right;
   width: 275px;
}

#rightColumnLeft1 {
   float:left;
   width: 200px;
}

#rightColumnRight1 {
   float:right;
   width: 275px;
}
/** LEFT */

#leftColumn {
   float:left;
   width: 266px;     /* width: 296px; */
}

#leftColumn .left {
   float:left;
}

#leftColumn .right {
   float:right;
   width: 189px;
}


/** wrap callout ie float margin bug */

#callouts {
   clear:both;
   margin-bottom:40px;
   font-family: "trebuchet MS", verdana, sans-serif;
}

 img, div, input { behavior: url("iepngfix.htc") }
 
.callout {
   width: 267px;
   background-image: url(img/middle.gif);
   background-repeat: repeat-y;
   margin-bottom: 50px;
}

.calloutlast {
   float:left;
   width: 267px;
   background-image: url(img/middle.gif);
   background-repeat: repeat-y;
   margin-bottom: 0px;
}

.callouttop {
   width: 267px;
   height: 30px;
   background-image: url(img/top.gif);
   background-repeat: no-repeat;
   
}

.calloutbottom {
   width: 267px;
   height: 30px;
   background-image: url(img/bottom.gif);
   background-repeat: no-repeat;
   clear:both;
}



.calloutleft {
   float: left;
   padding-left: 20px;
   margin-top: -40px;   
}

.calloutright {
   float: right;
   padding-left: 10px;

   margin-top: -40px;   

 
}

.callout h2{
   font-size: 24px;
   color: #3f6b7e;
   padding-bottom: 10px;
   margin-top: -15px;
   letter-spacing: -1px;
   min-height:0;
}

#sidebarCallouts {
   padding-top: 20px;
}

#sidebarCallouts h2 {
   font-size: 24px;
   color: #3f6b7e;
   letter-spacing: -1px;
   min-height:0;
   padding: 20px 20px 0 25px;
   margin: 0; 
}

/* ie6 */
* html .callout h2{height:1px;position:relative}
* html .callout img{height:82px;position:relative}

.callout p {
   font-size: 12px;
   padding: 10px 20px 0 25px;
   margin: 0;
   line-height: 18px;
}

.calloutlast h2{
   font-size: 24px;
   color: #3f6b7e;
   padding-bottom: 10px;
   margin-top: -15px;
   letter-spacing: -1px;
   min-height:0;
}

/* ie6 */
* html .calloutlast h2{height:1px;position:relative}
* html .calloutlast img{height:82px;position:relative}

.calloutlast p {
   font-size: 12px;
   padding: 10px 20px 0 25px;
   margin: 0;
   line-height: 18px;
}


.sidebarLinks { margin-left: 10px; margin-bottom: 10px; font-family: "trebuchet MS", verdana, sans-serif; }
.sidebarLinks a { letter-spacing: 2px; }
.sidebarLinks ul { margin-left: 15px; padding-top: 10px; }
.sidebarLinks li { 
   margin:0;
   padding:0;
   font-size: 11px;
}
.sidebarLinks ul li { 
   list-style-type:disc;
}

.sidebarLinks ul li ul {
padding-top: 0px;
}

.sidebarLinks li li{
   list-style-type:none;
   margin: 0px;
   padding:0;
}

.sidebarLinks li a {
color: #3f6b7e;
/*font-weight:bold; */
margin: 0px;
letter-spacing: 0px;
font-size: 12px;
}

.sidebarLinks li a:hover {
text-decoration:underline;
}

/*
.callout  { margin-bottom: 40px; }
.calloutLast { margin-bottom: 0px; }
*/

#news { padding: 0 15px 0 15px; }
.newsItem { margin-bottom: 30px; }
.left { float:left; }
.right { float:right; }

.demoWrap { position:relative; }
.demo { position:absolute; top:0px; left:0; z-index:2000; margin-top:10px; }
.overlay { position:absolute; top:0; left:0;  z-index:2001;  margin-top:10px;   } 


#footer {
   background-image: url( "img/footer-bgBlue2.jpg" );
   background-repeat: no-repeat;
   background-color: #1D325D;
   margin: 60px 0px 0px 3px;
   /*
   padding-bottom: 40px;
   */
}

#footerWrap {
   width: 900px;
   margin: 0px 30px 0 30px;
}

#contactInfo {
   color: #fff;
   padding: 40px 0 0px 0;
   height: 203px;
}

#contactInfo span { font-size: 12px; }

#contactInfo .whiteBold {
   color: #fff;
   font-size: 14px;
   font-weight: bold;
}

#contactInfo p { margin-bottom: 8px; }

#contactInfo div {
   float:left;
   width:280px;
   margin-left: 10px;
}

#lowerLinks {
   /* border-top: 1px solid #afafaf; */
   margin-top: 0px;
   padding: 15px 0 30px 0;
   text-align:center;
}

#lowerLinks p {
   color: #fff;
}

#lowerLinks a {
   color: #fff;
}

#lowerLinks a:hover {
   color: #6296a5;
}

.lightBlue {
   color: #6296a5;
}

.imageFootNote {
   text-align:center;
}






/** Colors & Fonts */

body { color: #606060; }

p {
   font-family: "trebuchet MS", verdana, sans-serif;
   font-size: 12px;
   line-height: 18px;
   letter-spacing: .035em;
}

#mainNavigation a {
   font-family: "trebuchet MS", verdana, sans-serif;
   font-size: 14px;
   font-weight:bold;
   color: #26408A;
   text-decoration:none;
}


#mainNavigation  a:hover { color: #3e0010; }



h1, h3 { font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif; }
h3 { font-size: 18px; color: #000000; }

#leftColumn h1 {
   font-family: "trebuchet MS", verdana, sans-serif;
   color: #3f6b7e;
   font-size: 30px;
   font-weight:bold;
   margin-bottom: 5px;
}

.contentTitle {
   font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;
   font-size:14px;
   letter-spacing: 1px;
   border-top: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
   color: #60564e;
   text-align:center;
   padding: 5px 0 5px 0;
   margin-bottom: 20px;
   /* margin: 40px 0 20px 0; */
}

.caption {
   font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;
   font-size:10px;
   border-top: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
   color: #60564e;
   padding: 5px 0 5px 0;
   width: 132px;
   text-align:center;
   /* margin: 40px 0 20px 0; */
}



.pageInfo {
   font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;
   font-size:17px;
   line-height: 24px;
   margin: 0px 0 0px 0;
   padding-bottom: 20px;
}

.pageInfoCourse {
   font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;
   font-size:14px;
   line-height: 19px;
   margin: 0px 0 0px 0;
   padding-bottom: 20px;
   padding-left:24px;
}
#features h1 {
   font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;
   font-size: 36px;
   font-weight:bold;
   color: #c03554;
   letter-spacing: -3px;
   line-height: 28px;
   margin-bottom: 15px;
   margin-top: 0;
   /* margin-top: 15px; */
}

#rightColumn h1 {
   font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;
   font-size: 36px;
   font-weight:bold;
   letter-spacing: -3px;
   line-height: 28px;
}

#rightColumn p {
   margin-bottom: 10px;
}

#rightColumn h2 {
   font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;
   font-size: 24px;
   font-weight:bold;
   letter-spacing: -1px;
   line-height: 28px;
   margin-bottom: 5px;
}

#rightColumn h4 {
   font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;
   font-size: 36px;
   font-weight:bold;
   letter-spacing: -3px;
   line-height: 32px;
   margin-bottom: 5px;
}

#rightColumn a {
   font-weight:normal;
   font-size: 14px;
}

.red {
   color: #c03554;
   display:block;
   margin-top: 5px;
}

.redBreak {
   color: #c03554;
   padding-top: 10px;
}

.black {
   color: #000000;
   display:block;
   margin-bottom: 10px;
}

.blue {
   font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;
   color: #3f6b7e;
   font-size: 14px;
}

#rightColumn ul { padding-left: 15px; }

#rightColumn li {
   list-style: disc;
   color: #606060; 
   font-family: "trebuchet MS", verdana, sans-serif;
   font-size: 12px;
   line-height: 18px;
   letter-spacing: .035em;
   margin-bottom: 10px;
}

#rightColumn li a {
   color: #3f6b7e;
   list-style: disc;
}

.indent {
   margin-left: 15px;
}

#features p {
   /* font-family: "trebuchet MS", verdana, sans-serif;
   font-size: 12px; */
   line-height: 18px;
}

#media { font-family: "trebuchet MS", verdana, sans-serif; }

#media h2 {
   color: #afd4dd;
   font-family: "trebuchet MS", verdana, sans-serif;
   font-size: 14px;
   padding:0; margin:0 0 5px 0;
   letter-spacing: .15em;
   text-transform:uppercase;
   line-height: 16px;
}


#media p {
   color: #ffffff;
   padding:0; margin:0;
}

#demos { font-family: "trebuchet MS", verdana, sans-serif; }

#demos h2 {
   color: #afd4dd;
   font-family: "trebuchet MS", verdana, sans-serif;
   font-size: 14px;
   padding:0; margin:0 0 5px 0;
   letter-spacing: .15em;
   text-transform:uppercase;
   line-height: 16px;
}


#demos p {
   color: #ffffff;
   padding:0; margin:0;
}

.demoContent a {
   color: #fff;
   font-weight:normal;
   font-size: 12px;
   text-decoration: underline;
}

.demoContent a:hover {
   color: #333;
   text-decoration: underline;
}

.demoContent2 a {
   color: #fff;
   font-weight:normal;
   font-size: 12px;
   text-decoration: underline;
}

.demoContent2 a:hover {
   color: #333;
   text-decoration: underline;
}

.demoContent3 a {
   color: #fff;
   font-weight:normal;
   font-size: 12px;
   text-decoration: underline;
}

.demoContent3 a:hover {
   color: #333;
   text-decoration: underline;
}
/*
#callouts p {
   font-size: 14px;
   line-height: 18px;
}
*/

a {
   font-family: "trebuchet MS", verdana, sans-serif;
   font-size: 14px;
   color: #c03554;
   text-decoration:none;
   line-height: 18px;
   font-weight:bold;
}

a:hover {
   /* text-decoration:underline; */
   color: #3e0010;
}

a.selected { color: #3e0010; }


#sidebar p {
   line-height: 18px;
}

#sidebar a {
   /* letter-spacing: 2px; */
   display:block;
   padding-bottom: 5px;
}

.redHead {
   letter-spacing: .15em;
   text-transform:uppercase;

}

.date {
   color: #60564e;
   font-size:14px;
   margin: 2px 0 8px 0;
}

.smalldate {
   color: #60564e;
   font-size:12px;
   margin: 2px 0 8px 0;
}

#rightColumn a.postTitle {
   font-size:18px;
}

a.more  {
   color:#1e4d5f;
   font-size:12px;
   font-weight:bold;
   letter-spacing:0em;
   text-decoration:underline;
}

.bookStoreCaption {
width: 310px;
text-align:center;
margin-top:10px;
}


.moreCenter:hover {
   color: #666;
}

#lowerLinks a {
   font-size:12px;
   margin-right: 5px;
   margin-left: 5px;
}

/* Drop Downs */
#navigation {
   clear:both;
   width: 900px;
   margin: 30px 30px 0 30px;
}

#navigation ul {}

#navigation li {
   float:left;
   width: 225px;
   text-align:center;
   list-style: none;
   display:inline;
   position: relative;
   padding-bottom:5px;
}

ul#menu li.mega a {
   font-family: "trebuchet MS", verdana, sans-serif;
   font-size: 24px;
   font-weight:bold;
   color: #000000;
}
ul#menu li.mega a:hover {
   color:#113545;
}

ul#menu div {
   display: none;
}

ul#menu li.mega div.megaBackground {
   width: 215px;  /*210*/
   background-color: #fff;
   position: absolute;
   top: 1.5em;
   left: 0em;
   /*height: 50px; */
}

/* ul#menu li.mega div { */
ul#menu li.mega div.megaContent {
   text-align:left;
   width: 185px;  /*210*/
   position: absolute;
   top: 1.5em;
   left: 0em;
   padding: 15px; /*1.3em; */
   /*background-color: #fff; */
   /*
   background-image: url( "img/list-image.png" );
   background-repeat: no-repeat;
   background-position: bottom center;
   */
   
}

ul#menu li.hovering div {
   display: block;
}

ul#menu li.mega div a {
   color: #3f6b7e;
   font-size:14px;
   background-image: none;
}

ul#menu div p {
   margin: 0 0 0.5em 20px;
   padding: 0;
}

/** Misc */
.clear { clear:both; }

.over { cursor:pointer; }

#flashcontent {
   margin-bottom: 30px;
}

#flashmedia {
   width: 546px;
}



/*- Menu 1--------------------------- */
   
#menu1 {
   width: 200px;
   margin: 10px;
   
   }
   
#menu1 li a {
   height: 32px;
   voice-family: "\"}\""; 
   voice-family: inherit;
   height: 24px;
   text-decoration: none;
   }  
   
#menu1 li a:link, #menu1 li a:visited {
   color: #3f6b7e;
   display: block;
   background:  url(images/menu1.gif);
   padding: 8px 0 0 10px;
   }
   
#menu1 li a:hover {
   color: #3f6b7e;
   background:  url(images/menu1.gif) 0 -32px;
   padding: 8px 0 0 10px;
   }  

.largeWrap {

	width:98%;

	float:left;

    margin-bottom:10px;

}



.mediumWrap {

	width:68%;

	float:left;

    margin-bottom:10px;

}



.smallWrap {

	width:30%;

	float:left;

	margin-left:1.2%;

    margin-bottom:10px;

}



.smallWrapRight {

	width:30%;

	float:right;

	margin-left:1.2%;

    margin-bottom:10px;

}



.largeWrap .delete, .mediumWrap .delete, .tableTemplateHeader .delete {

	float:left;

	margin:10px 10px 10px 0;

}



.largeWrap p, .mediumWrap p, .smallWrap p {margin:5px 0}

.tableTemplateHeader {margin:10px 15px;}



#textHeader {float:left;}



/***********************************************************/

/******************  original images  **********************/

/***********************************************************/



.topLeft {

	background: transparent url(/images/organizations/cms/tt/images/LQWide.gif) no-repeat top left;

	width:15px;

	height:31px;

}

.topMiddle {

	background: transparent url(/images/organizations/cms/tt/images/LQWide.gif) no-repeat -10px 0;

}

.topRight{

	background: transparent url(/images/organizations/cms/tt/images/LQTall.gif) no-repeat top right;

	width:15px;

	height:31px;

}

.leftMiddle {

	background: transparent url(/images/organizations/cms/tt/images/LQWide.gif) no-repeat 0 -31px;

}

.rightMiddle {

	background: transparent url(/images/organizations/cms/tt/images/LQTall.gif) no-repeat 0 -31px;

}



.bottomLeft {

	background: transparent url(/images/organizations/cms/tt/images/LQWide.gif) no-repeat bottom left;

	width:15px;

	height:10px;

}

.bottomMiddle {

	background: transparent url(/images/organizations/cms/tt/images/LQWide.gif) no-repeat -10px bottom;

}



.bottomRight {

	background: transparent url(/images/organizations/cms/tt/images/LQTall.gif) no-repeat bottom right;

	width:15px;

	height:10px;

}
.templateHeader {width:210px; height:140px;} /*creates margin around the text header*/

.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 

    font: normal 11pt Arial, Helvetica, sans-serif;
	color:#FFF;
    padding: 3px; 
    border: solid 1px;
	background-repeat: repeat;  
    background-image: url(img/blue.png); 
}