﻿/* CSS Document */
.wrapleft {

width:600px;
float:left;
margin-top:20px;

}

.wrapright {

width:300px;
float:left;
margin-top:20px;
margin-left:20px;

}


   .callout {
   float:left;
   width:600px;
   border-bottom:1px solid #EEEEEE;
   padding-bottom:20px;
   margin-bottom:20px;
   }
   
   .calloutimg {
   
     float:left;
              
     }
     
     .callout h2 {
  
margin-bottom:10px;
    
  }

  
  .callout .txt {
  
  width:480px;
  float:right;
    
  }
  
  
  
  
table.sample {
    
    width:400px;
	background-color: white;
	margin-top:20px;
	padding:10px;
	border:1px solid #eeeeee;}
	
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding:5px;
	margin-bottom:20px;
	background-color: white;
	font-size:18px;
	}
table.sample td {
    border-bottom:1px solid gray;
	padding:10px;
	background-color: white;
	}

/*TYPOGRAPHY*/


	
.searchbox .searchcontainer li {

list-style:square;
margin-bottom:18px;
}

.searchbox .searchcontainer ul {

list-style-position:inside;

}

	
/* MAIN NAV */


#nav {
width: 940px;
height: 40px;
position: relative;
margin: 0;
padding: 0;
z-index:10;

}

#nav li {
float: left;
z-index:10;

}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 40px;
background: url(images/nav_main.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
z-index:10;

}

/*up state*/
li#nav_home a {left: 0;width: 116px;background-position: 0 0;}
li#nav_about a {left: 116px; width: 117px; background-position: -116px 0;}
li#nav_links a {left: 233px; width: 119px; background-position: -233px 0;}
li#nav_forums a {left: 352px; width: 117px; background-position: -352px 0;}
li#nav_experts a {left: 467px; width: 117px; background-position: -467px 0;}
li#nav_bookstore a {left: 584px; width: 116px; background-position: -584px 0;}
li#nav_termsofuse a {left:700px; width: 120px; background-position: -700px 0;}
li#nav_contactus a { left: 820px; width: 120px; background-position: -820px 0;}


/*hover state*/

li#nav_home a:hover { background-position: 0 -45px;}
li#nav_about a:hover { background-position: -116px -45px;}
li#nav_links a:hover {background-position: -233px -45px;}
li#nav_forums a:hover {background-position: -352px -45px;}
li#nav_experts a:hover { background-position: -467px -45px;}
li#nav_bookstore a:hover {background-position: -584px -45px;}
li#nav_termsofuse a:hover {background-position: -700px -45px;}
li#nav_contactus a:hover {background-position: -820px -45px;}

/** CSS RESET **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;color:#000;background:#FFF;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/*******************/

/* STRUCTURE */
body{background:url(images/pagebg.jpg) repeat-x top left; background-color:#ffffff;font-family:Helvetica, Arial, sans-serif;}
p { margin-bottom: 20px; line-height:18px; font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#747576;}
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 20px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

	
p.intro { font-weight: bold; }
.more { text-align: right; }

#page-wrapper{width:980px;background-color:#fff;margin:0 auto;}
.leftcontainer{float:left;}
.contentdefault h2{color:#3a7996;font-size:12px;font-size:16px;}
.rightcontainer{float:right; width:700px;}
.mainleftcontainer{float:left;width:600px; }
.mainrightcontainer{float:right;width:300px;}
.footercontainer{width:940px;float:left;}
.header,.content{float:left;width:940px;}
.header{margin:15px 0px 0px 0px;}
.paymentbox {border:1px solid aqua;}

/** END STRUCTURE **/

/** BUTTON **/

.textboxstyle { font-size:10px; padding-left:10px; }
input.btnText { border: 0px; background-color: Transparent; }
.btnText { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000 !important; font-size: 12px; text-decoration: none; text-align: center; font-style: italic; line-height: 24px; }
.btnText:hover { text-decoration: none !important; }

.btnGreen { background-image: url('/images/buttons_green.png'); height: 24px; display: block; }
.btnGrey { background-image: url('/images/buttons_grey.png'); height: 24px; display: block; }
.btnRed { background-image: url('/images/buttons_purple.png'); height: 24px; display: block; }
.btnYellow { background-image: url('/images/buttons_yellow.png'); height: 24px; display: block; }
.btnBlue { background-image: url('/images/buttons_blue.png'); height: 24px; display: block; }

.btnLrg { background-position: 0px 0px; display: block; width: 250px; }
.btnLrg:hover { background-position: 250px 0px; }
.btnMed { background-position: 0px -24px; display: block; width: 150px; }
.btnMed:hover { background-position: 250px -24px; }
.btnSml { background-position: 0px -48px; display: block; width: 100px; }
.btnSml:hover { background-position: 250px -48px; }



.updatebuttongreen {
    background-color:#81a933;
	border: 1px solid #639127;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:5px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	padding-bottom:1px;
	cursor: pointer;
	display: inline;
}



.updatebutton{

    background-color:#eeeeee;
    border: 1px solid #bbbbbb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #468175;
	text-transform: uppercase;
	height: 25px;
	text-align: center;
	padding-bottom:1px;
	cursor: pointer;
	display: inline;
}

a.updatebutton {
background-color:#eeeeee;
	border: 1px solid #bbbbbb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:5px;
	color: #468175;
	text-transform: uppercase;
	text-align: center;
	padding-bottom:1px;
	cursor: pointer;
	display: inline;

	}


.updatebutton:hover{
color: #232323;
background-color: #eeeeee;
background-image: url(images/button_bg_hover.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0pt 100%;
text-decoration: none;
}

.button{background:url(images/buttonbg.jpg) repeat-x top left; cursor:pointer;border:0px;height:25px;color:#ffffff;font-size:13px;padding:5px 10px 5px 10px;}
.buttonBright{background:url(images/buttonbg2.jpg) repeat-x top left; cursor:pointer;border:0px;height:25px;color:#ffffff;font-size:16px;padding:5px 10px 5px 10px;}
.button a{text-decoration:none;cursor:pointer; text-shadow: 2px 2px 2px #000;}



/** END BUTTON **/

/** HEADER SECTION **/
.header .logo{margin-top:0px;float:left;}
.header .dropnav{float:left;}
.header .login{float: left;width:100%;color:#666666;font-size:12px;margin:5px 0px 0px 0px;}
.header .login a{text-decoration:none;color:#3a7996;}
.header .logpass{float:right;color:#666;font-size:12px;}
.header .loginstatus{float:right;font-size:12px;color:#3b7b99;clear:right;width:200px;margin:10px 0 0;}
.header .loginbox{font-size:12px;text-decoration:none;background:url(images/loginbox.jpg) no-repeat top left;width:103px;color:#666;height:20px;padding-left:9px;padding-right:10px;margin:0;}
.header .searchbar{font-size:12px;text-decoration:none;background:url(images/searchbar.gif) no-repeat top left;width:133px;color:#666;height:20px;float:left;padding-left:25px;padding-right:10px;margin:3px 0 0;}
.header .lens{border:0;background:transparent;float:left;margin:13px 0 0;}
.header .mainnav{background:url(images/navbar.jpg) no-repeat top left;width:940px;height:40px;float:left;text-transform:uppercase;margin:20px 0 0;padding:0;}
.header .mainnav a{color:#606060;float:left;border-right:1px #d0d4d4 solid;text-decoration:none;font-size:15px;font-style:normal;padding:12px 20px 9px;}
.header .mainnav a:hover{background:url(images/navon.jpg) repeat-x top left;height:20px;-moz-border-radius-topright:8px;border-right:1px solid #999;border-left:1px solid #999;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius: 8px;}
.loginBox{text-align:left;margin-left:0px;padding:20px; border:1px solid #AFB0B8; background-color:#EEEEEE; margin-top:20px; width:900px}

/** END HEADER SECTION **/

/** LOGIN SECTION **/
.login1{background-image:url(images/loginback.gif) repeat-x top left;color:#fff;font-style:normal;text-align:center;font-weight:700;width:300px;height:30px;padding-top:9px;}
.login2{font-size:16px;font-style:normal;font-weight:normal;text-transform:uppercase;color:#fff;border:0;background:url(/images/datebg.jpg) no-repeat top left;margin:0 0 20px 0;padding:9px 20px 8px 0px;}
/** END LOGIN **/

/* Header News Control */
.headernews{float:left;background:url(images/headernewsbg.jpg) no-repeat top left;width:940px;height:310px;margin:15px 0 20px;  }
.headernews img{margin:20px 0 0; background:transparent;}
.headernews img a{border:0px;}
.headernews .headertext{width:471px;height:225px;float:left;margin:25px;}
.headernews .headertext h2{font-size:22px;color:#fff;margin:0px 0px 0px 0px;}
.headernews .headertext p{font-size:15px; line-height:20px; color:#fff; margin:20px 0 0 0;}
.headernews .headertext a{font-size:15px;word-spacing:0.2em;text-decoration:none;line-height:1.3em;color:#fff88e;}
.headernews .nav{float:left;width:100%;}
.headernews .nav a{float:left;font-size:17px;text-decoration:none;word-spacing:0.2em;line-height:1.3em;color:#fff;margin:0 30px;}
.newsheader {font-size:18px;}
/*** END HEADER NEWS ***/


/** HEADER LIST **/
#sddm{z-index:20;float:right;width:195px;font-size:12px;font-weight:700;margin:0;padding:0; position:relative;}
#sddm li{list-style:none;float:left;margin:0;padding:0;}
#sddm li a{display:block;width:60px;color:#FFF;text-align:center;text-decoration:none;margin:0 1px 0 0; font-size:12px;}
#sddm div{position:absolute; visibility:hidden; background:#666666;margin:0;padding:0;}
#sddm div a{position:relative;display:block;width:170px;white-space:nowrap;text-align:left;text-decoration:none;background:#666666;color:#fff;font-size:15px;font-weight:400;font-family:Helvetica Neue, Arial, Helvetica, sans-serif;margin:0;padding:5px 10px;}
#sddm div a:hover{background:#727070;color:#FFF;}
/** END HEADER LIST **/

/* NEWS BOX */
.newsbox{ display:none;float:left;width:300px;background:url(images/eventsbg.jpg) repeat-x top left;margin:20px 20px 0 0;}
.newsbox .newsbar{float:left;background:url(images/videoheaderbg.jpg) no-repeat top left;height:30px;width:300px;margin:0;}
.newsbox .newsbar h2{color:#3a7996;font-size:12px;float:left;font-weight:700;padding:9px 0 0 6px;}
.newsbox .newsbar a{color:#3a7996;font-size:12px;text-decoration:none;font-weight:700;}
.newsbox .newscontainer{float:left;color:#ededed;margin:0 0 5px;padding:10px 5px 0 10px;}
.newsbox .newscontainer h2 a{font-size:12px;font-weight:700;color:#97c10e;text-transform:uppercase;}
.newsbox .newscontainer p{color:#747576;line-height:1.4em;word-spacing:.3em;font-size:12px;margin:5px 0;}
.newsbox .newscontainer a{color:#29639b;line-height:1.4em;word-spacing:.3em;text-decoration:none;margin:5px 0;}
.newsbox .newscontainer img{float:left;width:80px;margin:0px 15px 15px 0px;}
/** END NEWS BOX **/

/* VIDEO BOX */
.videobox{float:left;width:300px;background:url(images/eventsbg.jpg) repeat-x top left;margin:20px 20px 0 0;}
.videobox .videobar{float:left;background:url('/images/services/internalheaderbg.jpg') no-repeat top left;width:300px; height:32px;}
.videobox .videobar img{float:right;padding:0;}
.videobox .videobar h2{color:#fff;float: left;font-size:15px;padding:10px 0 0px 10px}
.videobox .videobar a{color:#fff;font-size:15px;padding:10px 10 0px 0px}
.videobox .videoclip{float:left;color:#ededed;margin:0 0 5px;padding:10px 5px 0 10px;}
.videobox .videoclip h2 a{font-size:12px;font-weight:700;color:#97c10e;text-transform:uppercase;}
.videobox .videoclip p{color:#747576;line-height:1.4em;word-spacing:.3em;font-size:12px;margin:5px 0;}
.videobox .videoclip img{width:280px;float:left;}
.videobox .videoclip a{color:#29639b;line-height:1.4em;word-spacing:.3em;text-decoration:none;margin:5px 0;}
/*** END VIDEO ***/

/* COUNCIL PAGES */
.counsellors{float:right;width:700px;margin-top:0px;}
.counsellors .counselbar{float:left;background:url('/images/services/internalheaderbg.jpg') no-repeat top left;width:700px; padding:0px; height:35px;}
.counsellors .counselbar h2{line-height:10px; margin:0px; padding:0px;}
.counsellors .counselbar img{float:right;padding:10px;}
.counsellors .counselbar h2{color:#fff;font-size:15px;float:left;font-weight:690;padding-top:15px; padding-left:10px;}
.counsellors .counselbar a{color:#fff;font-size:12px;text-decoration:none;font-weight:700;}
.counsellors .counselcontainer{color:#ededed;font-size:12px;width:280px;float:left;margin:30px 10px 30px 10px;height:350px;padding:0 10px;}
.counsellors .counselcontainer h2{font-size:15px;color:#97c10e;text-transform:uppercase;font-weight:700;width:260px;}
.counsellors .counselcontainer p{color:#747576;line-height:1.4em;word-spacing:.3em;font-size:12px;margin:5px 0;}
.counsellors .counselcontainer a:hover{color:#29639b;text-decoration:underline;margin:5px 0;}
.counsellors .counselcontainer img{float:left;margin:0 15px 15px 0;}
#contentrightversion {background-color: #000000; float: left; width:100%; padding-bottom: 10px; background:url(images/services/silverbackground.gif) no-repeat top left;}

/** END COUNCIL **/

/* COUNSELLOR VIEW */
.counsellorview{float:left;width:940px;margin:10px 0;}
.counsellorview .imagecounsel{border:1px solid #000000; padding:2px;}
.counsellorview h2{background:url(images/services/internalheaderbg.jpg) repeat-x top left;color:#ffffff;font-size:15px;float:left;width:683px; font-weight:700;margin:0 0 10px;padding:8px;}

/** END VIEW **/

/** SOFTWARE CONTAINER **/
.software{float:left;width:200px;border:1px solid #d4d4d4; background-color:#ffffff;padding :10px;-moz-border-radius: 8px;-webkit-border-radius: 8px;margin-top:20px;  background:url(images/services/silverbackground.gif) no-repeat top left;}
.software h2{color:#3a7996;font-size:16px;text-align:center; text-transform:uppercase; font-weight:bold;}
.software p{color:#747576;line-height:1.4em;word-spacing:.3em;font-size:12px;margin-top:5px;}
.software img{margin:8px 0px 0px 14px;}
/** END SOFTWARE **/

/* COUNCIL CORNER */
.council{float:left;width:620px;background:url(images/eventsbg.jpg) repeat-x top left;background-color:#fff;margin:20px 20px 20px 0;}
.council .councilbar{float:left;background:url('/images/services/internalheaderbg.jpg') no-repeat top left;width:620px; height:32px;}
.council .councilbar img{float:right;padding:10px;}
.council .councilbar h2{color:#fff;font-size:15px;float:left;padding:10px 0 0px 10px;}
.council .councilbar a{color:#3a7996;font-size:15px;text-decoration:none;font-weight:700;}
.council .councilcontainer{color:#ededed;font-size:12px;width:600px;float:left;margin:0;padding:10px;}
.council .councilcontainer h2 a{font-size:12px;font-weight:700;text-transform:uppercase;color:#97c10e;}
.council .councilcontainer a{color:#29639b;line-height:1.4em;word-spacing:.3em;font-size:12px;text-decoration:none;margin:5px 0;}
.council .councilcontainer img{float:left;margin:0 15px 15px 0;}

/*COUNCIL STYLES*/

.profileimg {margin-bottom:10px; padding:5px;}
.bookbtn a {margin-bottom:20px; font-size:12px; padding-top:5px; padding-bottom:0px; width:140px;}
.backbtn a {margin-top:20px; padding:0px;}

/*** END COUNCIL ***/

/** FEED IMG **/
.feedimg{float:right;padding:8px 10px 0px 10px;}
/** END FEED **/

/* AMBASSADOR */
.ambassador{float:left;width:300px;background:url(images/eventsbg.jpg) repeat-x top left;margin:20px 20px 0 0;}
.ambassador .ambassadorbar{float:left;background:url('/images/services/internalheaderbg.jpg') no-repeat top left;width:300px; height:32px;}
.ambassador .ambassadorbar img{float:right;padding:6px 6px 0 0;}
.ambassador .ambassadorbar h2{color:#fff;float: left;font-size:15px;padding:10px 0 0px 10px}
.ambassador .ambassadorbar a{color:#fff;font-size:15px;padding:10px 10 0px 0px}
.ambassador .ambcontainer{float:left;height:150px;color:#ededed;margin:0 0 5px;padding:15px 5px 0 10px;}
.ambassador .ambcontainer h2 a{font-size:12px;font-weight:700;color:#97c10e;text-transform:uppercase;}
.ambassador .ambcontainer p{color:#747576;line-height:1.4em;font-size:12px;word-spacing:.3em;font-size:12px;margin:5px 0;}
.ambassador .ambcontainer a{color:#29639b;line-height:1.4em;font-size:12px;word-spacing:.3em;text-decoration:none;margin:5px 0;}
.ambassador .ambcontainer img{float:left;width:80px;margin:0 15px 15px 0;}
/** END AMBASSADOR **/

/* SEARCH SECTION */
.searchbox{float:left;width:940px;background:url(images/eventsbg.jpg) repeat-x top left;background-color:#fff;margin:20px 20px 20px 0;}
.searchbox .searchbar{float:left;background:url(images/searchbg.gif) repeat-x top left;width:940px; height:31px; margin-bottom:10px;}
.searchbox .searchbar .feedimg{float:right;padding:8px;}
.searchbox .searchbar h2{color:#fff;font-size:14px;float:left;padding:5px 0px 10px 10px; text-transform:uppercase; font-weight:normal; margin-bottom:30px;}
.searchbox .searchbar a{color:#3a7996;font-size:12px;text-decoration:none;font-weight:700;}
.searchbox .searchcontainer{color:#666;font-size:12px;width:920px;margin:10px 0;padding:0 10px; background-color:transparent;}
.searchbox .searchcontainer h2 a{color:#97c10e;font-size:18px; font-weight:normal;}
.searchbox .searchcontainer p{color:#747576;font-size:12px;margin-bottom:20px;}
.searchbox .searchcontainer a{color:#97c10e;text-decoration:none;margin:5px 0;}
.searchbox .searchcontainer img{float:left;margin:0 15px 15px 0;}

.articlecontainer {color:#666;font-size:12px;width:940px;margin:10px 0; height:200px; padding:0 10px; background-color:transparent; margin-bottom:30px; border-bottom:1px #c7c7c7 solid; margin-bottom:40px;}
.newsimg{float:left;margin-right:20px;padding:0 0px 0 0;}
.articlecontainer h2 {font-size:18px; font-weight:normal;}
.articlecontainer h2 a {color:#97c10e}

/** END EVENTS ***/

/* EVENTS SECTION */
.events{float:left;width:620px;background:url('/images/services/internalheaderbg.jpg') repeat-x top left;background-color:#fff;margin:20px 20px 0 0;}
.events .eventbar{float:left;background:url('/images/services/internalheaderbg.jpg') no-repeat top left;width:620px; height:32px;}
.events .eventbar .feedimg{float:right;padding:8px;}
.events .eventbar h2{color:#fff;font-size:15px;float:left;padding: 10px 0px 0px 10px;}
.events .eventbar a{color:#3a7996;font-size:12px;text-decoration:none;font-weight:700;}
.events .eventcontainer{color:#ededed;font-size:12px;width:600px;float:left;margin:10px 0px 0px 0px;padding:0 10px;}
.events .eventcontainer h2 a{font-size:12px;text-transform:uppercase;font-weight:700;color:#97c10e;}
.events .eventcontainer p{color:#747576;line-height:1.4em;word-spacing:.3em;font-size:12px;margin:5px 0;}
.events .eventcontainer a{color:#29639b;line-height:1.4em;word-spacing:.3em;font-size:12px;text-decoration:none;margin:5px 0;}
.events .eventcontainer img{float:left;margin:0 15px 15px 0;}
/** END EVENTS ***/

/* MIDSECTION */
.midsection{float:left;}
.midsection h2{font-size:17px;color:#fff;font-weight:bold;margin:0 0 15px;}
.midsection p{font-size:12px;width:145px;height:130px;word-spacing:0.2em;line-height:1.3em;color:#fff;margin:10px 0;}
.midsection a{float:left;font-size:17px;font-weight:700;color:#fff;text-decoration:none;margin:0px;}
/*** END OF MIDSECTION ***/

/* BOTTOMSECTION */
.bottomsection{float:left;}
.bottomsection h2{font-size:17px;color:#fff;font-weight:bold;margin:0 0 15px;}
.bottomsection p{font-size:12px;width:145px;height:160px;word-spacing:0.2em;line-height:1.3em;color:#fff;margin:10px 0;}
.bottomsection a{float:left;font-size:17px;font-weight:700;color:#fff;text-decoration:none;margin:0px;}
/*** END OF BOTTOMSECTION ***/

/* Forum Box */
.forumbox{float:left;background:url(images/forumbg.jpg) no-repeat top left;width:270px;height:200px;padding:15px;cursor: pointer;}
/*** END FORUM ***/

/* Expert Box */
.expertbox{float:left;background:url(images/expertbg.jpg) no-repeat top left;width:270px;height:200px;margin:0 0 0 20px;padding:15px; cursor: pointer;}
/*** END Expert ***/

/* Bookstore Box */
.bookstorebox{float:left;background:url(images/bookhomepagebg.jpg) no-repeat top left;width:270px;height:200px;margin:0 0 0 20px;padding:15px; cursor: pointer;}
/*** END Bookstore ***/

.directorybox{float:left;background:url(images/grey-panel.jpg) no-repeat top left;width:270px;height:230px;padding:15px;cursor: pointer;}
.privforumbox{float:left;background:url(images/yellow-panel.jpg) no-repeat top left;width:270px;height:230px;margin:0 0 0 20px;padding:15px; cursor: pointer;}


/** INTERNAL PAGE **/
.internalcontent{float:left;width:700px;background:url(images/eventsbg.jpg) repeat-x top left;background-color:#fff;}
.internalcontent .internalbar{float:left;background:url(images/services/internalheaderbg.jpg) no-repeat top left;width:700px;}
.internalcontent .internalbar img{float:right;padding:10px; display:block;}
.internalcontent .internalbar h2{color:#fff;height:30px;font-size:15px;float:left;font-weight:700;padding:10px 0 0;}
.internalcontent .internalbar a{color:#fff;font-size:15px;text-decoration:none;font-weight:700;}
.internalcontent .internalcontainer{color:#ededed;width:650px;float:left;font-size:12px;margin:20px 0;padding:0 10px;}
.internalcontent .internalcontainer h2 a{font-size:0.9em;text-transform:uppercase;font-weight:700;color:#97c10e;}
.internalcontent .internalcontainer p{color:#747576;line-height:1.4em;word-spacing:.3em;font-size:12px;margin:5px 0;}
.internalcontent .internalcontainer a{color:#29639b;line-height:1.4em;word-spacing:.3em;text-decoration:none;margin:5px 0;}
.internalcontent .internalcontainer img{float:left;margin:0 15px 15px 0;}
.terms{float:left; margin:10px 0px 10px 0px;}
.terms h2{font-size:15px;text-transform:uppercase;font-weight:700;color:#29639b;}
.terms p{color:#747576;line-height:1.4em;word-spacing:.3em;font-size:12px;margin:5px 0;}
.terms ul{color:#747576;line-height:1.4em;word-spacing:.3em;font-size:12px; list-style-position:inside;}
/** END INTERNAL **/

/** ADMIN SECTION **/
.adminbox{float:left;width:690px;color:#666;margin:20px 0px 0px 0px; border:1px silver; padding: 0px 0px 0px 15px;}
.adminbox h2{float:left;background:url(images/services/internalheaderbg.jpg) no-repeat top left;width:690px;color:#fff;height:30px;font-size:15px;font-weight:700;padding:10px 0 0 10px;}
.adminbox a{font-size:12px;color:#29639b;text-decoration:none;margin-right:10px;}
.adminbox a:hover{text-decoration:underline;}
.adminbox li { list-style-type: disc; list-style-position: inside; }

.adminbox .paging{float:left;width:100%;margin-top:15px;}
.adminbox .paging a{font-size:1.2em;}
.adminbox p{margin:0 0 10px;}
.adminbox td {padding:4px;}

.tdNoPadding td {padding:0px;}

/** END ADMIN **/

/* SERVICE LIST */

.servicebar{float:left;width:200px;}
/*.servicelist{float:left;width:220px;height:100%;background:url(images/services/navbg.jpg) repeat-x top left;}
.servicelist .servicelink{width:220px;float:left;display:block;background:transparent; height:20px;}
.servicelist .servicelink:hover{width:220px;float:left;display:block;background:#fff;}
.servicelist .servicelink img{float:left;margin-top:0;margin-right:10px;}
.servicelist .servicelink a{color:#746f6f;text-decoration:none;float:left;font-size:.85em;}*/


/** END SERVICE LIST **/

.menu7 {width: 220px; font-size:12px;}
.menu7li a {height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px;text-decoration:none;color: black;}	
.menu7li a:link, .menu7li a:visited {color: black; display: block;background:  url(images/menu_bgd.gif); padding: 8px 0 0 30px;}
.menu7li a:hover {color: #FFF; background:url(images/menu_bgd.gif) 0 -32px; padding: 8px 0 0 30px; color: black;}

.menu7 ul li a {height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px;text-decoration:none;color: black;}	
.menu7 ul li a:link, .menu7 ul li a:visited {color: black; display: block;background:  url(images/menu_bgd.gif); padding: 8px 0 0 30px;}
.menu7 ul li a:hover {color: #FFF; background:url(images/menu_bgd.gif) 0 -32px; padding: 8px 0 0 30px; color: black;}


.menu7menu { cursor:pointer; height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px;text-decoration:none;color: black; display: block;background:  url(images/menu_bgd_mnu.gif); padding: 8px 0 0 30px;}
.menu7menu:hover { cursor:pointer; color: #FFF; background:url(images/menu_bgd_mnu.gif) 0 -32px; padding: 8px 0 0 30px; color: black;}




/** CALENDAR **/
.CalendarDiv{float:left;border:0;width:940px;margin:10px 0px 10px 0px;}
.CalendarDiv td{border:0;}
.CouncellorProfile{width:150px;float:left;color:#fff;background-color:#3a7996;-moz-border-radius:5px;-webkit-border-radius:5px;margin:8px;padding:10px;}
.CouncellorProfileSelected{width:150px;float:left;color:#fff;background-color:#89a639;-moz-border-radius:5px;-webkit-border-radius:5px;margin:8px;padding:10px;}
.CalendarDay{background-color:#3a7996;border:0;color:#fff;font-size:10px;}
.CalendarTime{background-color:#3a7996;color:#fff;}
.CalendarCell{background-color:#8fcdf1;border:0;}
.CalendarEventHover{background-color:#3b7b99;color:#fff;}
.CalendarEvent{background-color:#3b7b99;color:#fff;}
.calendarbutton{padding:10px 0px 10px 0px;}
.CouncellorProfile img,.CouncellorProfileSelected img{float:left;margin-bottom:10px;border:2px #fff solid;}
/** END CALENDAR **/

/* FOOTER */
.footer {float:left;background:url(images/footerbg.jpg) no-repeat bottom right;background-color:#3c7c98;width:910px;padding-left:30px;margin:15px 0 0;}
.footer a{color:#fff88e;text-decoration:none;}
.footer a:hover{color:#fff88e;text-decoration:underline;}
.footer .linkbox{width:135px;float:left;color:#fff;margin:0 10px;padding:20px 0 0;}
.footer .linkbox h3{font-size:15px;font-weight:700;margin-bottom:25px;}
.footer .linkbox ul{font-size:12px;margin:10px 0 0;}
.footer .footersearch{float:left;width:290px;color:#fff;margin:0 10px;padding:20px 0 0;}
.footer .footersearch h3{font-size:15px;font-weight:700;margin-bottom:25px;color:#fff88e;}
.footer .footersearch img{float:left;}
.footer .footersearch ul{font-size:11px;width:200px;float:left;margin:10px 0 0;}
.footer .linkbox li,.footer .footersearch li{margin:5px 0;}
/** END FOOTER **/


/* NAVIGATOR */

.navigator_main {
	BORDER-BOTTOM: #a0a0a0 1px solid; BORDER-LEFT: #a0a0a0 1px solid; BACKGROUND-COLOR: white; BORDER-RIGHT: #a0a0a0 1px solid
}
.navigator_month {
	FONT-FAMILY: Tahoma; FONT-SIZE: 8pt
}
.navigator_day {
	COLOR: black
}
.navigator_dayheader {
	COLOR: black
}
.navigator_line {
	BORDER-BOTTOM: #a0a0a0 1px solid
}
.navigator_dayother {
	COLOR: gray
}
.navigator_todaybox {
	BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid
}
.navigator_select {
	BACKGROUND-COLOR: #ffe794
}
.navigator_title {
	BACKGROUND-COLOR: #ece9d8; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_titleleft {
	BACKGROUND-COLOR: #ece9d8; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_titleright {
	BACKGROUND-COLOR: #ece9d8; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_busy {
	FONT-WEIGHT: bold
}
.navigator_blue_main {
	BORDER-BOTTOM: #a0a0a0 1px solid; BORDER-LEFT: #a0a0a0 1px solid; BACKGROUND-COLOR: #f3f3f9; BORDER-RIGHT: #a0a0a0 1px solid
}
.navigator_blue_month {
	FONT-FAMILY: Tahoma; FONT-SIZE: 8pt
}
.navigator_blue_day {
	COLOR: black
}
.navigator_blue_dayheader {
	COLOR: black
}
.navigator_blue_line {
	BORDER-BOTTOM: #a0a0a0 1px solid
}
.navigator_blue_dayother {
	COLOR: gray
}
.navigator_blue_todaybox {
	BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid
}
.navigator_blue_select {
	BACKGROUND-COLOR: #aaccee
}
.navigator_blue_title {
	BACKGROUND-COLOR: #c3d9ff; COLOR: black; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_blue_titleleft {
	BACKGROUND-COLOR: #c3d9ff; COLOR: black; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_blue_titleright {
	BACKGROUND-COLOR: #c3d9ff; COLOR: black; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_blue_busy {
	FONT-WEIGHT: bold
}
.navigator_silver_main {
	BACKGROUND-IMAGE: url(Media/navigator_silver_clock_200x300g.gif); BORDER-BOTTOM: #a0a0a0 1px solid; BORDER-LEFT: #a0a0a0 1px solid; BACKGROUND-COLOR: white; BACKGROUND-REPEAT: no-repeat; BORDER-RIGHT: #a0a0a0 1px solid
}
.navigator_silver_month {
	FONT-FAMILY: Tahoma; FONT-SIZE: 8pt
}
.navigator_silver_day {
	COLOR: black
}
.navigator_silver_dayheader {
	COLOR: black
}
.navigator_silver_line {
	BORDER-BOTTOM: #a0a0a0 1px solid
}
.navigator_silver_dayother {
	COLOR: gray
}
.navigator_silver_todaybox {
	BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid
}
.navigator_silver_select {
	BACKGROUND-COLOR: #ffe794
}
.navigator_silver_title {
	BACKGROUND-IMAGE: url(Media/navigator_silver_top21.gif); BACKGROUND-COLOR: #ece9d8; BACKGROUND-REPEAT: repeat-x; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_silver_titleleft {
	BACKGROUND-IMAGE: url(Media/navigator_silver_top21.gif); BACKGROUND-COLOR: #ece9d8; BACKGROUND-REPEAT: repeat-x; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_silver_titleright {
	BACKGROUND-IMAGE: url(Media/navigator_silver_top21.gif); BACKGROUND-COLOR: #ece9d8; BACKGROUND-REPEAT: repeat-x; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_silver_busy {
	FONT-WEIGHT: bold
}
.navigator_silver2_main {
	BORDER-BOTTOM: #a0a0a0 1px solid; BORDER-LEFT: #a0a0a0 1px solid; BACKGROUND-COLOR: white; BORDER-RIGHT: #a0a0a0 1px solid
}
.navigator_silver2_month {
	FONT-FAMILY: Tahoma; FONT-SIZE: 8pt
}
.navigator_silver2_day {
	COLOR: black
}
.navigator_silver2_dayheader {
	COLOR: black
}
.navigator_silver2_line {
	BORDER-BOTTOM: #a0a0a0 1px solid
}
.navigator_silver2_dayother {
	COLOR: gray
}
.navigator_silver2_todaybox {
	BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid
}
.navigator_silver2_select {
	BACKGROUND-COLOR: #ffe794
}
.navigator_silver2_title {
	BACKGROUND-IMAGE: url(Media/navigator_silver_top21.gif); BACKGROUND-COLOR: #ece9d8; BACKGROUND-REPEAT: repeat-x; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_silver2_titleleft {
	BACKGROUND-IMAGE: url(Media/navigator_silver_top21.gif); BACKGROUND-COLOR: #ece9d8; BACKGROUND-REPEAT: repeat-x; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_silver2_titleright {
	BACKGROUND-IMAGE: url(Media/navigator_silver_top21.gif); BACKGROUND-COLOR: #ece9d8; BACKGROUND-REPEAT: repeat-x; BORDER-TOP: #a0a0a0 1px solid
}
.navigator_silver2_busy {
	FONT-WEIGHT: bold
}

.daypilot_event {
    background-color: white;
    color: #5C5C5C;
    font-family: Tahoma;
    font-size: 8pt;
}

.daypilot_cellbackground {
    background-color: #E6E6E6;
}

.daypilot_hourcellborder {
    border-bottom: 1px solid #E6E6E6;
}

.daypilot_hourhalfcellborder
{
    border-bottom: 1px solid #E6E6E6;
}

.daypilot_sessionselected 
{
    background-color: #FF00ED;
}

.Sitemap
{
    float: left;
    width: 170px;
    border: solid 1px #c6cbce;
    margin: 3px;    
    padding: 5px;
    background-color: #dae7ec;
}

.Sitemap h3
{    
    margin-bottom:5px;
    color: #397d9c
}

.Sitemap a
{
    color: #397d9c;
    font-size: 12px;
    line-height: 18px;
}

.Sitemap li
{
    margin-left: 15px;
    list-style-type: disc;
}

.Sitemap ol
{
    color: #397d9c;
    margin-left: 10px;
}






/*---------------------------------------------------------------------------------*/
/*                                Class List CSS                                   */
/*---------------------------------------------------------------------------------*/



table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup 
{
    margin-top:2.2em;
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../Images/calendar.jpg') no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


/*---------------------------------------------------------------------------------*/
/*                                Class List CSS                                   */
/*---------------------------------------------------------------------------------*/

.ClassWrapper 
{
    margin-top:5px;
	width: 100%;
}

.ClassItemWrapper 
{
    margin-top: 10px;
    padding-top: 10px;
	width: 100%;
	background-color: rgb(245, 245, 245);
	border: solid 1px #3a7996;
}

.ClassTitle
{
    color:#97C10E;
    font-size:14px;
    font-weight:700;
    margin-left:20px;
	margin-right:20px;
}

.ClassSubTitle
{
    display:inline;
    color:#97C10E;
    font-weight:bold;
	font-size:12px;
}

.ClassDesc
{
    color:#747576;
    font-size:12px;
    line-height:1.4em;
    word-spacing:0.3em;
    margin-left:30px;
    background-color: #FFF;
    margin-right: 30px;
    padding: 5px 5px 0px 5px;
}

.ClassPayWrapper
{
    float:right;
    margin-left:30px;
    margin-bottom:10px;
}

.ClassPay
{
    float:left;
    margin-right:15px;
}

.ClassPasswordWrapper
{
    float:Left;
    margin-left:30px;
    margin-bottom:10px;
}

.floatLeft
{
    float:left;
}

/*---------------------------------------------------------------------------------*/
/*                               Time Picker CSS                                   */
/*---------------------------------------------------------------------------------*/
div.time-picker 
{
    margin-top: 1.4em;
    margin-left:10px;
    position: absolute;
    height: 200px;
    width:4em; /* needed for IE */
    overflow: auto;
    background: #ccc;
    border: 1px solid #000;
    z-index: 99;
}
div.time-picker-12hours {
  width:6em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  padding: 1px;
  cursor: pointer;
}
div.time-picker li.selected {
  background: #666;
  color: #fff;
}

