/* **************************************************** */
/*   sIFR styles in sIFR-screen.css and sIFR-print.css   */
/* ***************************************************** */

/* ***************************************************** */
/* Global CSS Styles - These are your standard html tags */
/* ***************************************************** */
* {outline: none;} 
a:link, a:visited {text-decoration:none; color:#F48026; }
a:hover, a:active {text-decoration:underline; color: #F48026; }

body {
    font-family: verdana, sans-serif;
	font-size: 11px;
    margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	background: url(../images/background-pattern.gif) repeat left top;
}

#fade{
	position: absolute;
	background-image: url(../images/background-fade.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 230px;
	width: 100%;
	z-index: 2;
	visibility: visible;
}

img { behavior: url(iepngfix.htc) } /* PNG fix in IE6 */

/* ********************************************************************************** */
/* Layout CSS - these are author css styles that control the general layout structure */
/* ********************************************************************************** */

#container {
	margin: 0px auto; /* centers horizontal */
	margin-top:4px;
	width: 757px;
	min-height:400px;
}
#seeitcontainer {
/*	margin: 0px auto;  centers horizontal */
	margin-top:4px;
	width: 500px;
	min-height:400px;
}
/* IE6 Hack */
/*\*/
* html #container {height: 400px;}
/**/

#logo {
	width:100%;
	height:75px;
/*	background:url(../images/CapElogobanner.gif) no-repeat top left;*/	
}

#logocopy {
    float:right;
	width:200px;
	text-align:right;
	font-size:12px;
	line-height:2;
	padding:10px 20px 0px 0px;
}

#flashdefault {
    width:100%;
	height:725px;
	padding-bottom: 10px;
}

#flash {
    width:100%;
	height:260px;
	padding-bottom: 10px;
}

#header {
	width:100%;
	height:78px;
	padding-bottom:10px;
}

#maincontent {
	width:100%;
    float:right;
}
#seeitcontent {
	width:600px;
    float:left;
}
/* Navigation Box */
#mainnavbox {
    width: 170px;
	float: left;
	padding: 0px;
}

#mainnavtop {
   height: 20px;
   background:url(../images/mainnavtop.png) no-repeat top center;
}

#mainnav {
	text-align:center;
	padding: 10px 0px 10px 0px;
    min-height: 235px;
	background: #ffffff url(../images/mainnavbg.png) no-repeat top center;
}

#mainnavbtm {
    height: 20px;
    background:url(../images/mainnavbtm.png) no-repeat bottom center; 
}

/* Content Box */
#contentbox {
    width: 574px;
    float:right;
	padding: 0px;
}

#contenttop {
	height:20px;    
	background: url(../images/containertop.png) no-repeat top center;
}

#content {
    padding: 0px 2px 0px 2px;
	padding-bottom:20px;
	background: #ffffff url(../images/containerbg.png) repeat-y center;
}

#contentbtm {
	height:20px;    
	background: url(../images/containerbtm.png) no-repeat bottom center;
}

#left {
    float:left;
	width: 365px;
/*	background-color:#ffffff;*/
	border-right:1px solid #666666;
}

#right {
    float:right;
	width: 188px;
	text-align:center;
	padding-right:8px;
/*	background-color:#ffffff;*/
}


/* ********************************************************************** */
/* Formatting CSS - these are user css styles that control the formatting */
/* ********************************************************************** */
/* Headers & Titles */
h1 {
    margin:0px 0px 15px 0px;
	background-color:#ffffff;
	font: bold 12px verdana, sans-serif;
	color: #007DC3;
	padding: 10px 0px 0px 10px;
}

h2 {
    margin:1px;
	font: bold 11px verdana, sans-serif;
	color: #007DC3;
}

#content .copy {
    font-family: verdana, sans-serif;
    font-size: 11px;
	padding: 0px 8px 0px 8px;
	line-height: 2.0;
	text-align:left;	
	background-color:#ffffff;
}

#content .grayleft {float:left;width:21px;height:21px;background:url(../images/title_gray_left.gif) no-repeat;}
#content .graymiddle {float:left;height:21px;background:url(../images/title_gray_middle.gif) repeat-x;font-weight:bold;color:#fff;}
#content .grayright {float:left;width:10px;height:21px;background:url(../images/title_gray_right.gif) no-repeat;}

#content .orangeleft {float:right;width:5px;height:21px;background:url(../images/orange_left.gif) no-repeat;}
#content .orangemiddle {float:right;height:21px;background:url(../images/orange_middle.gif) repeat-x;font-weight:bold;color:#fff;}
#content .orangemiddle a {color:#fff;}
#content .orangeright {float:right;width:5px;height:21px;background:url(../images/orange_right.gif) no-repeat;}

.seeitcopy {
    font-family: verdana, sans-serif;
    font-size: 11px;
	padding: 0px 8px 0px 8px;
	line-height: 1.5;
	text-align:left;	
	height:550px;
	width:620px;
	overflow:auto;
}
#content .copysmall {
    font-family: verdana, sans-serif;
    font-size: 10px;
	padding: 8px 8px 0px 8px;
	line-height: 2.0;
	text-align:left;	
	background-color:#ffffff;
}

#seeitcontent .grayleft {float:left;width:21px;height:21px;background:url(../images/title_gray_left.gif);}
#seeitcontent .graymiddle {float:left;height:21px;background:url(../images/title_gray_middle.gif);font-weight:bold;color:#fff;}
#seeitcontent .grayright {float:left;width:10px;height:21px;background:url(../images/title_gray_right.gif);}

#seeitcontent .orangeleft {float:right;width:5px;height:21px;background:url(../images/orange_left.gif);}
#seeitcontent .orangemiddle {float:right;height:21px;background:url(../images/orange_middle.gif);font-weight:bold;color:#fff;}
#seeitcontent .orangemiddle a {color:#fff;}
#seeitcontent .orangeright {float:right;width:5px;height:21px;background:url(../images/orange_right.gif);}

#content .content {
    background-color:#ffffff;
	border:1px solid red;
}

/* ********************************************************************** */
/* Navigation CSS - main menu, secodnary menu, utility nav                */
/* ********************************************************************** */
/* Main Navigation */
#mainnav .navlink { 
	width:149px;
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
	border-bottom:1px solid #666666; 
	text-align:left;
	font-size:12px;
	letter-spacing:1px;
	word-spacing:2px;
}

#mainnav a:link, #mainnav a:visited  {
	text-decoration:none;
	color: #666666;
}

#mainnav a:hover, #mainnav a:active  {
	text-decoration:none;
	color: #000000;
}

#mainnav a:link.mainnavon, #mainnav a:visited.mainnavon  {
	text-decoration:none;
	color: #000000;
}

#mainnav a:hover.mainnavon, #mainnav a:active.mainnavon  {
	text-decoration:underline;
	color: #000000;
}

/* Sub Navigation */
#mainnav .subnav, #mainnav .subnavon {
    display:block;
	font-size:10px !important;
	letter-spacing:1px;
	word-spacing:2px;
	margin:5px 0px 5px 15px;
}

#mainnav a:link.subnav, #mainnav a:visited.subnav  {
	text-decoration:none;
	color: #666666;
}

#mainnav a:hover.subnav, #mainnav a:activesub.subnav  {
	text-decoration:underline;
	font-size:10px !important;	
	color: #000000;
}

/* Sub Navigation ON */
#mainnav a:link.subnavon, #mainnav a:visited.subnavon  {
	text-decoration:none;
	color: #000000;
}

#mainnav a:hover.subnavon, #mainnav a:activesub.subnavon  {
	text-decoration:underline;
		font-size:10px !important;	
	color: #000000;
}
.activesub {font-size:10px !important;}
/* Utlity Navigation */
#utilitynav {
    width:800px;
	margin:0px auto;
	text-align:right;
	font-family: arial, sans-serif;
	font-size:10px;
}

#utilitynav a {    
	color: #5e2722;
}

/* Footer Navigation */
#footernav { 
	text-align:center;
	font-size:10px;
	letter-spacing:1px;
	word-spacing:2px;
}

#footernav a:link, #footernav a:visited  {
	text-decoration:none;
	color: #f55e17;
}

#footernav a:hover, #footernav a:active  {
	text-decoration:underline;
	color: #f55e17;
}

#footernav a:link.footernavon, #footernav a:visited.footernavon  {
	text-decoration:none;
	color: #f55e17;
}

#footernav a:hover.footernavon, #footernav a:active.footernavon  {
	text-decoration:underline;
	color: #f55e17;
}

/* ************* */
/* Footer CSS  */
/* ************ */

#footer {
    width:736px;
    margin: 0 auto;
    text-align:center;
	padding:10px;
}

#footer .copyright, #legal .copyright {
 	font-family: verdana, sans-serif;
	font-size:10px;
	color:#999999;
}

#legal {
    width:736px;
    margin: 0 auto;
    text-align:center;
	padding:10px;
}
/* ********************** */
/* Form Input Fields CSS  */
/* ********************** */

input, select, option, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000; 
}      


ul{
	padding:2px;
	margin:0 0 0 15px;
	list-style-type:square;
	}
li{
	padding:5px;
	}
/*ul{ padding:0; margin:0; list-style:square; !important}*/
/*#solutionslist li{
	padding:0;
	margin:0;
	list-style-type: square !important;
	
	}*/