/* CSS Document */

html,body,p,div,img,li,ul,dl,dd,dt,form,table,td,tr,form{

  margin:0px 0px 0px 0px;
  padding:0;
  border:0;
  border-spacing:0;
}

input,select{
  margin:0;
  padding:0;}

.hidden {position: absolute; left: -9000px}

input.btn{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   font-weight:normal;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;}

  
/* Main DIV Layouts --------------------------------------------------*/
body{margin-left:0.5%;
margin-right:0.5%;
}

#contain{margin:0px 0px 0px 0px}

#bluebar{
margin:0;
padding:0;
background-color:#004D91;
height:36px
}

#top{
width:100%;
margin:0;
padding:0 ;
height:30px;
background-color:#004D91;
font-family:verdana;
font-size:0.8em;
font-weight:normal;
color:#ffffff
}

#top ul {margin:5px 0px 5px 10px; float:left}

#top ul li { display: inline }

#top ul li a
{
padding: 0;
background-color: #004D91;
color:#ffffff;
text-decoration: none;
border-width: 0px; 
margin: 0px 5px 0px 0px
}

#top ul li a:visited
{
background-color: #004D91;
color: #ffffff
}

#top ul li a:hover
{
background-color: #004D91;
color: #ffffff;
text-decoration: underline
}





#top ul li a:active
{
background-color: #004D91;
color: #ffffff
}


#whitebar{
margin:0px 0px 15px 0px;
padding:0;
background-color:#ffffff;
height:20px;
}




#search{

float:right;
margin:3px 10px 3px 0px;
background-color:#004D91;
color:#ffffff;
font-family:verdana;
font-size:0.8em;
font-weight:normal}


#header{
clear:both;
margin:3px 0px 1px 0px;
padding:0;
height:74px;
background-color:#00ADEF
}


  #navcontainer ul
{
padding-left: 0;
margin: 0px 0px 25px 0px;
background-color: #004D91;
color: #ffffff;
float: left;
width: 100%;
font-family: verdana, arial, helvetica, sans-serif;
font-size:80%;
line-height:120%;
text-align:center

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #004D91;
color: #ffffff;
text-decoration: none;
float: left;
border-right: 1px solid #ffffff;

}
#navcontainer ul li a:hover.intro
{background-color: #004D91; color: #00ADEF;  }

#navcontainer ul li a:hover.oneblue
{background-color: #00ADEF; color: #ffffff;}

#navcontainer ul li a:hover.twogreen
{background-color: #6DB33F; color: #ffffff;}

#navcontainer ul li a:hover.threered
{background-color: #EE3224; color: #ffffff;}

#navcontainer ul li a:hover.fourorange
{background-color: #F79239; color: #ffffff;}

#navcontainer ul li a:active.oneblue
{background-color: #00ADEF; color: #ffffff;}


#navcontainer ul li a.blue
{
padding: 0.2em 1em;
background-color: #00ADEF;
color: #ffffff;
text-decoration: none;
float: left;
border-right: 1px solid #ffffff;

}


#navcontainer ul li a.green
{
padding: 0.2em 1em;
background-color: #6DB33F;
color: #ffffff;
text-decoration: none;
float: left;
border-right: 1px solid #ffffff;

}


#navcontainer ul li a.red
{
padding: 0.2em 1em;
background-color: #EE3224;
color: #ffffff;
text-decoration: none;
float: left;
border-right: 1px solid #ffffff;

}


#navcontainer ul li a.orange
{
padding: 0.2em 1em;
background-color: #F79239;
color: #ffffff;
text-decoration: none;
float: left;
border-right: 1px solid #ffffff;

}


#navcontainer ul li a.intron
{
padding: 0.2em 1em;
background-color: #004D91;
color: #00ADEF;
text-decoration: none;
float: left;
border-right: 1px solid #ffffff;

}


#container{
margin:0;
padding:0;
background-color:#ffffff
}


/* Main DIV Layouts --------------------------------------------------*/


#leftcol{
width:190px;
float:left;
font-family:verdana;
font-size:0.8em;
font-weight:normal;
padding:0px 0px 0px 15px;




}


#leftcol ul li {  padding: 5px 10px 10px 0px; list-style:none; border-style:dotted; border-color:#cccccc; border-width:0px 0px 1px 0px;  }

#leftcol ul li a
{display: block ;
background-color: #ffffff;
color:#333333;
text-decoration: none;
margin:0;
padding: 0px 0px 0px 15px;
}




#leftcol ul li a:visited
{
background-color: #ffffff;

}

#leftcol ul li a:hover
{
background-color: #ffffff;
font-weight:normal;
background-image: url(../images/point.gif);
background-position: 0px 3px;
background-repeat: no-repeat;


}




#leftcol ul li a:active
{
background-color: #ffffff;
color: #333333
}








/* Content Layouts --------------------------------------------------*/

#contentcontainer {clear:both;  }

#content
{
padding:0px 10px 0px 10px;
font-family:verdana;
border-style:solid;
border-color:#cccccc;
border-width:0px 0px 0px 1px;
border-style:solid;
margin-left:220px;
margin-right:30px;
color:#333333;
}


#content p{
margin:5px 10px 10px 0px;
font-weight:normal;
color:#333333;
font-size:0.8em
}

#content p .b{
margin:10px 10px 10px 0px;
font-weight:normal;
color:#00ADEF;
font-size:0.8em
}

#content h1{
margin:0px 0px 10px 0px;
font-weight:normal;
color:#004D91;
font-size:1.1em
}

#content h2{
margin:15px 0px 0px 0px;
font-weight:bold;
color:#004D91;
font-size:0.9em
}

#content h3{
margin:0px 0px 10px 0px;
font-weight:bold;
color:#00ADEF;
font-size:0.8em
}


#content ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;font-size:0.8em}
#content ul li {background: url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 15px; color:#333333;}

#content ul ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;font-size:100%}
#content ul ul li {background: url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 15px; color:#333333;}




#content2 ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#content2 ul li {background: url(../images/bullet.gif) no-repeat 0em 0.3em; display: block; padding: 0.2em 0 0.1em 15px; color:#333333;}

#content ol {list-style-type:lower-roman;  margin: 0px 30px 0px 40px; padding: 0 0 0.6em 0;font-size:0.8em; color:#333333;}


#content ol .five { margin: 0px 30px 0px 40px; padding: 0 0 0.6em 0;font-size:100%; }


/* Tables */
#content table { margin: 10px 0px 20px 0px}
#content th {text-align:left; color:#ffffff; background-color:#005596; padding:2px 2px 2px 10px; font-size:0.8em; }
#content td {text-align:left; color:#333333; background-color:#E5EEF4; font-size:0.8em; padding:2px 2px 2px 10px; }
#content td.dark {text-align:left; color:#333333; background-color:#D9E6EF; font-size:0.8em; padding:2px 2px 2px 10px}


#smalltable th{text-align:left; color:#ffffff; background-color:#005596; padding:1px; font-size:0.7em; }
#smalltable td {text-align:left; color:#333333; background-color:#E5EEF4; font-size:0.7em; padding:1px; }



/* Right Col --------------------------------------------------*/



#bb td{
		background-image:url(../images/graphic.jpg);
		width:310px;
		height:155px;
		margin:0 ;
		
		background-repeat:no-repeat; 
		font-family:verdana,arial;
		font-size:0.8em;
		color:#00ADEF;
}




#rightcol{
		width:30%;
		float:right;
		background-color:#ffffff;
		font-family:verdana;
		color:#333333;
		margin:0;
		padding:20px 15px 0px 15px 
}

/* Right Hand DIV Layouts --------------------------------------------------*/
#forward
{
			height:25px;
			margin:0;
			padding:0;
			background-image:url(../images/forward.gif);
			background-repeat:no-repeat;

}

#middle{
		margin-bottom:10px;
		padding:15px 10px 30px 10px;
		background-color:#C0DFF0;
		border-color:#1496E0;
		border-style:solid;
		border-width:0px 1px 1px 1px;
}

#middle a:link{
			font-size:0.8em;
			text-decoration:underline;
			color:#000000
}
#middle a:visited{

font-size:0.8em;
text-decoration:underline;
color:#000000
}
#middle a:hover{

font-size:0.8em;
text-decoration:underline;
color:#000000
}




#bottom{clear:both; margin-top:50px}


#footer {
			margin:20px 0px 0px 0px;
			background-color:#ffffff;
			font-size:0.7em;
			font-family:verdana;
			color:#333333;
			text-align:center;
}
#for img{float:left; margin:0; width:153px}
#skill img{float:right; margin:0; width:130px}


/* INDEX DIVS --------------------------------------------------*/

#home{
clear:none;
padding:0px 10px 15px 10px;
font-family:verdana;
border-style:solid;
border-color:#cccccc;
border-width:0px 0px 0px 1px;
border-style:solid;
margin-left:220px;
margin-right:30px}


/* Homepage Navigation Boxes */
td.navytop  {text-align: right; height:45px; color: #ffffff; background-color: #004D91; font-weight: bold; font-size: 0.8em; padding: 5px; background-image:url(../images/oneleft.gif); background-position:left top; background-repeat: no-repeat}
td.bluetop {text-align: right; height:45px; color: #ffffff; background-color: #00ADEF; font-weight: bold; font-size: 0.8em; padding: 5px;background-image:url(../images/twoleft.gif); background-position:left top; background-repeat: no-repeat}
td.greentop   { text-align: right; height:45px; color: #ffffff; background-color: #6DB33F; font-weight: bold; font-size: 0.8em; padding: 5px;background-image:url(../images/threeleft.gif); background-position:left top; background-repeat: no-repeat}
td.redtop   {text-align: right; height:45px; color: #ffffff; background-color: #EE3224; font-weight: bold; font-size: 0.8em; padding: 5px;background-image:url(../images/fourleft.gif); background-position:left top; background-repeat: no-repeat}
td.orangetop {text-align: right; height:45px; color: #ffffff; background-color: #F79239; font-weight: bold; font-size: 0.8em; padding: 5px; background-image:url(../images/fiveleft.gif); background-position:left top; background-repeat: no-repeat}

#oneh{font-family:verdana; font-size:2.5em; color:#003360; float:left; font-weight:bolder}
#twoh{font-family:verdana; font-size:2.5em; color:#0080B1; float:left; font-weight:bolder}
#threeh{font-family:verdana; font-size:2.5em; color:#538830; float:left; font-weight:bolder}
#fourh{font-family:verdana; font-size:2.5em; color:#AE241A; float:left; font-weight:bolder}
#fiveh{font-family:verdana; font-size:2.5em; color:#D47D31; float:left; font-weight:bolder}

td.navytop1  {text-align: right; height:45px; color: #ffffff; background-color: #004D91; font-weight: bold; font-size: 0.8em; padding: 5px; background-image:url(../images/oneleft1.gif); background-position:left top; background-repeat: no-repeat}
td.bluetop1 {text-align: right; height:45px; color: #ffffff; background-color: #00ADEF; font-weight: bold; font-size: 0.8em; padding: 5px;background-image:url(../images/twoleft1.gif); background-position:left top; background-repeat: no-repeat}
td.greentop1   { text-align: right; height:45px; color: #ffffff; background-color: #6DB33F; font-weight: bold; font-size: 0.8em; padding: 5px;background-image:url(../images/threeleft1.gif); background-position:left top; background-repeat: no-repeat}
td.redtop1   {text-align: right; height:45px; color: #ffffff; background-color: #EE3224; font-weight: bold; font-size: 0.8em; padding: 5px;background-image:url(../images/fourleft1.gif); background-position:left top; background-repeat: no-repeat}
td.orangetop1 {text-align: right; height:45px; color: #ffffff; background-color: #F79239; font-weight: bold; font-size: 0.8em; padding: 5px; background-image:url(../images/fiveleft1.gif); background-position:left top; background-repeat: no-repeat}


td.navymid  {color: #333333; background-color: #ffffff;  font-size: 80%; padding: 5px 5px 5px 5px; border:solid #004D91; border-width:0px 1px 1px 1px}
td.bluemid {color: #333333; background-color: #ffffff;  font-size: 80%; padding: 5px 5px 5px 5px; border:solid #00ADEF; border-width:0px 1px 1px 1px}
td.greenmid   {color: #333333; background-color: #ffffff;  font-size: 80%; padding: 5px 5px 5px 5px; border:solid #6DB33F; border-width:0px 1px 1px 1px}
td.redmid   {color: #333333; background-color: #ffffff;  font-size: 80%; padding: 5px 5px 5px 5px; border:solid #EE3224; border-width:0px 1px 1px 1px}
td.orangemid {color: #333333; background-color: #ffffff;  font-size: 80%; padding: 5px 5px 5px 5px; border:solid #F79239; border-width:0px 1px 1px 1px}

.navylink {color:#004D91;}
.bluelink {color:#00ADEF;}
.greenlink {color:#6DB33F;}
.redlink {color:#EE3224;}
.orangelink {color:#F79239;}

/* Homepage Navigation Boxes links */
td.navytop1 a:link   {   text-decoration:none; font-weight: bold;  color: #ffffff;}
td.navytop1 a:visited {   text-decoration:none; color: #ffffff;}
td.navytop1 a:hover   {   text-decoration:underline; color: #ffffff;} 

td.bluetop1 a:link   {   text-decoration:none; font-weight: bold;  color: #ffffff;}
td.bluetop1 a:visited {   text-decoration:none; color: #ffffff;}
td.bluetop1 a:hover   {   text-decoration:underline; color: #ffffff;} 

td.greentop1 a:link   {   text-decoration:none; font-weight: bold;  color: #ffffff;}
td.greentop1 a:visited {   text-decoration:none; color: #ffffff;}
td.greentop1 a:hover   {   text-decoration:underline; color: #ffffff;} 


td.redtop1  a:link   {   text-decoration:none; font-weight: bold;  color: #ffffff;}
td.redtop1  a:visited {   text-decoration:none; color: #ffffff;}
td.redtop1  a:hover   {   text-decoration:underline; color: #ffffff;} 

td.orangetop1 a:link   {   text-decoration:none; font-weight: bold;  color: #ffffff;}
td.orangetop1 a:visited {   text-decoration:none; color: #ffffff;}
td.orangetop1 a:hover   {   text-decoration:underline; color: #ffffff;} 

/* Homepage Navig */
#placecontain {margin:0; font-family:verdana, aerial; font-size:0.8em;}



#placecontain th.ntop  {color: #ffffff; background-color: #004D91; font-weight: bold; font-size: 0.8em; padding: 5px; background-image:url(../images/oneleft.gif); background-position:left top; background-repeat: no-repeat}
#placecontain th.btop {color: #ffffff; background-color: #00ADEF; font-weight: bold; font-size: 0.8em; padding: 5px;background-image:url(../images/twoleft.gif); background-position:left top; background-repeat: no-repeat}
#placecontain th.gop   {color: #ffffff; background-color: #6DB33F; font-weight: bold; font-size: 0.8em; padding: 5px;background-image:url(../images/threeleft.gif); background-position:left top; background-repeat: no-repeat}
#placecontain th.rtop   { color: #ffffff; background-color: #EE3224; font-weight: bold; font-size: 0.8em; padding: 5px;background-image:url(../images/fourleft.gif); background-position:left top; background-repeat: no-repeat}
#placecontain th.otop { color: #ffffff; background-color: #F79239; font-weight: bold; font-size: 0.8em; padding: 5px; background-image:url(../images/fiveleft.gif); background-position:left top; background-repeat: no-repeat}

#placecontain td.nmid  {color: #333333; background-color: #ffffff;  font-size: 80%; padding: 5px 5px 5px 5px; border:solid #004D91; border-width:0px 1px 1px 1px}
#placecontain td.bmid {color: #333333; background-color: #ffffff;  font-size: 80%; padding: 5px 5px 5px 5px; border:solid #00ADEF; border-width:0px 1px 1px 1px}
#placecontain td.gmid   {color: #333333; background-color: #ffffff;  font-size: 80%; padding: 5px 5px 5px 5px; border:solid #6DB33F; border-width:0px 1px 1px 1px}
#placecontain td.rd   {color: #333333; background-color: #ffffff;  font-size: 80%; padding: 5px 5px 5px 5px; border:solid #EE3224; border-width:0px 1px 1px 1px}
#placecontain td.od {color: #333333; background-color: #ffffff;  font-size: 80%; padding: 5px 5px 5px 5px; border:solid #F79239; border-width:0px 1px 1px 1px}

#placecontain table{float:left; margin:0px 15px 20px 0px}














#we
{clear:both; font-family:verdana; margin:0px 10px 50px 10px}







/* Homepage Content and placeholder */
#contenttext {padding: 0px 15px 10px 15px;
		  margin-left: 0px;
		  margin-right: 330px;
		  background-color: #FFFFFF;
		  font-family:verdana;}
		  

			
#contenttext p{
			margin:10px 10px 10px 0px;
			font-weight:normal;
			color:#333333;
			font-size:0.8em
}

#contenttext h1{
			margin:0px 0px 10px 0px;
			font-weight:normal;
			color:#004D91;
			font-size:1.2em
}

#contenttext h2{
			margin:0px 0px 10px 0px;
			font-weight:bold;
			color:#00ADEF;
			font-size:1em}
			
#contenttext ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;font-size:0.8em}
#contenttext ul li {background: url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 15px;}			
			
			
			
			
#contentplace {float: right;
			width: 330px;
			margin: 0px 1% 0px 0px;
			padding: 0px 0px 0px 0px;
			background-color: #FFFFFF;}



#placehome {width:310px;
			height:155px;
			margin:0px 0px 30px 0px ;
			background-image:url(../images/graphic.jpg);
			background-repeat:no-repeat;
			font-family:verdana;
			color:#333333;
			padding: 10px 10px 0px 15px}

#placehome h2 {margin:10px 0px 10px 0px; font-size:1.6em}
#placehome p{margin:10px 0px 10px 0px; font-size:0.8em}

#placehome p a:link   { font-weight:normal; color:#333333; text-decoration:none;}
#placehome p a:visited { font-weight:normal; color:#333333; text-decoration:none;}
#placehome p a:hover   { font-weight:normal; color:#333333; text-decoration:underline;} 

#placehome h2 a:link   { font-weight:bold; color:#00ADEF; text-decoration:none;}
#placehome h2 a:visited { font-weight:bold; color:#00ADEF; text-decoration:none;}
#placehome h2 a:hover   { font-weight:bold; color:#00ADEF; text-decoration:underline;} 

#placehome p.blue{color:#00ADEF}
#placehome p.blue a:link   { font-weight:bold; color:#00ADEF; text-decoration:none;}
#placehome p.blue a:visited { font-weight:bold; color:#00ADEF; text-decoration:none;}
#placehome p.blue a:hover   { font-weight:bold; color:#00ADEF; text-decoration:underline;} 		  		  
		  		  
img.right {float:right; margin:10px 10px 10px 10px; }
img.left {float:left; margin:10px 10px 10px 10px; }

sup {font-size:0.8em;}

hr { height:1px; }

#content p .caption{font-size:0.7em;  }


.next {float:right; color:blue}
.tablelink {color:#ffffff}





/* Summary layout */


#summary{background-color:#DDEFFA; padding:5px 5px 5px 5px}

#summary ul  {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;font-size:0.8em}
#summary ul li {background: url(../images/summary.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 15px;}

.border {border-style:solid; border-width:1px; border-color:#004D91}