/*#################################################################
#####      THIS FILE AND ITS CONTENTS ARE THE PROPERTY OF     #####
#####      OFFSIGHT IT SERVICES LTD.  NO ATTEMPT MUST BE      #####
#####      MADE TO COPY ITS CONTENTS OR USE ELSEWHERE         #####
#####      WITHOUT PERMISSION FROM OFFSIGHT IT SERVICES LTD   #####
#####                                                         #####
###################################################################
#####                                                         #####
#####               WRITTEN 28/05/2009                        #####
#####                                                         #####
#################################################################*/

body
{margin: 0px 0px 0px 0px; background-color: #c3dda2; font-family: Tahoma; font-size: 10pt; color: #405623}

a
{color:#ec317e}

h1
{font-family: Times New Roman; font-size: 20pt; color: #74885b; margin: 0px 0px 0px 0px}

h2
{font-family: Tahoma; font-size: 14pt; color: #ec317e; margin: 0px 0px 0px 0px}

.adminMainLink
{font-family: Times New Roman; font-size: 16pt; color: #ec317e;}

.courseAddTitle
{Font-weight: bold}

.courseAddTable
{width:100%; height: auto; line-height: 30px}

.courseDisplayTable
{width: 100%}

.courseGrid
{width: 100%;}



.courseTitle
{font-weight: bold; color: #ec317e; padding: 0px 0px 5px 0px}

.courseTitlePublic
{font-weight: bold; font-size: 11pt; color: #ec317e; padding: 0px 0px 10px 0px}

.courseItems
{color:#74885b}


/*TITLE BOX*/
.titleContainer
{width: 500px; height: 119px; background-image: url(images/layout_04.jpg); margin: 20px 0px 0px 0px}

.titlePurple
{font-family: Times New Roman; font-size: 45pt; color: #ec2f7f; float: left; padding: 10px 10px 0px 140px}

.titleGreen
{font-family: Times New Roman; font-size: 45pt; color: #b0d383; float: left; padding: 10px 0px 0px 0px}

.titleTag
{font-family: Times New Roman; font-size: 17pt; color: #000; float: left; padding: 0px 0px 0px 130px}
/*TITLE BOX*/



.homePageCourse
{width: 49%; height: auto; float: left; display: inline-block; margin: 0px 0px 10px 0px}

.homePageCourse a
{color:#ec317e}

.picBorder
{margin: 0px 10px 0px 0px}

.photoPanel
{z-index:2}

.container
{width: 1000px; height: auto; display: inline-block;}

.mainGraphic
{width: 486px; height: 868px; float: left}
 
.main
{width: 500px; height: auto; display: inline-block; float: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px;
 background-image: url(images/layout_03.jpg)}
 
.menu
{width: 495px; height: 37px; background-image: url(images/menu.gif); font-family: Times New Roman ;
 font-size: 16pt; color: #fff;}
 
.menu2
{width: 495px; height: 37px; background-image: url(images/menu2.gif); font-family: Times New Roman ;
 font-size: 16pt; color: #fff; margin: 10px 0px 0px 0px}

.menu a
{color: #fff; text-decoration: none}

.menuText
{width: auto; height: auto; margin: 6px 0px 0px 10px; float: left}

.menu2 a
{color: #fff; text-decoration: none}

.footer
{width: 495px; height: 23px; background-image: url(images/footerBg.gif); font-family: Times New Roman ;
 font-size: 10pt; color: #fff; text-align: center; padding: 10px 0px 0px 0px; display: inline-block;}

.footer a
{color: #fff;}


.modalBackground { background-color : #999999; filter: alpha(opacity=70); opacity:0.7;}