body{ font-size:80%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:center; background:#fff}
img {border:0;}
a {color:#3d4fd9;}
a:hover {background-color:#3d4fd9; color:#fff;}
h1 {font-size:1.5em;}
h2 {font-size:1.2em; color:#3779B6;}
hr {color:#94bee5; height:2px; border:0;  background-color:#94bee5}
.text-right {text-align:right;}

/*content, layout etc */#psycomp {width:64em; text-align:left; margin:auto;}
#nav-ul {margin:0; padding:0; float:left; clear:both; margin-bottom:0.5em; width:64em;}
#nav-ul li {list-style:none; margin:0; padding:0; float:left; /*width:17.75%;width:12.4em;*/ width:10.25em; margin-right:0.5em; overflow:hidden}
#nav-ul li a {background:#f37021; display:block; border-top:2px solid #fff;  float:left;  text-align:center; padding:0.5em; color:#fff; width:9em; }
#nav-ul li.no-margin {margin:0; }
#nav-ul li a:hover {background:#ffac5b; border-top:2px solid #f37021;}
#nav-last {margin:0;}
#foot {background:#f37021; color:#fff; float:left; clear:both; margin-top:2em; width:100%; text-align:center; padding:0.5em 0; font-size:0.85em; border-bottom:10px solid #fff; }
/*index */
#index {background:url(../img/index-bg.gif) no-repeat top left; width:64em;  float:left;clear:both}
#index #left {width:30em; float:left; font-size:0.9em; margin:20em 0 0 1em; }
#index #left ul,#index #left ul li{ margin:0.5em;;padding:0; }
#index #right {width:34em; float:right;  margin-right:1.25em;}
#index #right #quote {width:100%; float:left; clear:both; margin:0.5em; height:4.9em;text-align:right;   }
#index #right #quote em {font-size:1.1em; line-height:1.5em; text-align:right }
#index #right #quote p {text-align:right; margin:0;padding:0;}
#index #homepage-img {float:left; clear:both; margin-bottom:1em;  height:220px; min-height:220px; width:437px; overflow:hidden; border:2px solid #3779B6}
#index #homepage-img-tag {position:relative; top:-2.5em; background: #000; color:#fff; text-align:center; left:25em; padding:0.3em; width:14em; font-size:0.85em;}

#logo { background:none}
#logo img {margin: 10px;}
/*panel */
.panel {width:100%; margin-bottom:0.5em; float:left; clear:both; }
.panel .head {display:block; width:100%; float:left;clear:both;}
.panel .head a {float:right; color:#FFFFFF; width:5em; padding-top:0.3em; }
.panel .head h2 {display:block; float:left; width:15em; /*width:80%; */ color:#fff; margin:0; padding:0.25em; font-size:1.1em;}
.panel form {float:left; clear:both; padding:0.5em; margin:0;}
.panel ul {margin:0;padding:0; font-size:0.85em;}
.panel ul li {list-style:none; float:left; clear:both;width:100%; padding:0.5em 0; margin-bottom:0.25em; }
.panel ul li div {width:40%; float:left; margin-left:0.25em; }
.panel ul li em { float:left; width:18%; }
.panel ul li span { float:left; width:40%; }
.panel ul li.no-border{border:0;}
/*panel modifiers*/
.blue {border:2px solid #3779b6;}
.blue ul li{border-bottom:1px solid #3779b6;}
.blue .head {background: #3779b6;}
.orange { border:2px solid #f37021; }
.orange ul li { border-bottom:1px solid #f37021; }
.orange .head{ background: #f37021; }
/*form stuff */
.txt-input {border:2px solid #3779b6; color:#666666; width:12.5em;}
.submit {background: #56de0b; border:2px solid #3ea008; color:#fff; font-weight:bold;}
.submit-delete {background: #CC0000 ; border:2px solid #FF3300; color:#fff; font-weight:bold;}

/*content */
#subnav {background:#94bee5; width:64em; color:#fff; float:left; clear:both; margin-bottom:0.5em;}
#subnav p {float:left; clear:both; width:62em; margin:0.5em;}
#subnav a {color:#fff; }
#content { width:64em;  float:left;clear:both}
#content #left {width:53.5em; float:left; font-size:0.9em; /* margin:0 0 0 1em; */ }
#content #left ul,#content #left ul li{ margin:0.5em;;padding:0; }
#content #right {width:14em; float:right;  margin-right:0.25em;}
/*tables */
#content # table td {padding:0.3em;}
#content  table thead td {background: #3779b6; color:#fff; font-weight:bold; }
#content  table tbody tr.odd {background: #e1e1e1;}
#content #right .panel ul li div {width:95%; float:left; margin-left:0.25em; }

#content #right .panel ul li a {font-weight:normal; }

#content #right .panel ul li em, #content #right .panel ul li span { display:none }
#content #right .txt-input {border:2px solid #3779b6; color:#666666; width:12em; margin:0.5em 0;}
#back-to-top{float:right;}
/*admin */
/*tables */
#admin #content table td {padding:0.3em; vertical-align:top;font-size:0.95em; border-collapse:collapse; border:0;}
#admin #content  table thead td {background: #3779b6; color:#fff; font-weight:bold; }
#admin #content  table tbody tr.odd td{border-top:2px solid #cccccc;border-bottom:2px solid #cccccc; background:#f5f5f5; border-collapse:collapse}
#admin #content table td div.content { height:17em; min-height:17em; overflow:auto }

.success {border:2px solid #3ea008; padding:15px; margin:20px 0;}
.success strong { color:#3ea008;}
.error{border:2px solid #FF3300; padding:15px; margin:20px 0;}
.error strong { color:#FF3300}

#admin label {width:10em; float:left; margin-right:1em;}
#admin form {clear:both; float:left; width:64em; border-top:2px solid #94BEE5; border-bottom:2px solid #94BEE5; padding:0.5em 0; margin:0.5em 0; }
#admin form input {width:60em; float:left; margin-top:0.5em; }
#admin form textarea {width:61em; float:left; margin-top:0.5em; }
#admin form br {float:left;clear:both; }
#admin form input.submit, #admin form input.submit-delete{width:auto; font-size:1em;}
#admin form input.submit {margin-left:11em;}

#htmlguide {border:1px dotted #e1e1e1;  }
#htmlguide .content{padding:15px; }
#htmlguide .open {color:#3ea008}
#htmlguide .close {color:#FF3300}

#htmlguide h2 {font-size:1em; padding-top:10px; border-top:2px solid #ccc}
#admin #close-htmlguide {float:right; border:1px solid  #FF3300; padding:3px;}
#admin #close-htmlguide:hover {background: #FF3300; color:#fff;}


#resources-tbl, #courses-tbl {width:100%; }

#foot a {color:#fff; text-decoration:none;}
#foot a:hover {background:none; text-decoration:underline;}


#ad-content ul {margin-left:20px;}
#ad-content hr {margin:15px 0;}
#ad-content h2,#ad-content h3{margin-bottom:0px; margin-top:5px; font-weight:normal;text-transform:uppercase;}
#ad-content h2 { font-weight:bold; }
#content #left #ad-content ul  {margin-bottom:0px;}

#content #left #ad-content ul li p {margin:5px 0;}

#content #left #ad-content ul li {list-style-type:none; margin-left:0px; margin-bottom:0px;}

#content #left #ad-content ul li ul li {list-style-type:square; margin-left:30px;}

#content #left #ad-content ul li ul li ul li {list-style-type:circle; margin-left:30px;}
/*#ad-content .show, #ad-content .hide {float:left;} */