/* CSS Document */

html, body{
  margin: 0px;
  padding: 0px;
  width: 100%;
  text-align: center;
  background: #a48f72 url(../images/background-pattern.gif) repeat left top;
  font-family: Verdana, Arial;
}
#shell{
  width: 975px;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-top: 0px;
}
#content
{
  text-align: left;
  color: #692910;
}

#content h2
{
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
}

#content h3
{
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

#content p
{
  font-size: 11px;
  margin-top: 0px;
  padding-top: 0px;
}
.innerShell
{
  float: left;
  display: inline;
  background-color: white;
  padding: 0px 0px 1px 1px;
}
#left
{
  float: left;
  display: inline;
  width: 724px;
}
h1{
  margin: 0px;
  padding: 0px;
}
h1 a
{
  text-decoration: none;
}
a img
{
  border: 0px;
}

#nav
{
  float: left;
  display: inline;
}
#nav ul
{
  width: 724px;
  float: left;
  display: inline;
  margin: 0px;
  padding: 0px;
  list-style: none;
  height: 33px;
  background: url(../images/nav-background.png) no-repeat left top;
}
#nav li
{
  float: left;
  display: inline;
  font-size: 10px;
  margin: 0px;
  padding: 10px 8px;
  background: url(../images/nav-delim.png) no-repeat right bottom;
}
#nav a
{
  color: #fedf8c;
  text-decoration: none;
}
#nav a:hover
{
  text-decoration: underline;
}
#content
{
  float: left;
  display: inline;
  padding: 10px;
}
#right
{
  width: 240px;
  float: right;
  display: inline;
}
#mantelSidePanel
{
  color: #900000;
  font-size: 12px;
  font-family: times new roman;
  font-weight: bold;
}
#commonFooter
{
  float: left;
  display: inline;
  width: 975px;
  background: url(../images/footer.png) no-repeat center center;
  height: 86px;
  font-size: 10px;
  letter-spacing: 1px;
  padding-top: 25px;
  font-weight: bold;
}
#commonFooter p
{
  margin: 5px;
  padding: 5px;
}
#commonFooterTop
{
  color: white;
  font-style: italic;
  font-weight: normal;
}
address
{
  color: #e2c13e;
  font-style: normal;
}
/*
form{
  margin: 0px;
  padding: 0px;
}
h1 img{
  height:180px;
  margin: 0px;
  padding: 0px;
}

#nav{
  float: left;
  display: inline;
  background: #ececec url(../images/grad1_left.gif) repeat-y left top;
  padding-left: 8px;
  width: 806px;
}
#navShell{
  float: left;
  display: inline;
  width: 798px;
  padding-right: 8px;
  background: #ececec url(../images/grad1_right.gif) repeat-y right top;
}
#nav ul{
  margin: 0px;
  padding: 0px;
  float: left;
  display: inline;
  width: 798px;
  background: #ccccff url(../images/menuBar_mid.gif) repeat-x;
  height: 31px;
}
#nav li{
  margin: 0px;
  padding: 0px;
  float: right;
  display: inline;
}
#nav a{
  float: left;
  display: inline;
  padding: 2px 5px;
  color: black;
  text-decoration: none;
}
#nav a:hover{
  color: white;
}
.roundedBox1{
  background: white url(../images/grad1_left.gif) repeat-y left top;
}
.roundedBox1 .content{
  width: 814px;
  overflow: hidden;
}
.roundedBox1 .right{
  background: url(../images/grad1_right.gif) repeat-y right top;
}
.roundedBox1 .top{
  background: url(../images/grad1_top.gif) repeat-x right top;
}
.roundedBox1 .bottom{
  background: url(../images/grad1_bottom.gif) repeat-x left bottom;
}
.roundedBox1 .topLeft{
  background: url(../images/grad1_top_left.gif) no-repeat left top;
}
.roundedBox1 .topRight{
  background: url(../images/grad1_top_right.gif) no-repeat right top;
}
.roundedBox1 .bottomRight{
  background: url(../images/grad1_bottom_right.gif) no-repeat right bottom;
}
.roundedBox1 .bottomLeft{
  background: url(../images/grad1_bottom_left.gif) no-repeat left bottom;
}
.roundedBox1 .padder{
  padding: 10px 20px 20px 20px;
}

.roundedBox2{
  background: #f4f4f4 url(../images/grad2_left.gif) repeat-y left top;
}
.roundedBox2 .content{
  width: 563px;
}
#messageHeading
{
  background-color: white;
  color: #2e3841;
  margin-left: 4px;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 15px;
}
#trainingMaterial h3
{
  font-weight: normal;
  font-size: 1.5em;
  margin: 0px;
  padding: 0px;
}
#freqDown
{
  border-bottom: 1px solid #cccccc;
  width: 184px;
  margin-bottom: 5px;
}
#trainingMaterial ul
{
  margin: 0px;
  padding: 0px;
  padding: 5px 30px;
}
#trainingMaterial li
{
  margin: 0px;
  padding: 0px;
  padding: 2px 0px;
}
#trainingMaterial a
{
  color: black;
  text-decoration: none;
}
#trainingMaterial a:hover
{
  text-decoration: underline;
}
#content #rightPanel
{
  float: right;
  display: inline;
}
#rightPanel div.roundedBox2 .content
{
  width: 210px;
}
#rightPanel div.padder
{
  padding-bottom:20px;
}
#calendar.roundedBox2 .content{
  height: 260px;
  overflow: hidden;
  color: blue;
}
  
.roundedBox2 .right{
  background: url(../images/grad2_right.gif) repeat-y right top;
}
.roundedBox2 .top{
  background: url(../images/grad2_top.gif) repeat-x right top;
}
.roundedBox2 .bottom{
  background: url(../images/grad2_bottom.gif) repeat-x left bottom;
}
.roundedBox2 .topLeft{
  background: url(../images/grad2_top_left.gif) no-repeat left top;
}
.roundedBox2 .topRight{
  background: url(../images/grad2_top_right.gif) no-repeat right top;
}
.roundedBox2 .bottomRight{
  background: url(../images/grad2_bottom_right.gif) no-repeat right bottom;
}
.roundedBox2 .bottomLeft{
  background: url(../images/grad2_bottom_left.gif) no-repeat left bottom;
}
.roundedBox2 .padder{
  padding: 12px;
  padding-right: 11px;
}
#materialContainer.roundedBox2 .padder
{

}
#content{
  float: left;
  display: inline;
  text-align: left;
}
#content div{
  float: left;
  display: inline;
}
.messageBoxHeader
{
  width: 531px;
  background-color: #c1009b;
  color: white;
  padding: 4px;
  margin: 0px 0px 0px 0px;
}
.messageBoxHeaderLine2
{
  width: 531px;
  background-color: #D700AC;
  color: white;
  padding: 4px;
  margin: 0px 0px 10px 0px;
  border-top: 1px solid white;;
}
.messageBoxHeader h2{
  margin: 0px;
  padding: 0px;
  width: 531px;
  font-size: 1em;
  margin-bottom: 4px;
  
}
.messageBoxHeaderLine2 h2{
  margin: 0px;
  padding: 0px;
  width: 531px;
  font-size: 1em;
  margin-bottom: 4px;
}
h2
{
  margin: 0px;
  padding: 0px;
  width: 531px;
  font-size: 1em;
  background-color: #c1009b;
  color: white;
  padding: 4px 0px;
  margin: 0px 0px 10px 0px;
}
h2 span{
  padding: 0px 4px;
}

#rightPanel div h2
{
  width: 185px;
  margin-bottom: 10px;
}
.messageBoxHeaderLine2 span{
  padding: 0px 4px;
  margin-left: 4px;
  border-left: 1px solid white;
  font-weight: normal;
}
.headerMessageTitle
{
  font-weight: bold;
  border-width: 0px;
  margin: 0px;
}
.messageBoxHeaderLine2 .byline{
  font-style: italic;
  padding-left: 0px;
  margin-left: 0px;
  border-left-width: 0px;
}
p{
  margin: 0px;
  padding: 10px 10px 10px 16px;
}
#content .message .options{
  background-color: #788d9f;
  clear: both;
  display: block;
  float: none;
  padding: 3px 0px 4px 0px; 
  margin-top:10px;
}
#leftPanel{
  width: 563px;
}
#rightPanel
{
  width: 211px;
  float: right;
  display: inline;
}
.message .options a{
  color: white;
  text-decoration: none;
  padding: 0px 4px;
  border-left: 1px solid white;
}
.message .options a:hover{
  text-decoration: underline;
}
.message .options a.first{
  border-left: 0px;
}
.responses{
  margin-left: 70px;
}
.response, .newResponseDiv{
  background-color: white;
  border: 1px solid #999999;
  margin: 10px;
  padding: 10px;
  padding-bottom: 0px;
}
.responses h3{
  font-size: 1em;
  margin: 0px;
  padding: 0px;
  color: #607814;
  width: 428px;
}

.responses textarea{
  width: 428px;
  height: 100px;
  font-family: Verdana, Arial;
  margin: 4px 0px;
}
textarea
{
  font-family: Verdana, Arial;
  font-size: 1em;
}
.responses div.submit{
  text-align: right;
  width: 428px;
}

.responses input.submit{
  margin: 4px 0px 10px 0px;
}
#newMessageLinkDiv{
  width: 563px;
  text-align: right;
}
#newMessageLinkDiv a{
  margin: 12px;
}
#rightPanel{
  float: right;
}
.hidden
{
  display: none;
  visibility: collapse;
}
#messageList
{
  margin-left: 10px;
}
#messageList .messagePreview 
{
  margin-left: 6px;
  padding: 0px 0px 0px 20px;
  border-bottom: 2px solid #dddddd;
  cursor: pointer;
}
#messageList .messagePreviewHover
{
  background:#F2F2F2
}
#messageList .messagePreviewHover h2
{
  background:#F2F2F2
}
#messageList .currentMessage
{
  background: white url(../images/bracket_20x74.gif) no-repeat left center;
  background-color: white;
}
#messageList .currentMessage h2
{
  background-color: white;
}
.messagePreviewMessageTitle
{
  margin-bottom: 10px;
}
#messageList h2
{
  background-color:white;
  color: #c1009b;
  width: 516px;
  margin-top: 10px;
  margin-bottom: 0px;
  display: block;
}
#messageList .messagePreviewMessageTitle span
{
  border-left: 2px solid #c1009b;
  color: #c1009b;
  padding: 0px 4px;
}
#messageList .messageTitle
{
  border-left: 0px;
}
#messageList .messagePreviewMessageTitle span.messageAuthor
{
  font-style: italic;
  font-weight: normal;
  padding-left: 0px;
  border-width: 0px;
}
#messageList .messageDate
{
  font-weight: normal;
}
#messageList .messagePreviewContent, 
#messageList .messagePreviewResponses
{
  margin: 0px 2px 4px 40px;
  width: 473px;
}
#messageList .messagePreviewResponses
{
  text-align: right;
  margin-top: 2px;
}
#messageList #categoryTitle
{
  color: #666666;
  border-bottom: 2px solid #666666;
  width: 545px;
  font-size:1.5em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
.PhyneasJavascriptCalendar
{
  font-family: Verdana, Arial;
  color: #003366;
  font-size: 11px;
  float: left;
  display: inline;
  margin: 0px; 
  padding: 0px;
}
#smsTableCaption
{
  text-align: center;
  margin: 0px;
  padding: 0px;
  width: 185px;
}
.PhyneasJavascriptCalendar table
{
  font-size: 11px;
  color: #003366;
  margin: 0px;
  padding: 0px;
  width: 185px;
}
.PhyneasJavascriptCalendar th, .PhyneasJavascriptCalendar td
{
  padding: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 18px;
  text-align: center;
}
.PhyneasJavascriptCalendar a
{
  color: #003366;
  text-decoration: none;
}
.PhyneaseEventPopUp
{
  width: 175px;
  border: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-top: 1px solid #aaaaaa;
  background-color: #ffffff;
  padding: 5px;
  font-family: verdana, arial;
  cursor: pointer;
}
.PhyneasPopUpCloser
{
  float: right;
  display: inline;
  color: black;
  text-decoration: none;
  font-size: 8px;
  width: 100px;
  text-align: right;
}
.PhyneasPopUpHeader
{
  text-align: left;
  background-color: #FFBBF1;
  border-bottom: 1px solid #cccccc;
  font-size: 10px;
  margin: 0px;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  padding: 5px 0px;
}
.PhyneasPopUpEventDescription
{
  text-align: left;
  font-size: 10px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
  text-align: left;
}
.PhyneasDateHasEvents
{
  background-color: #E0E0E0;
}

#smsfootCell{
 font-size:.9em; 
 }
 
#smsleftSideCell
{
  text-align: left;
  padding-left: 10;
  background: url(../images/backmonth.png) no-repeat left center;
}
#smsrightSideCell
{
  text-align: right;
  padding-right: 10;
  background: url(../images/nextmonth.png) no-repeat right center;
}
.PhyneasCurrentDate
{
  border: 1px solid #999999;
}
.PhyneasTodaysDate
{
	background:#D9FFD9
}
/*
#newCategory
{
  font-size: 11px;
  width: 100px;
  margin: 0px;
  padding: 0px;
  height: 22px;
  float: left;
  display: inline;
}

#postNewCategory
{
  border: 0px;
  padding: 0px;
  margin: 0px;
  float: left;
  display: inline;
}

#messageCategories ul, #messageCategories li
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#messageCategories li
{
  padding: 3px 5px;
  border-bottom: 1px solid #cccccc;
}
#messageCategories a
{
  text-decoration: none;
  color: black;
}
#messageCategories a:hover
{
  text-decoration: underline;
}


#createLink{
  text-decoration: none;
  color: #c1009b;
  background-image: url(../images/pencil_alone_inverse.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  display: block;
  float: none;
  padding: 15px 0px 0px 0px;
  margin-left: 10px;
}


.detailView label
{
  float: left;
  display: inline;
  width: 110px;
  margin-top: 5px;
  text-align: right;
  margin-right: 5px;
  margin-left: 5px;
}
.detailView div.inputDiv
{
  margin-top: 10px;
  width: 513px;
}
.detailView div.footer
{
  width: 538px;
  background-color: #788d9f;
  text-align: right;
  margin: 0px;
  margin-top: 5px;
  height: 20px;
}
.detailView div.footer img
{
  margin: 0px;
  border: 0px;
  position: absolute;
  margin-left: -36px;
  margin-top: -1px;
}
#materialContainer div.footer
{
  width: 538px;
  background-color: #788d9f;
  text-align: right;
  margin: 0px;
  padding: 0px;
  margin-top: 1px;
  float: none;
  display: block;
}
.detailView h2
{
  float: left;
  display: inline;
}
.detailView h2 span
{
  padding: 0px;
  margin-left: 3px;
  float: left;
  display: inline;
  width: 500px;
}
.detailView h2 img
{
  margin: 0px;
  border: 0px;
  position: absolute;
  margin-top: -5px;
}
.detailView input.text, select
{
  width: 386px;
}
#loginToPost
{
  text-decoration: none;
  color: black;
  float: right;
  display: inline;
  margin-bottom: 2px;
}
#loginToPost img
{
  border: 0px;
  left: 0px;
}
#loginToPost span
{
  position: relative;
  top: -8px;
  left: -2px;
}
#TMHeading span{
  font-size:1.3em;
  color:#2E3841;
}
#dateHeading span{
  font-size:1.1em;
  color:#2E3841;
}
*/