dummyfont {font-weight:bold;}

BODY {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}

#banner {text-align:center;}

#companyname {FONT-SIZE: 30px; font-family: 'Alike', serif;text-align:center;}

#companyname .line2{FONT-SIZE: 24px;}

#menu0,    #menu1,   #menu4 {FONT-WEIGHT: bold; FONT-SIZE: 14px;}
A, #menu0 A,  #menu1 A, #menu4 A { TEXT-DECORATION: none;}
A:hover,#menu0 A:hover, #menu1 A:hover , menu4 A:hover {TEXT-DECORATION: underline;}
#menu2 {FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-align:center;}

#menu2 A{font-family: 'Didact Gothic', arial, serif; font-size: 12px;TEXT-DECORATION: none;}
#menu2 A:hover {TEXT-DECORATION: underline;}


#menu2 ul {text-align:center;}
#menu2 ul li a {text-decoration: none;}

#menu4 {FONT-SIZE: 12px; FONT-WEIGHT: normal;}

.title_panel {TEXT-ALIGN:left;FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}

#footer {FONT-WEIGHT: bold; FONT-SIZE: 12px; text-align:center; }
#footer A {FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-DECORATION: none}
#footer A:hover {TEXT-DECORATION: underline}

#contenttext {FONT-SIZE: 14px; font-family: 'Open Sans', sans-serif;TEXT-ALIGN: justify;}

#contenttext p {FONT-SIZE: 14px; TEXT-ALIGN: justify;}

#contenttext h1 {font-family: 'Alike', serif;font-size: 22px;FONT-WEIGHT: bold; FONT-SIZE: 18px; TEXT-ALIGN: left;}

#contenttext h2 {font-family: 'Alike', serif;font-size: 18px;FONT-WEIGHT: bold; FONT-SIZE: 16px; TEXT-ALIGN: left;}

#contenttext h3 {font-family: 'Alike', serif;font-size: 16px;FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-ALIGN: left;text-decoration:underline;}

#contenttext p{ font-size: 14px;}
#contenttext ol {FONT-SIZE: 14px; TEXT-ALIGN: left;}
#contenttext ul {FONT-SIZE: 12px; TEXT-ALIGN: left;}
#contenttext blockquote {FONT-SIZE: 14px; TEXT-ALIGN: justify;}
#contenttext .link1 {text-align:right;}

#contenttext table.table1 tr {font-size:14px;}

.home td{text-align: left;}

#contentblock #bottom {FONT-SIZE: 12px;}

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}


#vertmenu h1 {

font-size: 90%;
}


#vertmenu ul li a {
font-size: 80%;
text-decoration: none;
}

	/* CSS for the scrollers */
div.scrollingtext{text-align:justify;}

#contenttext .home h2 {font-family: 'Calligraffitti', cursive;font-size: 26px;text-transform:capitalize;}

#contenttext .hblock h1{font-family: 'Open Sans', sans-serif;font-size: 18px;}
body {MARGIN: 0px;z-index:0;}
#page {	LEFT: 0px; TOP: 0px;z-index:1;width:1000px;margin-left:auto;margin-right:auto;}
#header {POSITION: relative; HEIGHT: 153px;z-index:2;}

#banner {POSITION: absolute; height:153px;width:100%;margin-left:auto;margin-right:auto;z-index:1;background:url(top_banner.jpg) no-repeat center center;z-index:4;}

#logo {POSITION: absolute;top:10px; LEFT:430px;z-index:2;width:250px; height:90px;z-index:5;}

#companyname {MARGIN-TOP: 15px; LEFT: 0px; MARGIN-LEFT: 137px; POSITION: absolute; TOP: 0px;z-index:6;}

#scrolltext {POSITION:absolute;bottom:30px;left: 10px;z-index:2;width:98%;z-index:5;}

#menu0 {RIGHT: 30px; POSITION: absolute; TOP: 10px;z-index:20;}
#menu1 {RIGHT: 30px;POSITION: absolute; bottom: 0px;z-index:20;}
#menu2 {POSITION: absolute;LEFT: 240px; TOP: 130px;z-index:20; }
#menu3 {POSITION: absolute;LEFT: 240px; bottom: 2em;z-index:20; }
#menu4 {POSITION: absolute;left:50px;bottom:0px;z-index:5;z-index:20;}

#content {margin:0px 5px 0px 5px;FLOAT:left;width:98%;}

#leftpanel {FLOAT: left; WIDTH: 210px;}
#rightpanel {FLOAT: right; WIDTH: 0px;display: none;}
#contentblock {margin:10px 10px 10px 210px;}

#footer {CLEAR: both; WIDTH: 100%; HEIGHT: 32px;}

#contenttext {padding:0px 5px 0px 40px;}
#contenttext  H1 {display:block;}
#contenttext  H2 {display:block;}
#contenttext  H3 {display:block;}

#contenttext ul {padding:15px 0px 5px 0px;margin:10px 0px 10px 0px;}
#contenttext blockquote {padding:5px 5px 5px 5px;}
#contenttext blockquote #endquote{display: block;padding:0px 110px 0px 110px;}

#contentblock #bottom {min-height:29px;line-height:20px;position:relative;margin:0px 0px 0px 0px;}

#contenttext img.floatright {float:right;}
#contenttext img.floatleft {float:left;}

#vertmenu {
width: inherit;
padding: 0px;
margin: 0px;
}

#vertmenu h1 {
display: block;
padding: 3px 0 5px 3px;
margin: 0px;
width:159px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
display: block;
padding: 5px 0px 2px 4px;
width:inherit;
}

.any1 {display:none;POSITION: absolute; top:163px; right:210px;z-index:1;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.style1 table a,table a:link,table a:visited 
{
border:none;
}

.style1 table
{
margin:5px auto;
border-collapse:collapse;
}

.style1 img {
	border:0;
	margin-top:.5em;
	}	
.style1 caption {
		letter-spacing:14px;
		margin:1px 0 0 0;
		padding:0;
		caption-side:top;
	}
.style1 td {
	padding:.3em 1em;
	text-align:center;
	}				
.style1 th {
	padding:.3em 1em;
}							
.style1 tfoot th strong {
	margin:.5em .5em .5em 0;
		}		
.box {overflow:hidden;}
BODY {BACKGROUND:#70020A;}
#page {color:#70020A;}

#logo {background:url(logo.jpg) no-repeat left top;}

#companyname {color:#C4F5D5;}
#companyname .line2{color:#F5CC45;}

a:link {color:#F5CC45;} 
a:visited {color:#F5CC45;} 
a:hover {color:#C4F5D5;} 

#content a:link {color:#70020A;} 
#content a:visited {color:#70020A;} 
#content a:hover {color:#000000;} 

marquee {color:#ffffff;}

#leftpanel a:link {color:#70020A;} 
#leftpanel a:visited {color:#70020A;} 
#leftpanel a:hover {color:#ffffff;background:#70020A;} 

#menu2 ul li a {color: white;}
#menu2 ul li a:hover {background:url(menu2hover.gif);color: #fff;} 
#menu2 ul li.selected a{background:url(menu2hover.gif);color: #fff;} 

#content { background:#FAEBF1;}

.title {COLOR:#333333; background:#003399;}

.title_panel {color:#ffffff;background:#7A0D0F;}

#contenttext  H2 {color:#7A0D0F;}
#contenttext blockquote #endquote{background:url(2sprite.png) -800px -650px no-repeat;}

#contenttext table.table1 tr:hover {background-color: #E5E5CB;}

#contenttext iimg {border:2px solid #7A0D0F;}

#contenttext img.floatright{border:1px 2px 2px 1px solid #021a40;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;background-color:white;}

#contenttext img.floatleft {border:1px 2px 2px 1px solid #021a40;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;background-color:white;}

#contenttext .floatright img{border:1px 2px 2px 1px solid #021a40;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;background-color:white;}

#contenttext .floatright:after {
background:#ffffff;
}

#contenttext .floatleft img{border:1px 2px 2px 1px solid #021a40;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;background-color:white;}

#contenttext .floatleft:after {
content:'';
background:#ffffff;
}

#contenttext .floatcenter img{ border:1px 2px 2px 1px solid #021a40;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;background-color:white;}

#contenttext .floatcenter:after {
content:'';
background:#ffffff;
}

.hblock {border:1px dotted;}
.hblock img.floatright{border:1px 2px 2px 1px solid #021a40;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;background-color:white;}

.hblock img.floatleft{border:1px 2px 2px 1px solid #021a40;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;background-color:white;}

#contentblock #bottom {background:url() repeat-x;}

#vertmenu h1 {
background-color:#DB6377;
border: 1px solid #AD2B41;
color: #333333;
}

#vertmenu ul li a {
border-bottom: 1px dashed #AD2B41;
ccolor: #9E3C4C;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
ccolor: #CC5C6F;
}

.gallery td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
}

.gallery td.alt {
	background: #F5FAFA;
	color: #797268;
}


.style1 table
{
border-top:1px solid #e5eff8;
border-right:1px solid #e5eff8;
}

.style1 tr.odd td	{
	background:#f7fbff
	}
.style1 tr.odd .column1	{
	background:#f4f9fe;
	}	
.style1 .column1	{
	background:#f9fcfe;
	}
.style1 caption {
	color: #9ba9b4;
	}
.style1 td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
       }				
.style1 th {
	color: #678197;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	}
			
.style1 thead th {
	background:#f4f9fe;
	color:#66a3d3
	}	
.style1 tfoot th {
	background:#f4f9fe;
	}	
.style1 tfoot th strong {
	color:#66a3d3;
		}		
.style1 tfoot th em {
	color:#f03b58;
	}	

.pretty-table
{
  border: 1px solid #333;
  color: #000;
  background: #bcd0e4 url("widget-table-bg.jpg") top left repeat-x;
}

.pretty-table caption
{
  padding: 0.5em 0;
}

.pretty-table th, .pretty-table td
{
  border: 1px dotted #666;
  color: #632a39;
}

.pretty-table th[scope=col]
{
  color: #000;
  background-color: #8fadcc;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}

.pretty-table th+th[scope=col]
{
  color: #fff;
  background-color: #7d98b3;
  border-right: 1px dotted #666;
}

.pretty-table th[scope=row]
{
  background-color: #b8cfe5;
  border-right: 2px solid #333;
}

.pretty-table tr.alt th, .pretty-table tr.alt td
{
  color: #2a4763;
}

.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td
{
  background-color: #632a2a;
  color: #fff;
}


	/* CSS for the scrollers */
div.vertical_scroller{border: 1px groove #660000;}

#contenttext h1 {text-shadow: 4px 4px 4px #aaa;}
#contenttext h2 {text-shadow: 4px 4px 4px #aaa; }
#contenttext h3 {text-shadow: 4px 4px 4px #aaa;}


#contenttext .hblock h1{text-shadow: 4px 4px 4px #aaa;}


#nav li{
	background:#0193de;
}
#nav a{
	color:#fff;
	background:#0193de;
}
#nav a:hover{
	color:#fff;
	background:#6b0c36;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#0193de; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
}


#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#0193de;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;}
#nav { list-style:none;font-weight:bold;margin-bottom:0px;float:left;width:100%; }
#nav a { display:block;padding:5px;color:#fff;background:#0193de; }
#nav a:hover { color:#fff;background:#6b0c36; }
#nav ul { list-style:none;position:absolute;left:-9999px;background:#0193de; }
#nav li { float:left;margin-right:1px;position:relative;background:#0193de; }
#nav li:hover ul { left:0; }
#nav li:hover a { background:#0193de; }
#nav ul li { padding-top:1px;float:none; }
#nav ul a { white-space:nowrap; }
#nav li:hover ul li a:hover { background:#333; }


.box { position:relative;width:95%;margin:0px 10px 35px 10px;padding:10px 10px 10px 10px;background:#8D95F2;border:5px 5px 5px 5px dotted #EFF705;-moz-box-shadow:5px 5px 5px rgba(68,68,68,0.6);-webkit-box-shadow:5px 5px 5px rgba(68,68,68,0.6);box-shadow:5px 5px 5px rgba(68,68,68,0.6);-moz-border-radius:15px;border-radius:15px; }

.box img { float:right;margin:5px 5px 5px 5px;padding:8px;border:1px 2px 2px 1px solid #021a40;border-color:#dddddd #aaaaaa #aaaaaa #dddddd;background-color:white; }

.box:after { content:'';display:block;clear:both;background:#ffffff; }

@media print {
 #header {display:none;}
}

#footer { FONT-WEIGHT:bold;FONT-SIZE:12px;text-align:center;CLEAR:both;WIDTH:100%;HEIGHT:62px; }