/* GLOBAL STYLES */

*{margin:auto; margin-right:auto; padding:0;}
html {padding:0; margin:auto; height:100%; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;}

body { 
  margin-top: 0px;
  margin-right: 50px;
  margin-bottom: 0px;
  margin-left: 50px;
  background-color:#516c7f;
  min-width:1100px;
  height:100%; 
}

a:active{text-decoration:none; font-weight:bold; color:#003994;}
a:visited{text-decoration:none; font-weight:bold; color:#003994;}

p{margin:0 10px 10px; font-size:11px;}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	padding: 3px;
	 text-align:left;
}

h2{margin:5px 5px 5px 40px; color:#003994;}
h3{margin:5px 5px 5px 40px; color:#003994;}
h4{margin:5px 5px 5px 10px; color:#003994;}
h5{margin:5px 5px 5px 40px; color:#003994;}

/* GENERAL DIVs */
/* container div wraps all content within the pages body tag. */
#container {
    /* height: 100%; */
    clear:both;
    margin-top: 0pt;
    margin-bottom: 0pt;
    width: 100%;
    text-align: center;

    background-color:white;
}

/* header style wraps the visible page header ( logo, menu, search box ) */
#header{
    width:100%; 
/*    height:125px;  */
    text-align:left;
    background-image:url('../images/bgspacer.jpg');
}

/* linediv - styles defining the area immediately below the drop down site menu  */
#linediv{
	background-position: bottom right;
	width: 100%;
	height: 11px;
	background-image: url('../images/line_back.gif');
	background-repeat: repeat;
	text-align: left;
}

#linediv_top{
	background-position: bottom right;
	height:11px;
	background-image: url('../images/linebar.gif');
	background-repeat: no-repeat;
	text-align:left;
}
#linediv_bot{
	background-position: bottom right;
	width: 100%;
	height:11px;
	background-image: url('../images/linebar.gif');
	background-repeat: no-repeat;
	text-align:left;
}

#linediv img{
	left:0px;
}

/* headertop stuyle defines the top portion of the visible page header (logo, search box) */
#headertop{
    width:100%; 
/*    height:80%;  */
    height:60px;  
    text-align:right;
}

/* headerbot stuyle defines the bottom portion of the visible page header - specifically the site navigation menu  */
#headerbot{
    width:100%; 
    height:25px;  
    text-align:right;
}


/* pageimage style defines the area above page content where a theme-related banner graphic may appear */
#pageimage {
height:150px;
text-align:left;
width:100%;
background-color:#fbf6e2;
float: right;
}
#pageimage img {
	float:right;
}

/* flashcontent style defines the area above page content where a banner flash animation may appear */
#flashcontent {
height:211px;
text-align:right;
width:100%;
background-color:white;
}


#leftcol {
  background: #300;
  float: left;
  width: 21%;
  /*
  height: 500px; 
  */
  height: 100%;
}
#rightcol {
  background: #f00;
  float: right;
  width: 20%;
  /*
  height: 500px; 
  */
  height: 100%;
    }

#arcs_footer{
    clear: both;
    width:100%; 
    height:125px; 
    background-image:url('../images/footerbg.jpg');
    padding: 10px 0 10px 0;
    background-color: #F8F8F0;
    border-top: 2px solid #C9BC99;
    color: #000000;
    text-align: center;
    font-size: 11px;
 
    margin-top: 10px;

}



DIV#wrapper{width:1000px; min-width:1000px; height:100%; min-height:100%; background-color:#fff;}


.topnav {
	color: #786042;
	float: right;
	font-size: 11px;
	height: 26px;
	line-height: 16px;
	text-align: center;
	width: 287px;
	background-image: url('../images/topbar.gif');
	background-repeat: no-repeat;
	background-color: #ebe7d0;
}

.searchform {
	float: right;
	font-size: 14px;
    width: 240px;

    text-align: left;
}
.searchform input{
width:auto;
}
.searchlabel {
	width: 65px;
	position: relative;
	
	font-weight: bold;
	text-align: left;

}



.header1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000080;
	text-align: left;
}





DIV#content{clear:both; width:100%; height:100%; margin-top:1px; margin-bottom:1px; background-color:#fff; 
text-align:justify;}

DIV#content img {
	padding: 10px 10px 5px 10px;
}

DIV#content2{width:100%; height:100%; background-color:#fff; text-align:left; line-height:160%; text-align:justify;}
DIV#wrapright{width:70%; height:100%; padding-left:10px ; background-color:#fff;}


/* Styles for leftmost column in three column layout */ 
DIV#columnleft{
	float: left;
	padding: 10px;
	width: 15%;
	height: 100%;
	background-color: #fbf6e2;
	text-align: left;
	line-height: 161%;
}

DIV#columnleft a:link{
    text-decoration:none; 
    font-weight:bold; 
    color:#003994;
    }
    
DIV#columnleft a:hover{color:#C70000;}



DIV#contentcenter{
    float:left; 
    padding:10px; 
    width:70%; 
    height:100%; 
    min-height:200px; 
    background-color:#fff;  
    line-height:16px; 
    text-align:justify;
    }
DIV#contentcenter ul{margin:0 10px 10px; font-size:11px;}
DIV#contentcenter li{margin-left:20px; list-style:disc outside;}


/* Styles for rightmost column in three column layout */ 
DIV#columnright{
    padding:10px; width:22%; 
    background-color:#fff; 
    text-align:left; 
    line-height:160%; 
    font-size:11px;
    text-align:left;
    float:right;
    }
DIV#columnright ul{margin:0 10px 10px; font-size:11px;}
DIV#columnright li{margin-left:20px; list-style:disc outside;}

/* Styles for flas video player */
#flashVideo{
	width: 760px;
	min-height: 500px;
  height:auto !important;
  height:500px;
	padding: 10px;
	border: 2px black solid;
	background: #F7F7F7;
	font-family: georgia,serif;
	font-size: 3em;
	color: white;
	margin-left: 10px;
	float:left;
	
}

#topscreen{
margin-top:60px;
	width: 800px;
	background-image: url(../images/topscreen.jpg);
	float:left;
}



/* styles for right column informational links */
DIV#infopod { 
    width: 100%;
    height: auto;
    margin-top:60px;
    border:thin #cccc99 inset; 
    background-color:#F2F0E3; 
    float:right;
}

DIV#infopod .top {
	width: 100%;
	height:40px;
	background-color:#708ea8;
	color:white;
	font-size:11px;
	font-weight: bold;
	text-align: center;
	line-height:14px;
}

#infobox {
background-color: #f3f3f3;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
font-size: 10px;
line-height: 130%;
color: #333333;
}

#infobox a, #infobox a:visited {
text-decoration: none;
font-weight: bold;
color: #003399;
font-size: 10px;
}

#infobox a:hover, #infobox a:visited:hover 
{
text-decoration: none;
font-weight: bold;
color: #3c5f84;
font-size: 10px;
}

#infobox #item .linktype
{
font-size: 10px;
color: #333333;
padding-bottom: 0px;
margin-bottom: 0px;
font-weight: bold;
}

#infobox #item {
	margin-top: 9px;
	font-size:10px;
	color:#666666;
	padding-bottom:6px;
	border-bottom:1px solid #DDDFE3; 
	}
#infobox #item img {
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
	}
.info-bullet
{
background-position: 0px 3px;
background-repeat: no-repeat;
padding-left: 28px;
}

.info-demo 
{
background-position: 0px 3px;
background-image: url(../images/tv_icon.gif);
background-repeat: no-repeat;
}

.info-pdf {
background-image: url(../images/pdf_tiny.gif);
}

.info-web, .info-article
{
background-image: url(../images/icon_doc.gif);
}

/* End Styles for right column informational links */

/* Styles for left column content in two column layout */
DIV#contentleft{
    float:left; 
    width:50%; 

  /*
    height:auto;
  */
  height: 100%;     
    background-color:#fff; 
    line-height: 16px; 
    text-align:justify; 
    }
DIV#contentleft .content { margin-left:20px;}
DIV#contentleft a:link{text-decoration:none; font-weight:bold; color:#003994;}
DIV#contentleft a:hover{color:#C70000;}

/* Styles for right column content in two column layout */
DIV#contentright { float:right; width:49%; 

  /*
    height:auto;
  */
  height: 100%; 
background-color:#fff; line-height:16px;  text-align:justify;}
DIV#contentright .content { margin-left:20px;}
DIV#contentright ul{
	margin: 0 10px 10px 20px;
	font-size: 11px;
}
DIV#contentright li{margin-left:20px; list-style:disc outside;}




DIV#formcontainer{width: 90%; height:auto; text-align:left;}
DIV#formwrapper{width:90%; min-width:90%; height:100%; min-height:100%; background-color:#fff; text-align:left;}


DIV#form{width:90%; height:100%; background-color:#fff; text-align:left;}
.formleft{float:left; width:25%; height:25px; margin-left:15px; text-align:left; padding-top: 5px;}
.formright{width:65%; height:25px; text-align:left; padding-top: 5px;}
.formright2{width:65%; height:auto; text-align:left; padding-top: 5px;}

/* Login Styles  */

#loginBox {
width: 450px;
background-color: #ffffff;
background-attachment: scroll;
padding: 10px 10px 10px 10px;
border:2px #175ba4 solid;
text-align: left;
font-family: Arial,Helvetica,sans-serif,Verdana;
font-size: 12px;
line-height: 14px;
}
#loginBox table{
background-color: #f6f6f7;
}

#loginBox .loginTitle
{
color: #438eef;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
#loginBox .bgline	{ background:#BBBBBC;	border:0px none;	height:1px;	}
#loginBox .tableLabel		{ font-weight: bold; white-space: nowrap; text-align: right; padding: 5px 0 0 0; color:#333333;} 

#loginBox .formButton

{
font-family: arial;
font-weight: bold;
margin: 0pt;
border:1px #438eef outset;

font-size: 11px;
color: #ffffff;
background-color: #438eef;
padding: 0pt 3px 0px 3px;

}
#loginBox .smallText 	{ font-size:11px;	line-height:12px;	color:#003994; font-weight:bold; text-decoration:none;}


	
/* CLASSES */
.banner{
	padding: 5px 0 0 0;
	width: 95%;
	height: 25px;
	
	color: #325087;
	margin: 10px 10px 10px;
}

.banner h5{
	color: #226470;
}

.banner h4{
background-color: #F2F0E3;
}

.banner h5, .banner h4 {margin:5px 0 0 5px;}

.arcs {
color: #325087;
font-weight: bold;
}

.content ul{
	margin: 0 10px 10px 20px;
	font-size: 11px;
}
.content li{
	margin-right: 10px;
	list-style: disc inside;
	margin-left: 20px;
}

.header
{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
color: #003994;
}

.cognos {
font-family: "Fantasy", "Times New Roman","Courier New","Comic Sans MS", Courier, monospace;
/* text-transform:uppercase;  */ 
}

p.header{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #003994;
}

/* LINK CLASSES */
a.search:link{color: #002560; text-decoration:none; font-weight:normal;}
a.search:visited{color: #002560; text-decoration:none; font-weight:normal;}
a.search:hover{color:#000000; text-decoration:none; font-weight:normal;}
a.search:active{color: #002560; text-decoration:none; font-weight:normal;}

a.one:link{color: #002560; text-decoration:none;}
a.one:visited{color: #002560; text-decoration:none;}
a.one:hover{color:#000000; text-decoration:none;}
a.one:active{color: #002560; text-decoration:none;}

a.two:link {color: #786042; text-decoration:none;font-weight:normal;}     /* unvisited link */
a.two:visited {color: #786042; text-decoration:none;font-weight:normal;}  /* visited link */
a.two:hover {color: #000000; text-decoration:none;font-weight:normal;}   /* mouse over link */
a.two:active {color: #786042; text-decoration:none;font-weight:normal;}   /* selected link */

a.submenu:hover{padding:5px;}
a.submenu:active{padding:5px;}
a.submenu:visited{padding:5px;}
a.submenu:link{padding:5px;}

/* BREADCRUMB CLASS */
.breadcrumbs {margin-bottom: 10px; padding-bottom:5px; }
.currentnode{font-weight:bold; color:#5D5D5D; text-decoration:none; font-size:11px;}
.node{font-weight:bold; color:#003994; text-decoration:none; font-size:11px; padding-bottom: 10px;}
.pathseperator{}
.rootmode{}

/* SIDE LINKS CLASS */
.sidelink{font-weight:bold; color:#003994; text-decoration:none; font-size:9px;}
.currentlink{font-weight:bold; color:#5D5D5D; text-decoration:none; font-size:9px;}


ul.sm1{
list-style-image: url('../images/arrow.gif');
list-style-position: inside; 
}

ul.sm2{
list-style-image: url('../images/dot.gif');
list-style-position: inside; 
}
/* SITEMAP CLASS */
.sitemap{margin-left:40px;}
.sitemap ul{
    list-style-image: url('../images/arrow.gif');
    }
.sitemap ul ul{

    list-style-image: url('../images/dot.gif');
     list-style-position: inside; 

    }    
.sitemap a:link, a:visited, a:active{text-decoration:none; color:#003994;}
.sitemap a:hover{color:#C70000;}
.sitemap li{
    margin-left: 20px; 
    padding-left:20; 
    font-weight:normal;
    font-size:14px;}

.sitemap li li{
    margin-left: 20px; 
    padding-left:20; 
    font-weight:normal;
    }
.sitemap li li a{font-weight:normal; font-size:11px;}

hr.double {border: none 0; 
	border-top: 3px double #cec09c;
	width: 60%;
	height: 3px;
	margin: 10px auto 20px 20px;
	text-align: left;
	}
.style1
{
color: #003994;
}

/* News Feed Item Styles */
.news_wide {
width:90%;
margin:10px;
text-align:left;
	}
.news_wide .title {
color: #325087;
font-size:18px;
font-family:"Verdana";
margin-top:5px;
margin-bottom:5px;
}
.news_wide .summary {
	color: black;
	font-size: 12px;
	font-family: Verdana;
}
.news_wide .pub_date{
color:#5d5d5d;
font-size:11px;
font-family:"Verdana";
}

.news_wide .item_link{
color:blue;
font-size:14px;
font-family:"Verdana";
}

.news_bullet {
text-align:left;
background-color: #f3f3f3;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
font-size: 10px;
line-height: 130%;
color: #333333;
}

.news_bullet .pub_date{
font-size: 9px;
color: #333333;
padding-bottom: 0px;
margin-bottom: 0px;
font-weight: bold;
}

.news_bullet .title {
color: #325087;
font-size:11px;
font-family:"Verdana";
margin-top:3px;
margin-bottom:3px;
}


.arcs-content{
	background-color:#ffffff;
}
.arcs-content{
	background-color:#ffffff;
}

.arcs-container h1, .arcs-content h2 {
	font-family: arial,sans-serif;
	font-size: 1.7em;
    font-weight: normal;
    color:#4c6e94;
    margin:5px;
}
.arcs-container .content{
	border:1px #cccccc solid;
	font-size: 0.75em;
	padding-left: 5px;
}
.arcs-container .top{
	background-color: #ffffff;
    background-image: url('images/grad1.gif');
    background-repeat: repeat-x;
    background-attachment: scroll;
	border:1px #cccccc solid;
	margin:0px 0px 0px 0px;
	padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    font-size: 0.80em;

}


a.back-to-top
{
background-color: transparent;
background-image: url('images/u_bold.gif');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 2px 4px;
text-decoration: none;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 21px;
color: #4c6e94;
}
p.back-to-top
{
clear: both;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-align: right;

}