body { 
	margin: 0; 
	padding: 0; 
	background: #fff; 
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #333; 
}


/* LINKS AND HEADINGS STYLING */

a { color: #546F92; background: inherit; font-weight:bold; }
a:hover { color: #1E3253; font-weight:bold; background: inherit; }
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; }
h3 { clear: both; font-size: 1.1em; color: #000; background: #fff url(images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}
.blue { color: #546F92; background: inherit; }
.red { color: #990000; font-weight: bold; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 5px 0px 0; }
.webdesign { color: #660000; font-weight: bold; }
.bold { font-weight: bold; text-decoration: underline; }
.center {text-align: center; }
.centmain {width: 500px; margin-left: 50px; }
.inline-list {display: inline; color: #273589; }
.img { border: 0px;
}
img.floatTL { 
float : left;
margin-right : 7px;
margin-bottom : 7px;
margin-top : 7px;
margin-left : 10px;
}

/* CONTENT WRAPPER */

#main { 
	width: 900px; 
	margin: 25px auto 0 auto;
      border: 1px solid #999; 
}

/* TOP LEFT LOGO */

#logo { 
	float: left; 
	padding: 0px 0 2px 10px; 
}
	#logo h1 { color: #000; background: #fff; font-size: 1.9em; }

/* TOP RIGHT HORIZONTAL MENU */
	
#menu { 
	float: right; 
        height: 17px;
        background: #7899CF;
	color: #808080; 
	padding: 7px 1px 5px 0; 
	margin: 0px 0 0px 0; 
        text-align: center;
        font-weight: bold;
        font-size: 1.0em;
        overflow: hidden; 
}
	#menu li {            
                padding: 8px 4px 14px 4px; 
		color: #28436F; 
		display: inline;
	}
	#menu li.active { 
		color: #8D9CAF; 
		font-weight: bold; 
		padding: 8px 4px 14px 4px; 
		margin: 0 1px 0 0; 
	}
	#menu li a { 
		color: #28436F; 
		padding: 8px 4px 14px 4px;
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #fff; 
		padding: 8px 4px 14px 4px;
                text-decoration: none; 
	} 	
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

.arrow { width: 18px; height: 8px; border: 0px; padding-right: 10px; margin: 0 0 0 0px; }


/* LEFT INTRO SIDE */	

#intro_left {
	clear: left;
	float: left;
	width: 250px;
	background: #28436F url(images/leftintrobg.gif) repeat-x;
	color: #E5EAF2;
	margin: 0 0 1px 0;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; }

	/* LEFT VERTICAL MENU */
	
	#menu_left { 
		float: left;  
         	background: #fff;
		margin: 0 0 0 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid #e2e2e2; 
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #28436F; 
			background: #7899CF url(images/arrow.gif) no-repeat center left; 
			width: 204px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #9EB1C9 url(images/arrow.gif) no-repeat center left; color: #fff;  }

/* RIGHT INTRO SIDE */
	
#intro_right {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #7899CF url(images/intro.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }



/* LEFT SIDE */
	
#left {
        clear: both;
	display: inline;
	float: left;
	width: 250px;
        padding: 0 0 0 0;
}
	.box {
		padding: 10px 10px 0px 15px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 0 0 10px 0;
	}
 html>body .box
{
height: auto;
min-width: 200px;
min-height: 556px;
}
	.note {
		padding: 2px 15px 2px 70px;
                height: 30px;
		border-top: 1px solid #CFCB66;
		border-right: 1px solid #CFCB66;
		border-bottom: 1px solid #CFCB66;
		margin: 0 0 0 0;
		background: #FFFFAD url(images/package.gif) no-repeat;
		color: #585616;
	}

/* RIGHT SIDE */


#right {
	float: right;
	width: 643px;
}
	.leftcol { 
		float: left; 
		padding: 12px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.leftcol1 { 
		float: right; 
		padding: 12px 15px;
		width: 612px; 
		border-top:#ccc 1px solid;
		border-left:#ccc 1px solid;
		border-bottom:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
 html>body .leftcol
{
height: auto;
min-width: 286px;
min-height: 542px;
}
	.rightcol { 
		float: right; 
		padding: 10px 15px;
		width: 285px; 
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 0 0 10px 0;
		}
 html>body .rightcol
{
height: auto;
min-width: 287px;
min-height: 546px;
}
	.special {
		clear: both;
		margin: 0px 0 0px 0;
                height: 20px;
                text-align: center;
                text-decoration: none;	
		padding-top: 5px;
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
		background: #7899CF;
		color: #444;
	}


	.special a { 
		color: #28436F; 
		padding: 0px;
		text-decoration: none; 
	} 	
	.special a:hover { 
		color: #fff; 
		padding: 0px;
                text-decoration: none; 
	} 


/* FOOTER */

#footer { clear: both; text-align: center; padding: 5px; }

.gap  { 
clear: both;
height:8px;
background: #fff url(images/bgbot.gif) repeat-x;
line-height: 1.6em;
padding-top : 5px;
padding-bottom : 5px;
font-size : 0.8em;
text-align: center;
font-weight: normal;
}

.break  { 
clear: both;
line-height: 1.6em;
padding-top : 10px;
padding-bottom : 10px;
text-align: center;
font-weight: normal;
}

.dot {
padding: 0 5px 0 5px;
}

.gap1  { 
clear: both;
padding-top : 5px;
padding-bottom : 5px;
font-size : 0.9em;
text-align: center;
font-weight: normal;
} 
.gap1 a { 
color : #EEEEEE;
font-weight : bold;
text-decoration : none;
font-size : 0.9em;
}
.gap1 a:hover { 
color : #ADBECE;
font-weight : bold;
text-decoration : underline;
font-size : 0.9em;
}
.break1  { 
color : #DDE5F2;
padding: 0px 10px 0px 10px;
font-size : 1.1em;
font-weight: bold;
text-align: center;
}

/*----------- Valid W3C buttons -----------*/

a.btn {font: 8pt Arial, Helvetica, sans-serif; padding: 0 .5em 0 0; border: 1px #000 solid; text-decoration: none;}
a.btn span {border-right: 1px solid #000; margin: 0 0.1em 0 0; padding: 0 0.5em;}
a.w3c:link, a.w3c:visited {color: #000; background: #7899CF; font-weight: normal;}
a.w3c:hover, a.w3c:active {background: #CDE1F9; font-weight: normal;}
a.w3c span {background: #fff; color: #06c;}



/*  Form  */

form {
    margin: 0;
    padding: 0;
}
/* Basic page styling */

.remember {
    font-size : 11px; 
    color : #000000; 
    font-weight: normal;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    text-decoration : none; 
}
.fspan {
    font-size : 12px; 
    color : #000000; 
    font-weight: normal;
    font-family : arial,verdana,sans-serif;
    text-decoration : none; 
}
.art {
    font-size : 12px; 
    color : #000000; 
    font-weight: normal;
    font-family : Arial, Verdana, Helvetica, sans-serif; 
    text-decoration : none; 
}
.uexist:link {
    font-size : 10px; 
    font-weight : normal; 
    color : #0058b0; 
    font-family : verdana, arial, helvetica, sans-serif;
    text-decoration : underline; 
} 
.uexist:visited {
    font-size : 10px; 
    font-weight : normal; 
    color : #0058b0; 
    font-family : verdana, arial, helvetica, sans-serif;
    text-decoration : underline; 
} 
.uexist:hover {
    font-size : 10px; 
    font-weight : normal; 
    color : #ff0000; 
    font-family : verdana, arial, helvetica, sans-serif;
    text-decoration : none; 
}
#contained {
    margin: 0 auto;
    padding: 1em;
    width: 480px;
    font-size: 0.9em;
    text-align: left;
}
p#optreqlink {
    margin: 0;
    text-align: center;
}
.textbox {
    width: 160px;
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 
.textbox2 {
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 
.textcom {
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 
.cselect {
    width: 163px;
    background-color : #fff; 
    font-size : 11px; 
    font-weight: normal;
    color : #000; 
    font-family : Verdana, arial, helvetica, sans-serif; 
    text-decoration : none; 
}
fieldset {
    margin: 1em 0;
    border: none;
    border-top: 1px solid #acc6db;
}
legend {
    margin: 1em 0;
    padding: 0 .3em;
    color: #3975B0;
    background: transparent;
    font-size: 1.1em;
    font-weight: bold;
}
label {
    float: left;
    width: 100px;
    padding: 0 1em;
    text-align: right;
}
fieldset div {
    margin-bottom: .5em;
    padding: 0;
    display: block;
}
div.newsletter div {
    margin: 5px 0;
}
div.newsletter input {
    width: 1em;
}
div.newsletter label {
    display: block;
    width: 200px;
    padding-left: 5em;
    text-align: left;
}
.submit {
    color : #fff; 
    font-family : verdana, arial, helvetica, sans-serif; 
    font-size : 8pt; 
    font-weight : bold; 
    background-color : #6898D0; 
    border : 1px solid #dadada; 
    cursor : pointer; 
}
#butdiv {
    clear: both;
    padding-top: 1em;
    text-align: center;
}
#butdiv1 {
    clear: both;
    padding-top: 1em;
    text-align: center;
}
/* CSS for popup hint tooltip box */
#hinttooltip {
    position: absolute;
    left: -300px;
    width: 150px;
    border:1px solid #AACFEA;
    border-right: 3px solid #AACFEA;
    border-bottom: 3px solid #AACFEA;
    padding: 3px;
    text-align: left;
    background-color: #EAF7FB;
    visibility: hidden;
    z-index: 100;
}
#hintpointer {
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}
/* This is the hacking and geeking part */
/* required fields - does not work in IE */
fieldset div.reqfield {
    font-weight: bold;
}
fieldset div.reqfield label:before {
    content: "* "; /* does not work in IE */
}



/* This is the bottom tabs  */

.tab-this{
	margin: 1px 0 7px 0;
	padding: 5px;
	border: 1px #7899CF solid;
}
.tab-header{
        height: 0px;
        visibility: hidden;
}

/* Link to the visible tab */
.tablink-on, .tablink-off{
	position:relative;
	*left: -2px;
	display: inline;
	cursor:pointer;
	width: 398px;
	font-weight: bold;
	font-size:12px;
	padding: 0px 5px 2px 5px;
	margin: 0 5px 0 0;
	text-indent:2px;
	border: 1px solid #7899CF;
}
/* Links to tabs which aren't visible */
.tablink-off {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.tablink-on {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
        background: #CCF;
}
/* These styles don't need editing */
.show-this{
	display:block;
	width:775px;
}
.hide-this{
	display:none;
}




/* This is the bottom layer tabs  */

#newlayer {
           position: realtive;
           float: left;
           height: auto;
           display: block;
           width: 765px;
           margin: 0px 10px 10px 0px;
           padding: 10px;
           color: #000;
           border-right: 1px solid #7899CF;
           border-left: 1px solid #7899CF;
           border-bottom: 1px solid #7899CF;
           font-face: arial, helvetica, verdana;
           font-size: 11px;
}

.middle {
        margin: 0px 0px 10px 55px;
}

.left {
       float: left;
       display: block;
       width: 765px;
       margin: 0px 0px 0px 0px;
       padding: 10px;
       color: #000;
       text-align: center;
       border: 1px solid #7899CF;
       font-face: arial, helvetica, verdana;
       font-size: 11px;
}