body{
margin:0;
padding:0;
line-height: 1.5em;
font-family: sans-serif, Arial, Helvetica; 
background: #012235 url("images/bg.jpg") no-repeat center top;
}

b{font-size: 110%;}
em{color: red;}

input{
border:1px solid #0050F2; 
width: 225px;   
}

#maincontainer{
width: 986px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topbar{
height: 38px; /*Height of top bar*/
margin-top:20px;
z-index:2;
text-align: center;
padding:0;
color:white;
background: url(images/top-l.jpg) no-repeat; 
}


#topbar-left{
  margin-top: 0px;
  margin-left: 12px;
  width:978px;
  height:38px;
  background: url(images/top-bg.jpg) repeat-x; 
  z-index:1;
  overflow: hidden;
}

#topbar-right{
  margin-top: -31px;  
  margin-left: 816px;
  height:38px;
  background: url(images/top-r.jpg) no-repeat 100% top; 
  z-index:2;
}


#topsection{
background: url(images/header.jpg) no-repeat ;
height: 132px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;

}

#contentcolumn{
margin: 0 11px -1px 198px; /*Margins for content column. Should be "0 RightColumnWidth -1px LeftColumnWidth*/
padding-top:30px;
min-height:419px;
background: #ffffff  url(images/main-bg.jpg) repeat-x;

}

#leftcolumn{
float: left;
width: 198px; /*Width of left column in pixel*/
margin-left: -100%; /*Set margin to that of -(MainContainerWidth)*/
background: url(images/left-bg.jpg) repeat-y;
}

#leftcolumn h1{
float: left;
height:40px;
width:187px;
padding-top:5px;
padding-left:25px;
font-size: 1.2em;
font-family: sans-serif, Arial, Helvetica; 
text-decoration:none;
background: url(images/side-header-l.jpg) no-repeat;
}



#rightcolumn{
float: left;
width: 193px; /*Width of right column*/
margin-left: -193px; /*Set left margin to -(RightColumnWidth)*/
background: url(images/right-bg.jpg) repeat-y;
}


#rightcolumn h1{
float: left;
margin-left: -8px;
height:40px;
width:187px;
padding-top:5px;
padding-left:45px;
font-size: 1.2em;
font-family: sans-serif, Arial, Helvetica; 
text-decoration:none;
background: url(images/side-header-r.jpg) no-repeat;
}



#footer-top{
margin-top: 0px;
clear: left;
width: 100%;
height: 38px;
background: url(images/footer-top.jpg) no-repeat;
padding-top: 10px;
}

#footer{
clear: left;
width: 100%;
height: 38px;
background: url(images/footer-l.png) no-repeat;
color: #5f7fa0;
font-weight:bold;
font-size: 0.75em;
padding: 10px 0;
z-index:2;
}

#footer-content{
color: #5f7fa0;
text-decoration:none;
padding-top:5px;
}


#footer a{
color: #5f7fa0;
text-decoration:none;
}

#footer a:hover{
color: #85b2d8;
text-decoration:none;
}

#footer-left{
  margin-top: -10px;
  margin-left: 13px;
  width: 960px;
  height:38px;
  background: url(images/footer-bg.jpg) repeat-x; 
}
#footer-right{
  margin-top: -38px;
  margin-left: 815px;
  height:38px;
  background: url(images/footer-r.png) no-repeat 100% top; 
  z-index:2;
}

#footer-center{
margin-top: -23px;
  text-align:center;
}


#footer-content-right{
  margin-top: -24px;
  text-align:right;
}

#help_icon{
  background: url(images/help_icon.jpg) no-repeat ;
  height: 25px;
  width: 25px;
}

/* These are for the help text display */
#messageBox{
        border-right: 1px solid #000000;
        position: absolute;
        width: 217px;
        height: auto;
        z-index: 1;
        background-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
        display:none;
}
#closeButt{
         width: 100%;
         height: 10px;
         z-index: 1;
         cursor: pointer;
         left: 0px;
         top: 0px;
         background-color: #808080; 
}
#contents{
        width: 100%;
        height: auto;
        z-index: 2;
}
/* Help text display styles end here */

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding-bottom: 3px;
}


/****SideMenu*****/
.sidemenu{
  position: relative; 
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style: none;
  list-style-type: none;
}

.sidemenu li {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  line-height: 1.1em;
  color:#85b2d8;
  margin-left: 0;
  font-size:0.75em;
  font-weight: bold;
  color:#85b2d8;
  display: block;
  padding: 5px 0px 6px 7px;
 
  background: url(images/li-bg.jpg) repeat-x bottom;
}

.sidemenu li a {
  color:#85b2d8;
  text-decoration:none;
  
}

.sidemenu li a:hover {
  color: #fff;
  background: url(images/li-bg-hover.jpg) repeat-x bottom;
  text-decoration:none;
}

/*****Topmenu*******/

#top-link{
  text-align: center;
  color: #ffffff;
  padding-top:7px;
  font-size: 0.8em;
}

#top-link a{
  text-align: center;
  color: #ffffff;
  padding: 4px;
  text-decoration:none;
  font-weight:bold;
}

#top-link a:hover{
  color: #FFF;
  text-decoration:none;
  background: #5F7FA0 100% ;
}


.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
/*********clearing*******/

div#wrapper2 {
    margin: 0;
    margin-left: -1px;
    padding: 0;
    background-image: url(images/right-bg.jpg);
    background-position: right;
    background-repeat: repeat-y;
    width: 100%;
    background-color: #000;
    
}
div#wrapper1 {
    margin: 0px;
    margin-left: 1px;
    padding: 0px;
    background-image: url(images/left-bg.jpg);
    background-repeat: repeat-y;
    width: 100%;

}



.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}




/***css by Prince***/
/***** AutoSuggest CSS ************/
div.autosuggest
{
	position: absolute;
	background-image: url(img/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(img/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(img/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(img/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(img/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(img/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(img/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(img/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(img/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}


/****CSS for message boxes ******/
.info, .success, .warning, .errors, .validation, .answer {
    border: 1px solid;
    margin: 10px 0px;
    padding:10px 10px 10px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
   
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;

}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;

}
.errors {
    color: #D8000C;
    background-color: #FFBABA;

}
.answer {
    color: darkgreen;
    background-color: lightgreen;

}