* {
    padding: 0;
    margin: 0;
} 

body {
    background: #fff;
	font: .74em Verdana, Arial, sans-serif;
	line-height: 1.5em; 
}
a {
	color: #3B6EBF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#wrap {
margin: 20px auto;
width: 724px;
background: #fff url('images/midbg.jpg');
background-repeat: repeat-y;
}

#top { 
background: #fff url('images/topbg.jpg');
height: 30px;
}

#content {
padding: 0 40px 0 40px;
}

#bottom {

background: #fff url('images/botbg.jpg');
height: 30px;
}

.header {
height: 100px;
background: #85ACF7 url('images/hidr.jpg');
}

.header h1 { padding-left: 17px; padding-top: 22px; font-size: 22px; color: #FFF; }
.header h1 a { font-size: 22px; color: #FFF; text-decoration: none;}
.header h2 { padding-left: 17px; padding-top: 0px; font-size: 17px; color: #FFF; }

.breadcrumbs { 
    background: #F6F9FB; 
	border-bottom: 1px solid #E1E1E1; 
	padding: 5px;
}
	
.middle {
	float: left;
	width: 64%;
	margin: 0 10px;
	padding: 1% 1%;
	text-align: left;
}
.middle1 {
	float: left;
	width: 95%;
	margin: 0 10px;
	padding: 1% 1%;
	text-align: left;
}

.right {
	float: left;
	width: 25%;
	margin: 0 10px;
	padding: 1% 1%;
	background: #ffffff;
}

.right ul {
	padding: 20px 0 15px 20px;
	margin:0;
}

.right li {
	margin-bottom:5px;
	list-style-type: square;
	color: #3B6EBF;
}

.middle h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.right h2 { color: #3B6EBF; font-size: 14px; margin-top: 15px;}


#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#footer {
	text-align: center;
	color: #666;
}
fieldset {
	padding: 10px;
	background: #3D66B0;
	border: 1px solid #EEE;
	color: #FFFFFF;
	font: 1em Verdana, Arial, sans-serif;
	font-style: italic;
}
legend {
	font: 1em Verdana, Arial, sans-serif;
	color: #FFFFFF;
}
.smFont{
	font: 9px Verdana, Arial, sans-serif;
	color: #000000;
}

.bgFont{
	font: 20px Verdana, Arial, sans-serif;
	color: #3D66B0;
	font-style: bold;
}

.bullet {
	list-style-image: url(images/bullet.png);
	padding: 10px;
	margin-left: 20px;	
}
.bullet2 {
	list-style-image: url(images/bullet.png);
	padding: 10px;
	margin: 20px;	
}
.indent {margin-left: 20px;}
.indent2 {margin-left: 40px;}
.red {color: red;}

.feedbackform{
padding: 5px;
}

div.fieldwrapper{ 
width: 400px; 
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ 
float: left;
width: 100px; 
text-transform: uppercase;
border-bottom: 1px solid #3D66B0;
margin-right: 15px; 
}

div.fieldwrapper div.thefield{ 
float: left;
margin-bottom: 10px; 
}

div.fieldwrapper div.thefield input[type="text"]{ 
width: 250px;
}

div.fieldwrapper div.thefield textarea{ 
width: 300px;
height: 150px;
}

div.buttonsdiv{ 
margin-top: 5px; 
cursor:pointer;
}

div.buttonsdiv input{ 
width: 150px;
background: #e1dfe0;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 375px;
}

#side-a {
	float: left;
	width: 225px;
}

#side-b { 
	margin: 0;
	float: left;
	width: 150px;
	height: 1% 
}

.buttonscontainer {width: 200px;
}

.buttons a {color: #3367CD;
background-color: #ffffff;
padding: 0px;
padding-left: 3px;
display: block;
text-decoration: none;
text-align: left;
}

.buttonscontainer2 {width: 300px;
}



.buttons a:hover {background-color: #3367CD;
color: #FFFFFF;
text-decoration: none;
}

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:250px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}

.fieldset1 {
	padding: 5px;
	background: #6e9df8;
	border: 1px solid #EEE;
	color: #ffffff;
	font: 1em Verdana, Arial, sans-serif;
}

.fieldset2 {
	padding: 5px;
	background: #efefef;
	border: 1px solid #EEE;
	color: #000000;
	font: 1em Verdana, Arial, sans-serif;
}

.fieldset3 {
	padding: 5px;
	background: #ffcc00;
	border: 1px solid #EEE;
	color: #000000;
	font: 1em Verdana, Arial, sans-serif;
}

.fieldset4 {
	padding: 5px;
	background: #dad8d8;
	border: 1px solid #EEE;
	color: #000000;
	font: 1em Verdana, Arial, sans-serif;
}
.fieldset5 {
	padding: 5px;
	background: #d3a900;
	border: 1px solid #EEE;
	color: #000000;
	font: 1em Verdana, Arial, sans-serif;
}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 175px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #3D66B0;
font: bold 12px "Tahoma";
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 0px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "tahoma";
color: #3D66B0;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #3D66B0;
color: white;
}

/*float left*/
.imgleft
{
        float: left; /*left in our text*/
        margin: 7px; /*space around the image*/
}

/*float right*/
.imgright
{
         float: right; /*right in our text*/
         margin: 7px; /*space around the image*/
}

.tjust{ text-align: justify; } 

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}