/*****************Basic Generic Selectors */


/*****************body white background*/



body {

color:#333399;

font-family: Verdana, Arial, Helvetica, sans-serif; 

background-color: #FFFFFF;

}



/*****************paragraph standard*/




p {

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: normal; 

font-weight: normal; 

font-size: 80%;

width: 95%;




}


/****************ordinary lists*/


li 

{

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: normal; 

font-weight: normal; 

font-size: 75%;

list-style-type: none;

line-height: 150%;

margin: 0;

padding: 0;

clear: both;



}


ul

{

list-style-type: none;

padding: 0;

margin: 0;

}

/****blockquotes****/


blockquote {

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: italic; 

font-weight: normal; 

font-size: 80%;

margin: 1em 3em;

color: #686868;

border-left: 2px solid #999;

padding-left: 1em; 

}


blockquote.odd {

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: italic; 

font-weight: normal; 

font-size: 80%;

margin: 1em 3em;

color: #686868;

background-color: #F0F0F0;

border-left: 2px solid #999;

padding-left: 1em; 

}



/***********headings*/



h1  {

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: normal; 

font-size: 120%; 

font-weight: bold; 

color: #9900CC;

}


h2 {

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 150%;

font-weight: bold;

color: #333399;

border-bottom: 1px solid #333399;

}

h3  {

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: normal; 

font-size: 200%;

font-weight: bold; 

color: #9900CC;

padding-bottom: 2px;

letter-spacing: 6px

}


h4 {

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: normal; 

font-size: 80%; 

font-weight: bold; 

color: #9900CC;

padding-bottom: 5px;

border-bottom-width: 0.5px;

border-bottom-style: solid;

border-bottom-color: #CC00CC;


}


h5  {

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: normal; 

font-size: 150%;

font-weight: bold; 

color: #9900CC;

padding-bottom: 5px;

letter-spacing: 2px

}



/*******************CLASSES***/

/*******************para small as used in the navigation bar*/


p.small {

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: normal; 

font-weight: normal; 

font-size: 65%;

clear: both;



}

p.smalltitle {

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: normal; 

font-weight: bold; 

font-size: 75%;

color: #9900CC;



}

p.italic {

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: italic; 

font-weight: lighter; 

font-size: 75%;

color: #909090 ;

}



/********************list classes*/

/***************unnumbered list with square buttons as used in terms**/

ul.buttons

{

list-style-type: square;

padding: 0;

margin: 0;

}

li.buttons 

{

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: normal; 

font-weight: normal; 

font-size: 80%;

width: 80%;

list-style-type: square;

line-height: 120%;

margin: 5px;

padding: 0;

clear: both;



}





/****horizontal rules***/

hr.nav {

width: 75%;
color:#009900;
background-color:#009900;
height:1px;
border:none;
float:left;
text-align:left;




}

/************para links bar*/

p.links {


font-family: Verdana, Arial, Helvetica, sans-serif; 

font-style: normal;

font-weight: normal; 

font-size: 65%;

}


/*********** position images**/


p.image-lefttop {

float: left; 
vertical-align: text-top;
}

p.image-righttop {

float: right; 
vertical-align: text-top;

}

p.image-leftbottom {

float: left; 
vertical-align: text-bottom;

}


p.image-rightbottom {

float: right; 
vertical-align: text-bottom;

}

/*****wrap containers***/

div.wrapleft {

float: left;

}

div.wrapright {

float: right;

}






 

/**************** Pseudo classes ****************/

/*******basic link***/

a:link { color: #0066FF; text-decoration: none; font-weight: normal;}

a:visited {color: #0066FF; text-decoration: none; font-weight: normal;}

a:hover {color: #3300CC; font-weight: normal; text-decoration: none;}

a:active {color: rgb(255, 0, 102);font-weight: normal; text-decoration: none;}


/***************heading caption links like in centre of index page**/


h1.caption a:link { color: #0066FF; text-decoration: none; font-weight: normal;}

h1.caption a:visited { color: #0066FF; text-decoration: none; font-weight: normal;}

h1.caption a:hover { color: #3300CC; font-weight: strong; text-decoration: none;}

h1 a:active { color: rgb(255, 0, 102); font-weight: normal;}


/*****************image links**/


img a:link {text-decoration: none;}

img a:visited { text-decoration: none;}

img a:hover {text-decoration: none;}

img a:active { text-decoration: none; }



/***************list links like in nav bar**/


li a:link { color: #0066FF; text-decoration: none; font-weight: normal; border-top: 0;border-left: 0;border-right: 0;}

li a:visited {color: #0066FF; text-decoration: none; font-weight: normal;border-top: 0;border-left: 0;border-right: 0;}

li a:hover { color: #3300CC; font-weight: normal; background-color: #DCE3F5; display: block; width="95%"; border-top: 0;border-left: 0;border-right: 0;}

li a:active { color: rgb(255, 0, 102); text-decoration: none; font-weight: normal; border-top: 0;border-left: 0;border-right: 0;}


/****/

/************************* ID's *************************/

/************************* ID's for positioning*************************/

#navigation {

position: absolute;

z-index: 10;

width: 25%;

height: 300%;

margin-top: 45px;

border-right: 1px solid #990099;

font-weight: normal;

}

#search {

position: absolute;

z-index: 10;

width: 10%;

height: 1200px;

margin-top: 45px;

border-right: 1px solid #990099;

font-weight: normal;

}



#centerDoc {

position: absolute;

margin-top: 45px;

margin-left: 27%;

padding: 0px 10px 0px 20px; /*top right bottom left*/

height: 1200px;


}

#centersearch{

position: absolute;

margin-top: 50px;

margin-left: 15%;

padding: 10px 10px 10px 10px; /*top right bottom left*/

height: 1200px;


}


#centerleft {

z-index: 20;

position: absolute;

width: 230px;

padding: 10px 10px 10px 10px; /*top right bottom left*/


border: 1px solid;

}


#centerright {

z-index: 25;

position: absolute;

width: 250px;

padding: 10px 10px 10px 260px;


border: 1px solid;

}


#footer {


position: absolute;

top: 1000px;

padding: 10px 10px 10px 10px;

border: 1px solid;
}




/************************* ID's for positioning logo and lines at the top*************************/


#header  {

float;left;

margin-top: 15px;

right: 0;

}



#line1    {
position: absolute;

top:0;
margin-top: 0px;
width: 100%;

}



#line2    {
position: absolute;
z-index: -1;
width: 100%;

}











/*********************************styles********************************/


/**buybutton**/

.cssbutton{
background-color: white;
border: 2px #0066FF outset;
padding: 1px 4px;
color: #0066FF;
text-decoration: none;
font: bold 90% Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: #0066FF;
}

.cssbutton:hover{
border-style: inset;
background-color: white;
color: #0066FF;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: #0066FF;
}




input {

color: #9900CC;

font-family: Verdana, Arial, Helvetica, sans-serif; 

background-color: #FFFFFF;
}



/***gallery style***/



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
border:0;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #DCE3F5;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
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: 0;
left: 460px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/***form style***/

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
  }