
body, html
{
	margin: 0; padding: 0;
	line-height: 1.5em; font-size: 87%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.main
{ background: url(images/background1.png) top no-repeat #0066cc; }

.arts_and_sciences
{ background: url(images/arts_and_sciences.png) top no-repeat #0066cc; }

.allied_medical_sciences
{ background: url(images/allied_medical_sciences.png) top no-repeat #0066cc; }

.dentistry
{ background: url(images/dentistry.png) top no-repeat #0066cc; }

.pasko_sa_cdu_2010
{ background: url(images/pasko_sa_cdu_2010_top.jpg) top no-repeat #0066cc; }

.nursing_department
{ background: url(images/nursing_department.png) top no-repeat #0066cc; }

.optometry_department
{ background: url(images/optometry_department.png) top no-repeat #0066cc; }

.pharmacy_department
{ background: url(images/pharmacy_department.png) top no-repeat #0066cc; }

.rehab
{ background: url(images/rehabilitative_sciences.png) top no-repeat #0066cc; }

.graduate_school
{ background: url(images/graduate_school.png) top no-repeat #0066cc; }

.admission_information
{ background: url(images/admission_information.png) top no-repeat #0066cc; }

.find_a_course
{ background: url(images/find_course_top.png) top no-repeat #0066cc; }

.guidance_center
{ background: url(images/guidance_center_top.png) top no-repeat #0066cc; }

.medicine_library
{ background: url(images/med_lib_top.png) top no-repeat #0066cc; }

.main_library
{ background: url(images/main_library/main_library_top.png) top no-repeat #0066cc; }

.research_council
{ background: url(images/research_council/research_council_top.png) top no-repeat #0066cc; }

.sappro
{ background: url(images/sappro/sappro_top.png) top no-repeat #0066cc; }

.other_info
{ background: url(images/other_info_top.png) top no-repeat #0066cc; }

.ms_pharma_2010
{ background: url(images/ms_pharma_2010_top.png) top no-repeat #0066cc; }

.scholarship_programs
{ background: url(images/find_course_top.png) top no-repeat #0066cc; }

.downloads
{ background: url(images/downloads_top.png) top no-repeat #0066cc; }

.college_of_medicine
{ background: url(images/medicine_top_pict.png) top no-repeat #0066cc; }

#video1
{
	/*margin:299px 5px 1em 5px;*/
	padding: 5px 0px 5px 7px;
	float:left;
	width:478px;
	border:1px solid #dadaba;
	margin-bottom: 25px;
}

#video2
{
	/*margin:299px 5px 1em 5px;*/
	padding: 5px 0px 5px 7px;
	float:left;
	width:478px;
	border:1px solid #dadaba;
	margin-bottom: 25px;
}

#video3
{
	/*margin:299px 5px 1em 5px;*/
	padding: 5px 0px 5px 7px;
	float:left;
	width:478px;
	border:1px solid #dadaba;
	margin-bottom: 25px;
}


/*----------------------------------------*/
#upper_nav
{   clear: both;
    width:850px;
    height:200px;
    background: url(images/_p2.png) left bottom no-repeat;
    font-size: smaller;
    font-weight: bold;
}

#upper_nav a
{   text-decoration: none;
    color: black;
}

#upper_nav a:hover
{   text-decoration: underline; }

#upper_nav img
{   padding: 80px 0 0 5px; }

/*----------------------------------------*/

#upper_column_wide
{   width: 950px; 
    margin: 0 auto 0 auto; 
}
/*----------------------------------------*/

#column_middle 
{
      background: url(images/lower_shadow.png) top repeat-x #0066cc;



}
/*----------------------------------------*/

#column_middle_inner
{   clear: right;
    padding: 0 0 30px 0;
    width: 980px;
	height: 900px;
	margin: 0 auto 0 auto;
	color: #FFFFFF;


    background-image: url('images/bg_main.png');
    background-repeat: no-repeat;
    background-position: 1px 150px;
    /*border: 1px solid white;*/
}

/*----------------------------------------*/
 
.column_middle_left
{   width: 18%;
    float: left;
    padding-right: 10px;

   /* border: 1px solid yellow;*/
}

.column_middle_left h2
{   color: #fff;
    text-align:left;
    margin-left:0;
    width: 100%;
    font-size: 13.5pt;
}
.column_middle_left a
{   width: 18%;
    text-decoration: none;
	color: #fff;
    padding: 0 10px 0 3px;;
}

.column_middle_left a:hover
{  /* width: 18%;
    background: #ccc;
    color: black;*/
    text-decoration: underline;

}

/*----------------------------------------*/

.column_middle_center
{   width: 18%;
    height: 100%;
	float: left;
	padding-right: 10px;
    /*border: 1px solid silver;*/
}

.column-middle-center-acad-calendar
{   
    /*border: 1px solid silver;*/
}

.column-middle-center-alpha-list
{   
}



.column_middle_center h2
{   color: #fff; }

.column_middle_center p
{   font-size: 11px;
    line-height: 14px;
}

/*.column_middle_center a
{   text-decoration: none;
    width: 20%;
	color: #fff
}

.column_middle_center a:hover
{   background: silver;
    color: black;
}
*/

.gallery01 a
{   text-decoration: none;
    width: 20%;
	color: #fff
}

.gallery01 a:hover
{   background: silver;
    color: black;
}


/*----------------------------------------*/

.column-middle-right-academic-calendar
{ 
  margin-top:20px;  
  width: 80%; float: left;
  color: white;
  /*border: 1px solid black;*/
}

.column-middle-right-alpha-list
{ 
  margin-top:20px;  
  width: 70%; 
  float: left;
  margin-left:60px;
  color: white;
  /*border: 1px solid black;*/
}

.column_middle_right
{ width: 50%; float: left;
  color: white;
  /*border: 1px solid black;*/
}

.column_middle_right a
{   text-decoration: none;
    width: 20%;
	color: #fff
}

.column_middle_right a:hover
{   /*background: silver;
    color: black;*/
    text-decoration: underline;
}

.column_middle_right ul
{  	list-style: square inside;
    padding-left: 15px;
    text-indent: -1em;
}

.column_middle_right ol
{   padding-left: 20px; }


/*----------------------------------------*/

#footer
{   clear: both; 
    color: #FFFFFF;
	padding: 5px 0 1px 0; 
	margin: 0 auto;  
	background: #336699; 
    background: url(images/footer-cdu2.jpg) top center repeat;

	/*text-align: center;*/
}

#footer p
{   margin: 0; 
    font-size: .75em;
}

#footer-in
{
    margin:0 auto;
    width:1000px;
    height:330px;
    color:white;
    padding:0;
    background: url(images/footer-cdu.jpg) top center no-repeat;
}

#footer-in .col1{width:24%;left:20px;padding:100px 0px 1em 0px;overflow:hidden;float:left;position:relative;}
#footer-in .col2{width:16%;left:25px;padding:100px 0px 1em 0px;overflow:hidden;float:left;position:relative;}
#footer-in .col3{width:18%;left:45px;padding:100px 0px 1em 0px;overflow:hidden;float:left;position:relative;}
#footer-in .col4{width:16%;left:50px;padding:100px 0px 1em 0px;overflow:hidden;float:left;position:relative;}
#footer-in .col5{width:20%;left:50px;padding:100px 0px 1em 0px;overflow:hidden;float:left;position:relative;}

#footer-in img
{
    padding:3px 3px;
    border:1px solid gray;
}

#footer-in ul
{
    list-style:none;
    margin-left:-38px;
}

#footer-in li a
{
    text-decoration:none;
    border-bottom : 1px dotted silver; 
    color:white;
}

#footer-in li a:hover
{
    text-decoration:underline;
    border-bottom:0; 
}


/*------------------------ css image hover -------------------------*/
.thumbnail img
{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover
{
background-color: transparent;
}

.thumbnail:hover img
{
border: 1px solid #ccc;
}

.thumbnail span
{ /*CSS for enlarged image*/
position: absolute;
/*left: px;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span
{ /*CSS for enlarged image*/
visibility: visible;
top: 316px;
left: 387px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*----------------------------------------*/

#footer
{   clear: both; 
    color: #FFFFFF;
	padding: 5px 0 1px 0; 
	margin: 0 auto;  
	background: #336699; 
    background: url(images/footer-cdu2.jpg) top center repeat;

	/*text-align: center;*/
}

#footer p
{   margin: 0; 
    font-size: .75em;
}

#footer-in
{
    margin:0 auto;
    width:1000px;
    height:330px;
    color:white;
    padding:0;
    background: url(images/footer-cdu.jpg) top center no-repeat;
}

#footer-in .col1{width:24%;left:20px;padding:100px 0px 1em 0px;overflow:hidden;float:left;position:relative;}
#footer-in .col2{width:16%;left:25px;padding:100px 0px 1em 0px;overflow:hidden;float:left;position:relative;}
#footer-in .col3{width:18%;left:45px;padding:100px 0px 1em 0px;overflow:hidden;float:left;position:relative;}
#footer-in .col4{width:16%;left:50px;padding:100px 0px 1em 0px;overflow:hidden;float:left;position:relative;}
#footer-in .col5{width:20%;left:50px;padding:100px 0px 1em 0px;overflow:hidden;float:left;position:relative;}

#footer-in img
{
    padding:3px 3px;
    border:1px solid gray;
}

#footer-in ul
{
    list-style:none;
    margin-left:-38px;
}

#footer-in li a
{
    text-decoration:none;
    border-bottom : 1px dotted silver; 
    color:white;
}

#footer-in li a:hover
{
    text-decoration:underline;
    border-bottom:0; 
}

/*----------------------------------*/
.column-middle-right-alpha-list li a
{
    text-decoration:none;
    color:#fff;
}

.column-middle-right-alpha-list li a:hover
{
    text-decoration:underline;
}



