/* basic elements */
#banner {
background: transparent url(/site_media/images/tcprbanner.gif) no-repeat top left;
width: 750px;
height: 120px;
}
body {
font: 14px/16px palatino, georgia, serif;
color: maroon;
background: #a46770;
margin: 0px;
}
p {
font: 14px/16px palatino, georgia, serif;
text-align: justify;

margin-top: 0;
}
h3 {
font: bold 14px palatino, georgia, serif;
margin-bottom: 0;
}
a:link { 
font-weight: bold; 
text-decoration: underline; 
color: #e2aab6;
}
a:visited {
font-weight: bold;
text-decoration: underline;
color: #d998a4;
}
a:active, a:hover {
text-decoration: underline;
color: #fff;
}
/* specific divs */
#container {
background: #ad7d87;
text-align: left;
width: 750px; 
margin: 0px auto;
position: relative;
color: #fff;
} 
#supportingText {
position: relative;
padding: 0px 40px 0px 0;
clear:right;
float:right;
width:410px;
}
#picturepanel { 
width: 750px; 
margin: 0px auto; 
position: relative; 
}
#picturepanel .p1 {
background: transparent url(/site_media/images/panel1.jpg) no-repeat center;
float: left;
width: 200px;
height: 263px;
margin-left: 52px;
margin-right: 22px;
border-style: ridge;
border-color: maroon;
}
#picturepanel .p2 {
background: transparent url(/site_media/images/panel2.jpg) no-repeat ;
float: left;
width: 159px; 
height: 263px;
margin-left: 22px;
margin-right: 22px;
border-style: ridge;
border-color: maroon;
}

#picturepanel .p3 {
background: transparent url(/site_media/images/panel3.jpg) no-repeat ;
float: left;
width: 186px;
height: 263px;
margin-left: 22px;
margin-right: 22px;
border-style: ridge;
border-color: maroon;

}

#preamble { 
/*position: relative; top: -120px; */
padding: 0px 0px 70px 33px; 
margin: 0px 0 20px 0px; 
width: 210px;
float: left;
}
#preamble h2 { 
font: bold 14px palatino, georgia, serif; 
margin-top: 0px;
padding: 0px;
}
#preamble p {
font: italic 14px/20px palatino, georgia, serif;
}

#footer {
margin: 1em 3em 1em 3em;
padding: 1em 1em 1em 1em;
border-top: solid thin maroon;
font: bold 12px palatino, georgia, serif; 
text-align: center;
clear: both;
}
#footer a {
font-weight: normal;
text-decoration: none;
margin-right: 10px;
border: solid 1px #859BAA;
padding: 6px;
}
#footer a:hover {
color: #7E868D;
background-color: #fff;
border-right: solid 1px #6F818D;
border-bottom: solid 1px #6F818D;
}

#lselect {
position: absolute;
top: 65px;
left: -10px;
padding-left: 400px;
margin: 0px auto;
width: 380px;
}
#lselect h3 {
font: bold 11px palatino, georgia;
letter-spacing: -1px;
}
#lselect li {
font: 12px/14px Helvetica, sanserif;
letter-spacing: -1px;
color: #758C9B;
}
#lselect li a:link, #lselect li a:visited {
font-weight: bold;
color: #fff;
text-decoration: none;
}
#lselect li a:hover {
color: #D1E9FC;
text-decoration: underline;
}

#lresources, #larchives, #lfavorites {
padding: 0px 40px 0px 266px;
clear: both;
/*position: relative; top: -20px;*/
}

#navlist {
padding: 0 1px 1px;
margin-left: 0;
font: small-caps bold 12px Verdana, sans-serif;
}

#navlist li {
list-style: none;
margin: 0;
border-top: 1px solid gray;
display: inline;
}

#navlist li a {
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#navlist li a:link { color: maroon; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
border-color: maroon;
color: #fff;
background: #ccd;
}
#class_info {
display:block;
color:maroon;
font: 12px arial,helvetica,sanserif;
}
#course_list {margin:1em;}
#fee {margin:1em;}
#class_list {margin:1em;
font: bold 14px palatino, georgia, serif;
color:white;}
#course_title {
font: bold 14px palatino, georgia,serif;
color: maroon;
}
#date {
font: normal 14px arial,helvetica, sanserif;
color:maroon;
}
#time {
font: normal 14px arial,helvetica, sanserif;
color:maroon;
}
#duration {
font: normal 14px arial,helvetica, sanserif;
color:maroon;
}
#course_includes {
margin: 1em;
width:200px;
font: normal 13px arial,helvetica, sanserif;
display: block;
}

#schedule, #mylist
{
font: 14px/16px palatino, georgia, serif;
margin:1em;
text-align: left;
border-collapse: collapse;
background:white;
width: 720px; 
border-top: medium solid maroon;
}
#schedule, #mylist caption {
font: normal 24px arial,helvetica, sanserif;
color: maroon;
background:white;
text-align: left;
}
#schedule, #mylist  th
{
font-size: 14px;
font-weight: bold;
padding: 10px 8px;
color: maroon;
}
#schedule, #mylist td
{
padding: 8px;
color: maroon ;
}
#schedule, #mylist .odd
{
font-weight: normal;
background: #cd9da7; 
color: #ad7d87; 
}
#schedule, #mylist .even 
{
background: white;
}
#mylist .ACLS {background:#cd9da7; color:#ad7d87;}
#mylist .ECG  {background:#cd9da7; color:#ad7d87;border-top: solid thin maroon;border-bottom: solid thin maroon;}
#mylist .PALS  {background:#cd9da7; color:#ad7d87;border-top:solid thin maroon;border-bottom: solid thin maroon;}

input.btn { 
	  color:white; 
	  font: helvetica,sans-serif; 
          font-variant: small-caps; 
	  background-color:#ad7d87; 
	  border: 1px solid; 
	  border-color: maroon; 
	  filter:progid:DXImageTransform.Microsoft.Gradient 
	  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); 
	cursor:pointer;
	cursor:hand;
	} 
fieldset, fieldset.collapsible {
        padding: 10px;
        border: none;
        margin-bottom: 0px;
}
fieldset, fieldset.collapsed {
        margin-bottom: 0;
        margin-left: 0px;
}
legend {
    cursor:pointer;
    cursor:hand;
    padding: 0px 12px 0px 2px;
    font-size: small; 
    font-variant: small-caps; 
    border: 1px solid #aaa;
    text-decoration:underline;
}
legend.collapsible {
    color:white;
    background-color:maroon;
	cursor:hand;
}
legend.collapsibleClosed {
    color:maroon;
    background-color:white;
	cursor:hand;
}
legend.collapsed {
    color:maroon;
    background-color:white;
	cursor:hand;

}