*{ margin:0; padding:0; line-height:1;}
html, body {line-height:2; width:100%; height:auto; font-family: arial, Georgia, sans-serif; margin:0px; font-size:100%; background-color:#333;}
img { border:0; }
a{text-decoration:none;color: blue;text-decoration:none;} 
a:hover {text-decoration:none;color:#F26521; }
h1 { font-size:1em; color: #000; margin: 0px 0px 5px 0px; }
h2 { font-size:.9em; color:#000; margin: 10px 0px 5px 0px; }
h3 { font-size:.8em; color:#000; margin: 10px 0px 5px 0px; }
p { font-size:0.75em;color: #000; margin: 10px 0px 0px 0px; line-height:1.5;}
table {font-size:0.75em;color: #000;}
strong, b {line-height:1.5;}

.thumbimage {float:left; padding-right: 10px; padding-bottom:10px;border:none;}
.mainimage {float:left; padding-right: 10px; padding-bottom:10px;border:none;}
.mainimage1 {float:right; padding-left: 10px; padding-bottom:10px;padding-top:10px;border:none;}
.back {padding:5px;font-weight: bold;background-color:#bfeafb;}
.back1 {float:right;padding:5px;font-weight: bold;border:1px solid #848484;}

#content li {font-size:0.75em; margin-left:20px; line-height:1.5;}

#container {position:relative; margin-right:auto; margin-left:auto; width:950px; background-color:#fff;}

#header {width:950px; height:258px; background-color:#636466;}

#navigation {width:950px; height:28px; background-color:#636466;}
#navigation a {float:left; border-right:solid 2px #DCDDDE;font-size:0.8em; color:#fff; text-decoration:none; padding:8px;}
#navigation a:hover {font-size:0.8em; color:#000; text-decoration:none; background-color:#DCDDDE; padding:8px;}

#content {width:950px; background:url(../../images/div.jpg) top left no-repeat;}

#leftcolumn {width:215px; padding:20px 10px; height:350px; float:left; color: #fff;}
#leftcolumn a {height:70px; width:205px; float:left;padding:10px 0 0 10px;}
#leftcolumn .leftcol-title:hover, #leftcolumn a.link:hover {color: #fff;}
#leftcolumn a:hover{ text-decoration:none;}
#leftcolumn p {padding-left:5px; color: #fff; width:160px;}
#leftcolumn h2 {padding-left:5px; color: #fff; width:160px;}

#column1 li {font-size:0.75em; width:330px; height:40px; background:url(../../images/arrow2.gif) 15px 10px no-repeat; overflow:hidden;}

#column1 li.grey {overflow:hidden; font-size:0.75em; width:330px; height:40px; background:url(../../images/arrow2.gif) 15px 10px no-repeat; background-color:#e6e7e8;}
#column1 li p {padding:4px 0 0 50px; font-weight:bold; font-size:0.9em; color:#636466;}
#column1 ul {list-style-type:none;}

.bulletlist {line-height:18px; float:left; padding:10px 5px; font-size:.8em; background:url(../../images/arrow2.gif) 3px 8px no-repeat; background-color:#fff; width:300px;}
.bulletlist:hover {background:url(../../images/arrow.gif) 3px 8px no-repeat; color:#636466; background-color:#FEF2E4;text-decoration:none;}
.bulletlist {color:#636466; margin:0; font-size:1em; font-weight:bold;padding-left:30px;}

.bulletlistgrey {line-height:18px; float:left; padding:10px 5px; font-size:.8em; background:url(../../images/arrow2.gif) 3px 8px no-repeat; background-color:#e6e7e8; width:300px;}
.bulletlistgrey:hover {background:url(../../images/arrow.gif) 3px 8px no-repeat; background-color:#FEF2E4;color:#636466;text-decoration:none;}
.bulletlistgrey {color:#636466; margin:0; font-size:1em; font-weight:bold;padding-left:30px; }

.link1 {background:url(../../images/link1.jpg); margin-bottom:3px; cursor:pointer;}
.leftcol-title{ font-size:.9em; color:#fff; margin: 10px 0px 5px 0px;font-weight:bold; }
.pone{ font-size:0.7em;font-weight:bold;color: #fff; margin: 10px 0px 0px 0px; line-height:1.5;width:160px;float:left;}
.link2 {background:url(../../images/link2.jpg); margin-bottom:3px; cursor:pointer;}
.link3 {background:url(../../images/link3.jpg); margin-bottom:3px; cursor:pointer;}

.red {color:red;}

.news {height:18px; float:left; padding:5px; border-bottom:2px solid #D0D2D3; font-size:.8em; color:#fff; background:url(../../images/arrow2.gif) 3px 3px no-repeat; background-color:#e6e7e8; width:680px;}
.news:hover {background:url(../../images/arrow.gif) 3px 3px no-repeat; color:#fff;}
.news p {color:#636466; margin:0 0 0 30px; font-size:1em; font-weight:bold;}
h6 {margin:15px 0 0 0; width:685px; padding:8px 0 8px 5px; background-color:#636466; color:#fff; font-size:.9em;}

.indexnews {line-height:18px; float:left; padding:5px; border-top:1px solid #D0D2D3;border-bottom:1px solid #D0D2D3; font-size:.8em; color:#fff; background:url(../../images/arrow2.gif) 3px 3px no-repeat; background-color:#e6e7e8; width:308px;}
.indexnews:hover {background:url(../../images/arrow.gif) 3px 3px no-repeat;color:#636466;text-decoration:none;}
.indexnews {color:#636466; margin:0; font-size:1em; font-weight:bold;padding-left:30px;}

#rightcolumn {width:690px; float:right; margin-top:20px; padding:0 10px;}
#column1 {float:left; width:340px;}

#column2 {float:right; width:340px;}
#column2 h1 {margin:15px 0 0 0; width:340px; padding:8px 0 8px 5px; background-color:#636466; color:#fff; font-size:.9em;}

#links {float:right; width:190px;}

.box {background:url(../../images/modulebg.gif) top left no-repeat; background-color:#E6E7E8; float:left;margin-bottom:10px;padding:2px 10px; width:670px; }
.button {float:right; padding:5px; border:2px solid #D0D2D3; font-size:0.8em; margin-top:5px; color:#fff; background-color:#9D9FA1;}
.button1 {float:right; padding:5px; border:2px solid #D0D2D3; font-size:0.75em; color:#fff; background-color:#9D9FA1;}

.button1:hover, .button:hover {background-color:#F26521; color:#fff;}

#footer {width:950px; height:28px; background-color:#636466; color:#fff; font-size:0.75em;margin-top:20px;}
#footer a {color:#fff; text-decoration:none; padding:8px;}
#footer a:hover { text-decoration:underline;}

/* ************************************************************************* */
/*                         FORMATTING FOR MODULE BOX                         */
/* ************************************************************************* */

#module {width:490px; padding:5px; overflow:hidden; border:1px solid #ccc;}
#module h2 {margin:0; color:#666;}
#module p {width:345px; line-height:1.2;}
#modulebuttons {float:right; width:140px; margin-top:0px;  cursor:pointer;}
#modulebuttons p {width:95px; margin-top:0;  cursor:pointer;}

/* ************************************************************************* */
/*                         FORMATTING FOR COURSE BOX                         */
/* ************************************************************************* */

#course { width:490px; background:url(../../images/modulebg.gif) top left no-repeat; padding:5px; overflow:hidden; background-color:#E6E7E8;}
#course h2 {width:365px; margin:0; color:#666;}
#course p {width:365px; line-height:1.2;}
#coursebuttons {float:right; width:115px; margin-top:10px;  cursor:pointer;}
#coursebuttons p {width:75px;  cursor:pointer; }

/* ************************************************************************* */
/*                  FORMATTING FOR THE ENTRY POINTS PAGE                     */
/* ************************************************************************* */

#entrypoints {float:left; width:490px;}
#entrypoints h1 {color:#F26521;}
.ep {height:18px; float:right; padding:5px; border:2px solid #D0D2D3; font-size:.8em; margin-top:5px; color:#fff; background:url(../../images/arrow2.gif) 3px 3px no-repeat; background-color:#9D9FA1; width:160px;}
.ep1 {height:18px; float:right; padding:5px ; border:2px solid #D0D2D3; font-size:.8em; color:#fff; background:url(../../images/arrow2.gif) 3px 3px no-repeat; background-color:#9D9FA1; width:125px; margin:5px 0px 0px 30px; font-weight:bold;color:#fff; }
.ep1:hover {background:url(../../images/arrow.gif) 3px 3px no-repeat; background-color:#F26521; color:#fff;text-decoration:none;}
.ep:hover {background:url(../../images/arrow.gif) 3px 3px no-repeat; background-color:#F26521; color:#fff;text-decoration:none;}
.ep p {color:#fff; margin:0 0 0 30px; font-size:1em; font-weight:bold;}

/* ************************************************************************* */
/*              FORMATTING FOR THE UNIVERSITY CERTIFICATES PAGE              */
/* ************************************************************************* */

#certificates {float:left; width:490px;}
#certificates h1 {color:#008eaf;}
.uc {height:18px; float:right; padding:5px; border:2px solid #D0D2D3; font-size:.8em; margin-top:5px; color:#fff; background:url(../../images/arrow2.gif) 3px 3px no-repeat; background-color:#9D9FA1; width:160px;}
.uc:hover {background:url(../../images/arrow4.gif) 3px 3px no-repeat; background-color:#008eaf; color:#fff;text-decoration:none;}
.uc p {color:#fff; margin:0 0 0 30px; font-size:1em; font-weight:bold;}

/* ************************************************************************* */
/*                FORMATTING FOR THE ADVANCED STUDY PAGE                     */
/* ************************************************************************* */

#advanced {float:left; width:490px;}
#advanced h1 {color:#a2238e;}
.as {height:18px; float:right; padding:5px; border:2px solid #D0D2D3; font-size:.8em; margin-top:5px; color:#fff; background:url(../../images/arrow2.gif) 3px 3px no-repeat; background-color:#9D9FA1; width:160px;}
.as:hover {background:url(../../images/arrow3.gif) 3px 3px no-repeat; background-color:#a2238e; color:#fff;text-decoration:none;}
.as p {color:#fff; margin:0 0 0 30px; font-size:1em; font-weight:bold;}

/* ************************************************************************* */
/*                      FORMATTING FOR DROP DOWN MENU                        */
/* ************************************************************************* */
#title_for_print{display:none; font-size:24pt; color: #000; margin: 0px 0px 5px 0px;}

.menu2 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px; background-color:#636466;}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
float:left; position:relative; border-right:solid 2px #DCDDDE;
}
.menu2 ul li.group {display:block; text-indent:10px; background-color:#DCDDDE; color:#ff0; width:152px; padding:4px 0;}

.menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; text-decoration:none; color:#fff; padding:0px 8px; line-height:25px; height:30px;
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {background-color:#DCDDDE; color:#000;}

.menu2 ul li:hover a {background-color:#DCDDDE; color:#000;}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:29px; background:#aaa; margin-top:1px; left:0; width:152px;
}

.menu2 ul li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

.menu2 ul li:hover ul.endstop {
left:-90px;
}
.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
display:block; background:#aaa; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:120px; border-bottom:solid 1px #DCDDDE;
}
.menu2 ul li:hover ul li a.drop {
background:#888;
}
.menu2 ul li:hover ul li a:hover {
color:#ff0; background: #888;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #888; color:#ff0;
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#888;
}
.menu2 ul li:hover ul li:hover ul li a {background:#888;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#666; color:#0ff;}



/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#aaa;left:0; marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -90px;
}
.menu2 ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px; border-bottom:solid 1px #DCDDDE;
}
.menu2 ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
color:#ff0; background: #888;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #888; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}


.left {clear:both;}