#coathanger
{
border: 2px #CD0000 solid;
padding: 8px;
height: 200px;
  font-family: arial, verdana, sans-serif;
  font-size: 10px;
}

#details p
{
font-family:arial,verdana,sans-serif;
font-size:11px;
}

#details li
{
font-family:arial,verdana,sans-serif;
font-size:11px;
list-style: none;
LIST-STYLE-POSITION: outside; 
}

#home-menu li a
{
font-family:arial,verdana,sans-serif;
font-size:12px;
font-weight: bold;
color: black;
}

#home-menu li a:hover
{
font-family:arial,verdana,sans-serif;
font-size:12px;
font-weight: bold;
color: #CD0000;
}


#details li a
{
font-family:arial,verdana,sans-serif;
font-size:13px;
font-weight: bold;
color: #000000;
}

#details li a:hover
{
font-family:arial,verdana,sans-serif;
font-size:13px;
font-weight: bold;
color: #CD0000;
}

#details span
{
font-family:arial,verdana,sans-serif;
font-size:11px;

}

#area2
{
border-bottom:solid 2px #CD0000;
padding: 8px;
  font-family: arial, verdana, sans-serif;
  font-size: 10px;
}

#area3
{
border-bottom:solid 2px #CD0000;
padding: 8px;
  font-family: arial, verdana, sans-serif;
  font-size: 10px;
}

#coursedetails
{
padding: 8px;
}
#login_register_container
{
width: 600px;
}

div.content {
    border: #48f solid 0px;
    padding: 0 8px 0 8px;
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
}

div.content p{
font-family: arial, verdana, sans-serif;
font-size: 14px;
}

div.content.inactive {
        display: none;
}

#page1 a
{
}

#page2 a
{
}

#page3 a
{
}

#page4 a
{
}

#page5 a
{
}

#page1 a:hover
{
}

#page2 a:hover
{
}

#page3 a:hover
{
}

#page4 a:hover
{
}

#page5 a:hover
{
}

#page1 a.active
{
background: transparent url(http://www.projectsinknowledge.com/RV/images2/blockdefault.gif) center center repeat-x;
}

#page2 a.active
{
background: transparent url(http://www.projectsinknowledge.com/RV/images2/blockdefault.gif) center center repeat-x;
}

#page3 a.active
{
background: transparent url(http://www.projectsinknowledge.com/RV/images2/blockdefault.gif) center center repeat-x;
}

#page4 a.active
{
background: transparent url(http://www.projectsinknowledge.com/RV/images2/blockdefault.gif) center center repeat-x;
}

#page5 a.active
{
background: transparent url(http://www.projectsinknowledge.com/RV/images2/blockdefault.gif) center center repeat-x;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: bold 11px Arial;
overflow: hidden;
margin-bottom: 1em;
background: #a70303 url(http://www.projectsinknowledge.com/RV/images2/blockactive.gif) center center repeat-x;

}

.solidblockmenu li{
display: inline;
}

.active li {
color: #000000;
background-color: #FFFFFF;
font: bold 11px Arial;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 6px 6px 6px 14px;
text-decoration: none;
border-right: 1px solid white;
font: bold 11px Arial;
min-width:83px;
max-width:83px;
height:26px;
}

.solidblockmenu li a:visited {
color: white;
}

.solidblockmenu li a:hover {
color: #000000;
background-color: rgb(200,200,200);
/* 
background: transparent url(http://www.projectsinknowledge.com/RV/images2/blockhover.gif) center center repeat-x;
*/
font: bold 11px Arial;
}

#demo ul.solidblockmenu li.active a
{
color: #000000;
background: transparent url(http://www.projectsinknowledge.com/RV/images2/blockdefault.gif) center center repeat-x;
font: bold 11px Arial;
}

#tikrightnav, #tikpeerrightnav, #sponsorsrightnav, #page-menu
{
display: none;
}



                                               /* for index.cfm */
#main_body {
  margin: 0px;
  padding: 0px;
}


                                 /* carrousel */
#newandnoteworthy {
  width: 640px;
  height: 18px;
  background-color: #000000; 
}

#newandnoteworthy p {
  color: #FFFFFF;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  padding-left: 15px;
}

#coverflow {
  width: 640px;
  height: 215px;
  background-color: #666666;
}

#coverflow iframe {               
  margin: 0px; 
  margin-left: 2px;   /* because of IE */
  padding: 0px; 
}

                               /* end of carrousel */



/* ---------------------------------------------------------------------------------------------------- */
                               /* coures description and faculty pictures */
/* ---------------------------------------------------------------------------------------------------- */
                /* contained in file ../lib/includes/display_home_page_tabs.cfm  */


#entire {
  border: 1px #CD0000 solid; 
  padding: 0px; 
  margin: 4px 0px 8px 0px; 
}

#demo {
  padding: 0px;
  margin: 0px;
}


                                               /* TAKE A COURSE */



/* there should be no need for styling of the links to the courses since it is done in home.css */
/* the styling beloww refers to the code included in activity_completed.cfm from ./lib/includes/related_links.cfm */

.result {
  position: relative;
  height: auto;
  padding: 4px 0px 0px 0px;                         /* to separate each course from the one above */
  margin: 0px 0px 0px -8px;                         /* must do this to gain alignment */
  overflow: hidden;
  width: 630px;
}


/* there are 2 parts 1) styling of the text on the left and 2) styling of the picture and capition on the bottom */

/* PART 1  - styling of the text on the left */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++  for 0,1,2, 3(2+1) and 4(2+2) pictures */

.box_for_0_1_or_2_pics_text {
  float: left;
  width: 440px;
  padding: 8px 8px 8px 12px;                /* to space the text from the edges */
}

.box_for_0_1_or_2_pics_text li a {          /* title of the course */
  color: #000000;
  font-family: arial,verdana,sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

.box_for_0_1_or_2_pics_text li {            /* description of the course */
  list-style-type: none;
/* this is done in global_Sites.css as <h7> */
}

.box_for_0_1_or_2_pics {
  position: relative;
  height: auto;
  width: 136px;
  padding: 2px;
/*  the line below is for EI6; otherwise margin-left: 488px; */
  margin-left: 480px; 
  margin-top: 4px;                        /* top space pictures from the separtion line */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++ for 3, 4(3+1), 5 and 6 pictures */

.box_for_5_or_6_pics_text {
  float: left;
/*  the line below is for EI6; otherwise width: 400px; */
  width: 392px;
  padding: 8px 8px 8px 12px;             /* to space the text from the edges */
}

.box_for_5_or_6_pics_text li a {          /* title of the course */
  color: #000000;
  font-family: arial,verdana,sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

.box_for_5_or_6_pics_text li {            /* description of the course */
  list-style-type: none;
/* this is done in global_Sites.css as <h7> */
}

.box_for_5_or_6_pics {
  position: relative;
  height: auto;
  width: 200px;
  padding: 2px;
/*  the line below is for EI6; otherwise margin-left: 420px; */
  margin-left: 412px;
  margin-top: 4px;                        /* top space pictures from the separtion line */
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* PART 2  - styling of the pictures and captions on the right */

.pic_and_caption {
  float: left;
  width: 62px;
  height: 105px;              /* in order to keep 5 and 6 pictures alighend in two rows */
  padding: 0px 2px 0px 2px;
}

.pic {
  /* sytling in HTML <img> tag  */
}

.pic_caption {
  width: 56px;
  font-family: arial,verdana,sans-serif;
  font-size: 10px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* and horizontal separation line between courses */

.separator_line_620-dotted {
  float: left;
  width: 620px;
  height: 1px;
  margin-left: 8px;
  border-bottom: 1px dotted #888888;
}



/* ---------------------------------------------------------------------------------------------------- */
                               /* end of coures description and faculty pictures */
/* ---------------------------------------------------------------------------------------------------- */


                                             /* end of index.cfm */