/* CSS Document */
.body {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position:center;
	background-repeat:no-repeat;
}
#top {
	background-image:url(../images/greyPen_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:178px;
	margin: 0px 0px 0px 0px;
}
#topBanR {
		background-image:url(../images/ban_rflec.jpg);
		width: 517px;
		height: 178px;
		margin: 0 0 0 0;
}
#topBanR h2 { 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		margin: 0 0 0 0;
		padding: 150px 5px 0 0;
}
#bot {
	background-image:url(../images/bluePen_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:105px;
}
#botban{
	background-image:url(../images/bot_ban_70.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:70px;
	width:749px;

}
#leftBar p{
	margin-left:0;
}
h2 {
	color:#000066;
	margin:5px 10px 5px 10px;
}
h3 {
	color:#000066;
	margin:5px 10px 5px 10px;
}
h5 {
	margin-left:5px;
}
p {
	margin:5px 15px 5px 15px;
}
a:link IMG { 
	border: none;
}
a:link {
	text-decoration:none;
	border-style:none;
}

a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.nav {
	background-image: url(../images/nav_bg.gif);
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form {
border: none;
margin: 0;
}
label {
font-weight: bold;
}
textarea {
font-family: Bliss Light, Arial, Helvetica, Sans-Serif;
font-size: 12px;
border: 1px solid #4C52B0;
color: Black;
background: White url(http://www.rscds.org/input_background.gif) repeat-x;
width: 80%;
margin:5px 15px 5px 15px;
}
input {
	font-family: Bliss Light, Arial, Helvetica, Sans-Serif;
	visibility: visible;
	border: 1px solid #4C52B0;
	color: Black;
	vertical-align: middle;
	background: White url(http://www.rscds.org/input_background.gif) repeat-x;
	border-left: solid #4C52B0 6px;
	border-right: solid #4C52B0 6px;
	padding: 2px;
	font-size: 12px;
	margin:5px 15px 5px 15px;
}
button {
font-family: Bliss Light, Arial, Helvetica, Sans-Serif;
visibility: visible;
border: 1px solid #cce2f3;
color: Black;
vertical-align: middle;
background-color: #006ec7;
padding: 1px;
cursor: pointer;
font-size: 10px;
text-transform: none;
}
.sizea {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.sizeb {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.sizec {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}
ul.navigation{
	list-style:none; /* this line will remove any kind of bullet from the menu */
	width: 160px; /* sets the menu width */
	margin:0;
	padding:0;
}

/* ul li ul {
list-style: none;  fly out menue starts here
float:left;
position:absolute;
left: 160px;
display: none;
width: 160px;
border-left: 1px solid #FFF;
}

ul li:hover ul { display: block; }
*/ 
#menu a{
	display: block; /* this is a very important property here and it controls the way the menu elements are displayed - like block-level elements */
	padding: 5px 3px 5px 10px; /* sets the padding properties */
	font-weight:bold; /* sets the font weight */
	background-color: #2D33A3; /* sets the color of the background */
	border-top: 1px solid #efefef; /* this code sets the line between the menu items */
}
#menu a:link{
	color: #efefef; /* sets the font color */
	text-decoration: none;
}
#menu a:visited{
	color: #efefef;
	text-decoration: none;
}
#menu a:hover{
	background:#0A1394 url(menu-arrow.gif) no-repeat left center; /* when the cursor is over, in the left side of the menu item background it will be display the arrow.gif picture */
	text-indent:15px; /* this line of code move the text 15 px to the right */
}
#menu a:active{
	color: #efefef;
	text-decoration: none;
} 
#menuR a{
	display: block; /* this is a very important property here and it controls the way the menu elements are displayed - like block-level elements */
	padding: 5px 3px 5px 10px; /* sets the padding properties */
	font-weight:bold; /* sets the font weight */
	background-color: #FF0000; /* sets the color of the background */
	border-top: 1px solid #efefef; /* this code sets the line between the menu items */
}
#menuR a:link{
	color: #efefef; /* sets the font color */
	text-decoration: none;
}
#menuR a:visited{
	color: #efefef;
	text-decoration: none;
}
#menuR a:hover{
	background:#EE0000 url(menu-arrow.gif) no-repeat left center; /* when the cursor is over, in the left side of the menu item background it will be display the arrow.gif picture */
	text-indent:15px; /* this line of code move the text 15 px to the right */
}
#menuR a:active{
	color: #efefef;
	text-decoration: none;
}