DIV#wholepage {
	width: 100%;
/*	margin-left: auto;
	margin-right:auto;  */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;	
	font-size: 90%;
	left:0px; 
	top:0px;  	
	visibility: visible;
}
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;

	background-image:url(../images/iBookedITNavColourGrad200.png);        
        /* background-color:white; */
	color: #000000;
	text-decoration: none;
}

A		{color:#9900CC; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif}
A:link		{color:#9900CC; text-decoration:none}
A:visited	{color:#9900CC; text-decoration:none}
A:hover		{color:#9900CC; text-decoration:none}
A:active	{color:#9900CC; text-decoration:underline}

.title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
}

DIV#banner {
	width: 100%; 
	height: 150px;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	background-image:url(../images/iBookedITTopFrame.png); 
	background-repeat:no-repeat;         

        background-color:gray; */
}

.crowdAbsolute {
    position:absolute;
    right:60px;
    top:20px;
}

.straplineAbsolute {
    position:absolute;
    left:200px;
    top:20px;
}

.topFrameAbsolute {
    position:absolute;
    left:0px;
    top:0px;
}

.borderTopLeftAbsolute {
    position:absolute;
    left:0px;
    top:0px;
}

.borderTopRightAbsolute {
    position:absolute;
    right:0px;
    top:0px;
}

.borderBottomLeftAbsolute {
    position:absolute;
    left:0px;
    top:135px;
}

.fullLogoAbsolute {
    position:absolute;
    left:20px;
    top:20px;
}

.floatLeft {
    float:left;
}

.floatRight {
    float:right;
    
}

.floatClear {
    float:none;
    
}

.imageClass {
    padding: 5px 10px 5px 10px;
}

DIV#navigation {
	width: 180px; 
	height: 100%;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
        float:left;
/* 
        background-color:gray; 
  */
}

.navButton {
    width: 153px;
    height: 54px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    background-image: url("../images/iBookedITNavButton.gif");
    background-position: 50% 50% ;
    background-repeat: no-repeat;
/*    
    background-color: blue;
*/    
}

.navStyle a:link, .navStyle a:visited {
    font: bold 12px;
    color: black;
/*    padding: 1.0em;
    margin: 1.0em; */
    width: 153px;
    height: 54px;
    margin: 0px 0px 0px 0px;
    padding: 16px 0px 0px 0px;
    display: block;
    text-decoration: none;
    text-align: center;
/*    background-image: url("../images/iBookedITNavButton.gif");
    background-position: 50% 50% ;
    background-repeat: no-repeat;
    background-color: blue; */
   
}

.navStyle A:hover {
    color: purple;    
}

.navSpacer {
    height:10px;
    display: block;
/*    
    background-color: green;
*/    
}

.menucell  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 200px;
	width: 200px;
	text-align: center;
}

.menucell UL {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.menucell LI {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
.menucell A {
	display: block;
	background-color: #FFFFFF;
	width: 189px;
	font-size:14px;	
	line-height:18px;
	padding: 10px 10px 10px 10px;
	color: #9900CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.menucell A:visited  {
	color: #9900CC;
}
.menucell A:link  {
	color: #9900CC;
}
.menucell A:active  {
	color: yellow;
	text-decoration: none;
}
.menucell A:hover  {
	background-color:#FFFFFF;
	color: white;
	cursor: default;
}

DIV#content {
	padding: 5px 5px 0px 5px;
	margin: 0px 0px 0px 185px;
/*	width: 100%;    */
        background-color: white;
      
}

DIV#footer {
	width: 100%;
        font-size:75%;
	height: 37px;
	margin: 0px 0px 0px 0px;
        padding: 0px, 0px, 0px, 0px;
	background-image:url(../images/iBookedITFooterColourGrad1440.png); 
	background-repeat:no-repeat; 
/*        
        background-color:red;
      */  
}

.noPaddingTop {
    padding-top: 0px;
}

.noPaddingBottom {
    padding-bottom: 0px;
}

/* Struts definitions */

.errormessage {
    font-size:110%;
    color:red;
}

/* VSL Layout definitions */

.vsliBookedIT {
    
    display:inline;
    color:#9900CC;
    font-weight:bold;
    
}

.vslFormFieldWrapper {
/*    clear:both;   */
    padding-bottom:0px;
}

.vslFormFieldTitle {
    text-align:right;
    padding-right:10px;
    width:10em;
    display:inline-block;
}

.vslFormFieldData {
    padding-left:10px;
    padding-right:10px;
    padding-top:0px;
    padding-bottom:10px;
    display:inline-block;    
}

.vslFormFieldLabel {
    display:inline-block;
}

.vslListFieldTitle {
    
    float:left;    
    font-weight:bold;
    width:10em;
}

.vslListFieldData {
    
    margin-left:10em;
    padding-left:10px;
}

.vslFAQQuestion {
    color: #9900CC;
    padding-top:0px;
    margin-top:0px;
}

.vslFAQAnswer {
    color: black;
}

strong {
    padding-top:0px;
    padding-bottom:0px;
   
}
