/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/*                           DEFINES THE MAIN PAGE LAYOUT                                 */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

/* START: GENERIC CLASSES */

.clear { 
	clear:both;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.floatImageRight {
	float:right;
	margin:5px 5px 5px 5px;
}

.floatImageLeft {
	float:left;
	margin:5px 5px 5px 5px;
}

.displayNone{ 
	display:none; 
	visibility:hidden;
}

/* END: GENERIC CLASSES */

/* -------------------------------------------------------------------------------------- */

/* START - REMOVE BROWSER DEFAULT */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

body
{
    background-color:white;
    font-family:Arial,Verdana,Georgia;
    font-size:12px;
    }

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
	padding:2px;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	/*list-style:none;*/
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* END - REMOVE BROWSER DEFAULT */

/* -------------------------------------------------------------------------------------- */
/* ---------------------------- MAIN PAGE STRUCTURE ------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

/* START: MAIN PAGE STRUCTURE */
   
   #contentarea
   {
       width:940px;
       background-color:White;
       margin:10px auto;
       overflow:hidden;
       padding-left:5px;
       padding-right:5px;
       }
  
   .header
   {
    height:227px;
    background:url(/media/siteimages/header.gif) no-repeat;
    margin-bottom:5px;
   }
   
    .maincontent
   {
       padding-left:10px;
       padding-right:10px;
       }
       
   .mainRightColumn
   {
       float:right;
       width:230px;
       }
       
   .intro
    {
    }
    
   .content
    {
      width: 100%;
      float: left;
    }
    
    .leftcol
    {
      width: 45%;
      float: left;
    }
    
    .rightcol
    {
      width: 50%;
      float: right;
    }
    
    .leftcolsmall
    {
        width:38%;
        float:left;
        }
    
    .rightcolsmall
    {
        width:62%;
        float:right;
        }
    
    .leftcolmain
    {
      width: 75%;
      float: left;
    }
    
    .rightcolmain
    {
      width: 25%;
      float: right;
    }
    
    .simplelist
    {
      list-style: bullet;
      margin-left:20px;
    }
    
    .rightimage
    {
      border: 0pt none;
      float: right;
    }

     .info table
    {
      background: #FFF;
      border: solid 3px #3C4178;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-collapse: collapse;
    }
    
    .info table th {
    background-color:#3C4178;
    color:#FFFFFF;
    font-size:13px;
    padding:14px 10px 12px;
    }

    .info table th h3
    {
      color: #FFF;
      text-shadow: 1px 1px 0 #730c0c;
    }
    .info table td
    {
      padding: 6px;
      border-right: dotted 1px #d2d2d2;
      border-bottom: solid 1px #d2d2d2;
    }
    .info table .month td
    {
      background: none repeat scroll 0 0 #E4E4E4;
      padding: 8px 8px 0;
      text-align: center;
    }
    
   .roundHeaderOrange
   {
       background:url(/media/siteimages/topleftcorner.jpg) no-repeat -1px top ;
       background-color:#f39e16;
       margin:-4px -2px 0 -2px;
       }
       
      .roundHeaderPurple
   {
       background:url(/media/siteimages/topleftcornerPurple.jpg) no-repeat -1px top ;
       background-color:#3c4178;
       margin:-4px -2px 0 -2px;
       }
       
      .roundHeaderGrey
   {
       background:url(/media/siteimages/topleftcornerGrey.jpg) no-repeat -1px top ;
       background-color:#cccccf;
       margin:-4px -2px 0 -2px;
       }
       
   .roundHeaderOrange div
   {
       height:35px;
       line-height:35px;
       background:url(/media/siteimages/toprightcorner.jpg) no-repeat top right;
       padding:0 10px;
       margin:-1px;
       }
       
      .roundHeaderPurple div
   {
       height:35px;
       line-height:35px;
       background:url(/media/siteimages/toprightcornerPurple.jpg) no-repeat top right;
       padding:0 10px;
       margin:-1px;
       }
       
       .roundHeaderGrey div
   {
       height:35px;
       line-height:35px;
       background:url(/media/siteimages/toprightcornerGrey.jpg) no-repeat top right;
       padding:0 10px;
       margin:-1px;
       }
       
    .component  {
    margin-top:10px;
    background:none repeat scroll 0 0 #F1F1F1;
    border:1px solid #CCCCCC; 
    float:left;
}

   .roundHeaderOrange h2, .roundHeaderPurple h2, .roundHeaderGrey h2
    {
      font-size:1.3em;
      color:white;
     }
     
   .component p
    {
  width:95%;
  padding:5px;
     }

   #SiteMap hr
    {
      width: 50px;
    }
    #SiteMap ul
    {
      line-height: 25px;
      margin-left: 30px;
    }
    #SiteMap
    {
      padding-left: 20px;
    }
    #SiteMap div
    {
      float: left;
      width: 100%;
      margin-bottom: 50px;
    }
    .indent
    {
      margin-left: 60px;
    }



/* END: MAIN PAGE STRUCTURE */

/* -------------------------------------------------------------------------------------- */

/* START: TITLE */

        /* INSERT */

/* END: TITLE */

/* -------------------------------------------------------------------------------------- */

/* START: FOOTER*/

.footer
{
    background: url(/media/siteimages/footerBackground.png) no-repeat;
    height:100px;
    margin-top:10px;
    float: left;
    font: bold 13px Arial;
    width: 100%;
    overflow: hidden;
    margin-bottom:15px;
    }
    
.footerText 
{
    color:White;
    margin-left:25px;
    width:220px;
    float:left;
    font-size:0.9em;
    padding-top:4px;
    }
    
.footer img
{
    float:right;
    margin-right:15px;
    }
    
.footerLinks a:hover
{
    color: #f0a416 !important;
    }
    
    
.footerLinks
{
    width:462px;
    float:left;
    color:White;
    line-height:70px;
    text-decoration: none;
    }
    
.footerLinks a
{
    color:White !important;
    padding-left:20px;
    text-decoration: none;
    }
    

/* END: FOOTER */

/* -------------------------------------------------------------------------------------- */

/* START: NAVIGATION LAYOUT */

    .wrapper1{
	color: #44433f;	
	font-size: 14px;
	margin: 0;
	padding: 4px 0 0;

	}
	.wrapper1 a{
		color: white;
		text-decoration: none;
	}
	.wrapper1 a:hover {
		color: #f0a416;
	}
	.wrapper1 p {
		margin: 0 0 17px;
		padding: 0;
		line-height: 18px;
	}
.wrapper {
	margin: 0px auto;
	background:url(/media/siteimages/navigationBackground.png) no-repeat;
	height:50px;
}
.nav {
	float: left;
}
.nev-wrapper {
	clear: both;
	float: left;
}
.nav-left {

	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 4px;
	list-style: none;
	font-size: 14px;
	color:White;
}
.nav li {
	float: left;
	padding: 0 15px;
	position: relative;
	z-index: 1;
	color:White;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
	color:White;
}
a .menu-left {
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
	font-weight:bold;
}
a .menu-right {
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}
/*.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #f0a416;
}*/
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 6px;
	background: #3d4279;
	width: 186px;
	padding-top: 9px;
	color:White;
}
.nav li ul {
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
	color:White;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #f0a416 solid;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	/*color: #f0a416;*/
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	/*color: #f0a416;*/
	background: #3d4279 !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #f0a416;
	background: #3d4279 !important;
	text-decoration: none;
	line-height: normal;
}

/* END: NAVIGATION LAYOUT */

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

/* CSC */
.CSCWrapper
{
    float:left;
    width:540px;
}
#CSC
{
    width:540px;
    background-color:White;
    margin-top:0px;
}
#CSCIframe
{
    width:540px;
    border:0px;
}
#CSCAdmin .tab
{
    color:#0e204a;
    margin-bottom:15px;
    min-height:20px;
    background-image:url(/media/siteimages/CSCAdminHeader.jpg);
    background-position:top center;
    background-repeat:no-repeat;
    
}
#CSCAdmin
{
    width:220px;
    float:left;
    margin-bottom:10px;
    padding-top:4px;
    padding-left:13px;
    font-family: Arial, Trebuchet MS, Helvetica, Geneva, sans-serif;
}
#CSCAdmin .tab a
{
    margin:1px 0px;
    padding:5px 0 5px 5px;
    color:White;
    text-decoration:none;
    display:block;
    font-size:12px;
    line-height:18px;
    background-image:url(/media/siteimages/CSCAdminLink.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    height:18px;
    text-align:center;
    
}
#CSCAdmin .tab a.selected
{
    background-position:0 -28px;
}
#CSCAdmin .tab a:hover
{
    background-position:0 -28px;
}
#CSCAdmin .tab span
{
    display:block;
    height:28px;
    line-height:28px;
    font-size:12px;
    font-weight:bold;
    padding-left:10px;
    text-align:center;
}

/* Google Map ID */
#map
{
	height:300px;
	margin-bottom:30px;
}

/* PassRoids Objects */

#psr_score {  }
#psr_verify {  }
#psr_strength_notice {  }

.psr_Weak { color: #A52A2A; }
.psr_Medium { color: #FFA500; }
.psr_Strong { color: #3DBE5E; }
.psr_Excellent { color: #416EC2; }