/* CSS Document */

body {
	background-color: #CCCCCC;
}
.style1 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
}
.style2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
.style3 {font-size: 13px}
.style4 {font-size: 14px}
.style5 {
	color: #FF0000;
	font-size: 14px;
}
.style6 {color: #FF0000}
.style9 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; color: #666666; }
.style10 {font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; }
.style11 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; color: #FFFFFF; }
.style12 {
	color: #FFFFFF;
	font-size: 8px;
}
.style14 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; }
.style1 {
	font-size: 36px;
	font-weight: bold;
	color: #996699;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.toplnk:link {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #27237A;
}
.toplnk:visited {
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #27237A;
}
.toplnk:hover {
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
		color: #C80000;
}
.toplnk:active {
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-weight: lighter;
	color:#000000;
}
a:link {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
a:visited {
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
		color: #000000;
}
a:active {
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-weight: lighter;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
#test1, #test2, #test3 {

background-color: #2c2968;

width: 260px;

height: 330px;

overflow: auto;

margin: 0.3em;

padding: 0.5em;

border: 4px solid #410000;

/* IE overflow fix, position must be relative or absolute*/

position: absolute;

}



#test1 {

background-color: #6F1C1C;

left: 0.8em;

top: 1em;

}



#test1 div {

color: #FDD;



}



#test2 {

width: 388px;

height: 466px;

background-color: #2c2968;

border-width:0;

}



#test3 {

width: 90%;

height: 65px;

border-width: 0px;

top: 410px;

left: 1.5em;

}



.aligntocenter {

margin: 0.5em auto;

border: 2px solid #A22;

width: 90%;

position: relative;

height: 500px;

}



.fixedsize {

width: 400px;

height: auto;

position: relative;

color: black;

padding: 1px;

}



#test2 ul {

font-size: 10pt;

margin:0.1em 0.3em;

width: auto;

}



#test2 li li {

font-size: 9pt;

margin: 0;

}



/* general page style ends here */



/* Scroll Bar Master Styling Starts Here */



.scrollgeneric

{

line-height: 1px;

font-size: 1px;

position: absolute;

}



.vscrollerbase, .vscrollerbar {

width: 15px;

top: 0px;

}



.vscrollerbar {

left: 0px;

}



.hscrollerbase, .hscrollerbar {

height: 15px;

left: 0px;



}





.hscrollerbar {

top: 0px;

background-color: #0e0b52;

}



.vscrollerbar, .hscrollerbar {

/*padding information of these elements are only used for

padding of the scroll-bar with respect to the scroll base,

the padding will automatically be turned off by the script*/

padding: 5px;

z-index: 2;

}



.vscrollerbarbeg {

/*top image holder for vertical scroll bar*/

background: url(images/vscroller.png) 0px -10px;

width: 15px;

height: auto;

top: 0px;

}



.vscrollerbarend {

/*bottom image holder for vertical scroll bar*/

background: url(images/vscroller.png);

width: 15px;

height: 10px;

background-color: #0e0b52;

}



.hscrollerbarbeg {

background: url(images/hscroller.png) -10px 0px;

height: 15px;

width: auto;

left: 0;

background-color: #0e0b52;

}



.hscrollerbarend {

background: url(images/hscroller.png);

height: 15px;

width: 10px;

}



/* Following are OPTIONAL */



.vscrollerbase, .hscrollerbase {

background-color: #D1DDCB;

background-image: url(images/scrollbaseback.png);

background-color: #0e0b52;



}





.hscrollerbasebeg {

left: 0px;

top: 0px;

height: 15px;

background: url(images/scrollbases.png) -22px 0px no-repeat;

}



.hscrollerbaseend {

top: 0px;

height: 15px;

width: 7px;

background: url(images/scrollbases.png) 0% 0% no-repeat;

}



.vscrollerbasebeg {

top: 0px;

width: 35px;

background: url(images/scrollbases.png) -7px -18px no-repeat;

}



.vscrollerbaseend {

height: 7px;

width: 35px;

background: url(images/scrollbases.png) -7px 0px no-repeat;

}



.scrollerjogbox {

width: 15px;

height: 15px;

bottom: 0px;

right: 0px;

background: white url(images/scrolljog.png) 50% 50%;

}





/* Scroll Bar Master Styling Ends Here */



/* Extra sample styles */

#test2 .vscrollerbarbeg {

background: url(images/vscroller2.png) 0px -9px;

width: 18px;

height: auto;

}



#test2 .vscrollerbarend {

background: url(images/vscroller2.png);

width: 18px;

height: 9px;

}



#test2 .vscrollerbase {

width: 18px;

background: white none;

}



#test2 .vscrollerbar {

background-color: #0e0b52;

padding: 0px;

}



#test2 .vscrollerbasebeg, #test2 .vscrollerbaseend {

background-color: #EEE;

}





#test2 .hscrollerbase {

height: 9px;

background: red none;

background-color: #ff0000;

}