BODY {
font-family : Verdana, Arial, sans-serif;
font-size : 73%;
margin: 0px;
background-color: #FFFFFF;
color:#000000;
scrollbar-arrow-color:#0000FF; 
scrollbar-face-color:#00FF00; 
scrollbar-3dlight-color:#FFFF00; 
scrollbar-highlight-color:#000000; 
scrollbar-shadow-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color:#FF0000; 
}
.style4 {font-size: 10px}
.tablecenter {
text-align:center;
}
P, TD,  Table {
font-family: "Comic Sans MS";
font-size : 105%;
}
.Table1 {
font-family: "Comic Sans MS";
font-size : 100%;
}
.bordertable {

border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#FF0000;
border-left:solid;
border-right:solid;
border-top:solid;
border-left-width:1px;
border-left-color:#FF0000;
border-right-color:#FF0000;
border-top-color:#FF0000;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
}

.bordertable1 {

border-bottom:solid;
border-bottom-width:0px;
border-bottom-color: #CC0000;
border-left:solid;
border-right:solid;
border-top:solid;
border-left-color: #0000CC;
border-right-color: #33CC00;
border-top-color: #CC3300;
border-left-width:0px;
border-right-width:0px;
border-top-width:0px;
background:url(back1.jpg)   repeat-x;
background-color:#FFFFFF;
}
.regular {
font-size : 80%;
}

/* this group sets the normal link colors */
A:LINK {
color : #2B60DE;
font-family: "Comic Sans MS";
text-decoration: none;
font-weight: bolder;
font-size : 105%;
}
A:VISITED {
color : #25587E;
text-decoration : none;
font-weight:bolder;
font-size : 105%;
}
A:HOVER {
color : #FF0000;
text-decoration : underline overline;
font-weight :bolder;
font-size : 105%;
}
A:ACTIVE {
color : #000066;
text-decoration : underline overline;
font-weight:bolder;
font-size : 105%;
}

H1 {
font-family: "Comic Sans MS", serif;
font-size : 200%;
font-weight:bolder;
text-align: center;
color: #FF0000;
}

h2 {
font-family: "Comic Sans MS", serif;
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 2;
color : #000066;
border-bottom: 1px solid #000066;
}

h3, h4, h5 {
font-family: "Comic Sans MS", serif;
font-size : 18px;
font-weight : bold;
color : #000066;
}

h6 {
font-family: "Comic Sans MS", serif;
font-size: 16px;
font-weight: lighter;
color:#CC0000;
border-bottom: 1px solid #000066;
}

HR {
color: #000000;
height: 1px;
width: 100%;
}

/* special classes */
.h61 {

font-family: "Comic Sans MS", serif;
font-size: 16px;
font-weight:normal;
color: #000066;
}


.reg {
color : #2B60DE;
font-weight:normal;
font-size :100%;
}
.style2 { color: #CC0000; font-size:107%; font-weight:normal }
.mainimage {
background-color: #0000FF;
color: #000000;
height: 78px;
}
.mainimagenew {
background-color: #0000FF;
color: #000000;
height: 70px;
}

.logo {
background-color: #0000FF;
color: #000000;
font-size: 80%;
height: 78px;
text-align: right;
padding-right: 10px;
}

.navigation {
	background-color: #FF0000;
	color: #000066;
	font-weight: bold;
	text-align: center;
	letter-spacing: 3;
	height: 25px;
}
.navigationnew {
background-color: #FF0000;
color: #000066;
font-weight: bold;
text-align: center;
letter-spacing: 3;
height: 25px;
}
.left {
	background-color: #FFFF00;
	color: #000000;
	text-align: left;
	vertical-align: top;
	line-height: 22px;
	border-right: 1px solid #FFFF00;
	width:160px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.right {
	background-color: #00FF00;
	color: #000000;
	padding: 2px;
	font-size: 90%;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #00FF00;
}

.main {
background-color: #FFFFFF;
color: #000000;
vertical-align: top;
text-align: justify;
line-height: 18px;
padding: 20px;
}

.yourname {
font-family: "Times New Roman", serif;
font-size: 32px;
font-weight: bold;
letter-spacing: 2;
}

.copyright {
color: #000066;
font-size: 90%;
font-weight: bold;
text-align: center;
padding: 10px;
height: 30px;
letter-spacing: 0;
}
.navigationSize{
size:90%;
}
.h41 {
font-family: "Comic Sans MS", serif;
font-size: 15px;
color: #000066;
}
.header {
width:100%;
background-color: #0000FF;
height:80px;
min-width:710px;

width:expression((document.body.clientWidth < 710? "710px": "auto" ));


}

.lefthome {

background-color: #0000FF;
text-align:left;
height:80px;

float:left;


}

.mainimage1 {
background-color: #0000FF;
color: #000000;
height:80px;
float:left:
width:50%;
text-align:center;

}

.logo1{

background-color: #0000FF;
color: #000000;
height:80px;
text-align:right;
float:right;
}

.navigation1 {
background-color: #FF0000;
color: #000066;
font-weight: bold;
text-align: center;
letter-spacing: 3;
height: 40px;
width:100%;
min-width:700px;
width:expression((document.body.clientWidth < 710? "710px": "auto" ));
clear:both;
}
.leftcol{
background-color: #FFFF00;
color: #000000;
padding: 10px;
text-align: left;
vertical-align: top;
line-height: 22px;
border-right: 1px solid #FFFF00;
float:left;
width:18%;

}
.middlecol{
background-color: #FFFFFF;
color: #000000;
vertical-align: top;
text-align: justify;
line-height: 18px;
padding: 20px;
float:left;
width:60%;
}
.rightcol{
background-color: #00FF00;
color: #000000;
padding: 10px;
font-size: 90%;
text-align: left;
vertical-align: top;
border-left: 1px solid #00FF00;
float:left;
width:15%;
}
.contmain {
clear:both;
width:100%;
background-color: #0000FF;
min-width:710px;
width:expression((document.body.clientWidth < 710? "710px": "auto" ));

}
.img1 {
padding-right:5px;
}
.img2 {
float:left;
margin-right:15px;
}
.containerheader {
width:100%;
min-width:740px;
width:expression((document.body.clientWidth < 740? "740px": "auto" ));
}

.leftcolin {
	width:20%;
	float:left;
	padding-left:10px;
}
.maincolinleft {
	width:77%;
	float:left;
}
.maincolinlefttb {
	width:100%;
}
.maincolinright {
	width:18%;
	float:right;
	min-width:180px;
}
.maincolinrighttb {
	width:20%;
	float:left;
	min-width:180px;
}
.maincolin {
	width:77%;
	float:right;
	padding-left:0px;
	
}
.maincolin1 {
	width:77%;
	padding-left:10px;
	float: left;
	
}
.titleh6{

font-family: "Comic Sans MS", serif;
font-size: 16px;
font-weight: lighter;
color: #000066;

}
.titleh61{

font-family: "Comic Sans MS", serif;
font-size: 16px;
font-weight: lighter;
color: #000066;
border-bottom: 1px solid #000066;
}

.bl {background: url(images2/bl.gif) 0 100% no-repeat #e68200; width: 100%}
.br {background: url(images2/br.gif) 100% 100% no-repeat}
.tl {background: url(images2/tl.gif) 0 0 no-repeat}
.tr {background: url(images2/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

.clearboth {
clear:both;
}

/*===================================================*/


.blblue {background: url(images2/blblue.gif) 0 100% no-repeat #4634f5; width: 100%}
.brblue {background: url(images2/brblue.gif) 100% 100% no-repeat}
.tlblue {background: url(images2/tlblue.gif) 0 0 no-repeat}
.trblue {background: url(images2/trblue.gif) 100% 0 no-repeat; padding:6px}
/*===================================================*/


.blyellow {background: url(images2/blyellow.gif) 0 100% no-repeat #e8f515; width: 100%}
.bryellow {background: url(images2/bryellow.gif) 100% 100% no-repeat}
.tlyellow {background: url(images2/tlyellow.gif) 0 0 no-repeat}
.tryellow {background: url(images2/tryellow.gif) 100% 0 no-repeat; padding:6px}


/*===================================================*/


.blgreen {background: url(images2/blgreen.gif) 0 100% no-repeat #08ce24; width: 100%}
.brgreen {background: url(images2/brgreen.gif) 100% 100% no-repeat}
.tlgreen {background: url(images2/tlgreen.gif) 0 0 no-repeat}
.trgreen {background: url(images2/trgreen.gif) 100% 0 no-repeat; padding:6px}

/*===================================================*/


.blred1  {background: url(images2/blred.gif) 0 100% no-repeat #FF0000; width: 100%}
.brred1  {background: url(images2/brred.gif) 100% 100% no-repeat}
.tlred1  {background: url(images2/tlred.gif) 0 0 no-repeat}
.trred1  {background: url(images2/trred.gif) 100% 0 no-repeat; padding:6px}

/*=================================================*/
.blorange  {background: url(images2/blorange.gif) 0 100% no-repeat #f17c0e; width: 100%}
.brorange  {background: url(images2/brorange.gif) 100% 100% no-repeat}
.tlorange  {background: url(images2/tlorange.gif) 0 0 no-repeat}
.trorange  {background: url(images2/trorange.gif) 100% 0 no-repeat; padding:6px}

/*=================================================*/

/*=================================================*/
.blnoneblue  {background: url(images2/blorange .gif) 0 100% no-repeat #4634f5; width: 98%}
.brnonebue  {background: url(images2/brorange .gif) 100% 100% no-repeat}
.tlnoneblue  {background: url(images2/tlorange .gif) 0 0 no-repeat}
.trnoneblue  {background: url(images2/trorange .gif) 100% 0 no-repeat; padding:6px}

/*=================================================*/
.menuItemHeight {
line-height:60%;
}

/* Set the box background color to the same color as the circle in the
   image. Set the width, float and margins as desired. */
   div#roundedbox {
      background: #bcc1ff;
      margin: 0 0 0 1em;
      width: 100%;
   }
   /* Set the top and bottom height to be the same as the radius of the
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox #top, div#roundedbox #bottom {
      font-size: 1px;
      height: 16px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width
   and height as the radius of the circle. For the top left and bottom
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox #topleft {
      background: url(images2/corners.gif) no-repeat top left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedbox #topright {
      background: url(images2/corners.gif) no-repeat top right;
      float: right;
      height: 16px;
      width: 16px;
   }
   div#roundedbox #bottomleft {
      background: url(images2/corners.gif) no-repeat bottom left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedbox #bottomright {
      background: url(images2/corners.gif) no-repeat bottom right;
      float: right;
      height: 16px;
      width: 16px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners,
   we're using -1em for the top and bottom margins. That will allow
   the content to expand into the top and bottom <div> tags. We also
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox #boxcontent {
      margin: -1em 1em;
   }
   /* Finally, well give paragraphs in the box a little smaller top
   and bottom margin just to keep things tight. */
   div#roundedbox p {
      margin: .5em 0;
   }
   
   /*  =====================================================*/

/* Set the box background color to the same color as the circle in the
   image. Set the width, float and margins as desired. */
   div#roundedboxred {
      background: #f9090e;
      margin: 0 0 0 1em;
      width: 100%;
   }
   /* Set the top and bottom height to be the same as the radius of the
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedboxred #top, div#roundedboxred #bottom {
      font-size: 1px;
      height: 16px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width
   and height as the radius of the circle. For the top left and bottom
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedboxred #topleft {
      background: url(images2/cornersred.gif) no-repeat top left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedboxred #topright {
      background: url(images2/cornersred.gif) no-repeat top right;
      float: right;
      height: 16px;
      width: 16px;
   }
   div#roundedboxred #bottomleft {
      background: url(images2/cornersred.gif) no-repeat bottom left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedboxred #bottomright {
      background: url(images2/cornersred.gif) no-repeat bottom right;
      float: right;
      height: 16px;
      width: 16px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners,
   we're using -1em for the top and bottom margins. That will allow
   the content to expand into the top and bottom <div> tags. We also
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedboxred #boxcontent {
      margin: -1em 1em;
   }
   /* Finally, well give paragraphs in the box a little smaller top
   and bottom margin just to keep things tight. */
   div#roundedboxred p {
      margin: .5em 0;
   }
   
   
   /*  =====================================================*/

/* Set the box background color to the same color as the circle in the
   image. Set the width, float and margins as desired. */
   div#roundedboxyellow {
      background: #e5f909;
      margin: 0 0 0 1em;
      width: 100%;
   }
   /* Set the top and bottom height to be the same as the radius of the
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedboxyellow #top, div#roundedboxyellow #bottom {
      font-size: 1px;
      height: 16px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width
   and height as the radius of the circle. For the top left and bottom
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedboxyellow #topleft {
      background: url(images2/cornersyellow.gif) no-repeat top left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedboxyellow #topright {
      background: url(images2/cornersyellow.gif) no-repeat top right;
      float: right;
      height: 16px;
      width: 16px;
   }
   div#roundedboxyellow #bottomleft {
      background: url(images2/cornersyellow.gif) no-repeat bottom left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedboxyellow #bottomright {
      background: url(images2/cornersyellow.gif) no-repeat bottom right;
      float: right;
      height: 16px;
      width: 16px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners,
   we're using -1em for the top and bottom margins. That will allow
   the content to expand into the top and bottom <div> tags. We also
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedboxyellow #boxcontent {
      margin: -1em 1em;
   }
   /* Finally, well give paragraphs in the box a little smaller top
   and bottom margin just to keep things tight. */
   div#roundedboxyellow p {
      margin: .5em 0;
   }
   
   .opt {
    font-size:10px;
	color:#000000;
	text-align:left;
	}
	.optTitile {
	font-size:11px;
	color:#FFCC00;
	text-align:left;
	}