@import "nav.css";
@import "ezzoom.css";
@import "chromestyle.css";
@import "rounded.css";
@import "rollover/styles/menu.css";

/* font */
@font-face
{
   font-family: Institution;
   font-style: normal;
   font-weight: normal;
   src: url('font/INSTITU0.eot' ); 
}
.fontclassname
{
   font-family: "Institution";
}

/* TOMN menu for website */
b.silvertop, b.silverbottom{display:block}
b.silvertop *, b.silverbottom *{display: block; height: 1px; overflow: hidden; background-color:#cccccc;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.r4{margin: 0 1px; height: 2px} 

a.logo:link {color: #FFFFFF; text-decoration: none;}
a.logo:hover {color: #FFFFFF; text-decoration: none;}
a.logo:visited {color: #FFFFFF; text-decoration: none;}

.TOMN_Menu 
{
    /* div menu container */
	background-color: transparent;
	width: 100%;
	float: left;
	 /* border-style: solid;
      border-color:yellow;
      border-width: thin;
      margin-bottom: 5px;*/
}

body .TOMN_Menu ul li ul
{
    /* hide the drop down menus until hovered */
    display: none;
}

.TOMN_Menu ul li:hover ul
{
    /* hide the drop down menus until hovered */
    display: block;
}

/* IE Win only fixups for menu\*/

* html .TOMN_Menu ul {float:left; width:100%; }
/* End IE fixups */

.TOMN_Menu li.topitem {margin: 0 0 -1px;}
.TOMN_Menu li.subitem {margin: 0 0 -1px;}

.TOMN_Menu ul.topul
{
	/* top most container, contains all menu items */
    width:100%;
     height:22px;
      
     /* border-color:Red;
      border-width: thin;
      border-bottom-color: Red;*/
}

.TOMN_Menu li
{
	/* top level list item container */
	float:left;
	list-style-type:none;
	/*padding: 0 15px;*/
	position: relative;
}

.TOMN_Menu li.topitem
{
	/* top level list item container */
	width:12.4%;  /* 14.28 */
	text-align:center;
	/*border-right: 1px solid #069;*/
}



.TOMN_Menu li.subitem
{
	/* top level list item container */
	/*width:100%;     Removed this because it messed up Firefox for some reason */
	text-align:left;
    text-indent: 24px;
    margin: 0 0 -1px;
    /*border-right: 1px solid #069;*/
}

.TOMN_Menu li:hover
{
    /* characteristics of the top level list items */ 
	background: url('Menu/tomnmenuhover.png');
}

.TOMN_Menu li a
{
    /* characteristics of the top level list items */ 
    font: normal 12px/23px "Segoe UI", Arial, sans-serif;
	color: #e3e4e4;
	font-weight:bold;
	text-decoration: none;
}


.TOMN_Menu li:hover a
{
    /* characteristics of the top level list items */ 
    color: #ffffff;
	font-weight:bold;
	text-decoration: none;
}

.TOMN_Menu ul li ul
{
    /* characteristics of the drop down menu */ 
    margin: -1px;
    position: absolute;
    width: 200px; /* changes width of drop down menu */
    left: 1px;
    /*background: #3d8f8d url('Menu/rmVSprite.png') repeat-y ;*/
    background: #3c8a8a url('Menu/rmVSprite.png') repeat-y ;
    
    
    text-decoration: none;
    /* border-style:ridge;
      border-color:Red;
      border-width: thin;*/
    
}

.TOMN_Menu ul li ul li
{
    /* characteristics of the drop down menu items */ 
    /*width: 174px;    this wants to be larger, so have to make it smaller if not xhtml1.1 compliant*/
    width: 200px;
    text-indent: 10px;
    font: normal 12px/23px "Segoe UI", Arial, sans-serif;
	color: #e3e4e4;
	font-weight:bold;
	text-decoration: none;
    
      /*  border-style:ridge;
      border-color:yellow;
      border-width: thin;*/
    
}

.TOMN_Menu ul li ul li:hover
{
    /* characteristics of the drop down menu items  */
    background: url('Menu/tomnsubmenuhover.png') repeat-x ;
    
}

.TOMN_Menu ul li ul li:hover a
{
    color: #ffffff;
}



/* Top of Mind Networks */

body {
	margin: 0;
	padding: 0;
	background: #fff url(images/background.jpg);
	background-attachment: fixed;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 20px;
	}
	
a:link {color:#3366CC; text-decoration: underline;}
a:hover {text-decoration: none;}
a:visited {color:#3366CC; text-decoration: underline;}
a.chrome {color: #FFFFFF; text-decoration: none;}

a.big {
	font-size: 12px;
	color: #006600;
	text-decoration: none;
	}
	
a.big:hover {
	font-size: 12px;
	color: #006600;
	text-decoration: underline;
	}
	
a.blog {
	font-size: 12px;
	color: orange;
	text-decoration: none;
	}
	
a.blog:hover {
	font-size: 12px;
	color: orange;
	text-decoration: underline;
	}
	
img {border:0;}
.middle {vertical-align: middle;}

img.header {
	display: block;
	margin-bottom: 30px;
	}
	
br {clear: left;}
	
#wrapitup {
	margin: auto;
	width: 950px;
	}
	
.strong {font-weight: bold;}
.ltbText {font-size:16px; color:#FF0000;}
.blue {color:#526578;}
.green {color:#3d8e34;}
.quote {
	font-size:11px;
	color: #333366;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 14px;
	}
.flairSmall { font-size:10px; color: #3d8e34;}
.signupSmall { font-size: 10px; color: #999900;}
.fileName { font-size: 9px;}

.leftWide {
	color: #7e964a;
	text-decoration: none;
	font-weight: bold;
	border-top: 1px solid #ccc;
	margin: 15px 0 0 0;
	}

.content {
	text-decoration: none;
	border-top: 1px solid #ccc;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	}

.blogHead {
	text-decoration: none;
	border-top: 1px solid #ccc;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	}

/* Header Styles */

h1, h2, h3, h3.bottomBorder, h3.rightColHeader {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
h1 {
	color: #006600;
	}
	
h2 {
	font-size: 14px;
	}
	
h3, h3.bottomBorder, h3.rightColHeader {
	font-size: 12px;
	}
	
h3.bottomBorder {border-bottom: 1px solid #ccc;}

h3.rightColHeader {
	padding: 8px 0 0 30px;
	background: #dbdbdb url(images/h3_rightCol_bg.gif) top left no-repeat;
	width: 212px;
	height: 22px;
	}
	
h3.rightColHeaderCRM {
	padding: 8px 0 0 30px;
	background: #dbdbdb url(images/h3_rightCol_crm_bg.gif) top left no-repeat;
	width: 212px;
	height: 22px;
	}
	
h3.rightColHeaderArchiving {
	padding: 8px 0 0 30px;
	background: #dbdbdb url(images/h3_rightCol_archiving_bg.gif) top left no-repeat;
	width: 212px;
	height: 22px;
	}

h3.rightColHeaderBlank {
	padding: 8px 0 0 30px;
	background: #dbdbdb url(images/h3_rightCol_blank_bg.gif) top left no-repeat;
	width: 212px;
	height: 22px;
	}
	
h3.rightColHeaderCompliance {
	padding: 8px 0 0 30px;
	background: #dbdbdb url(images/h3_rightCol_compliance_bg.gif) top left no-repeat;
	width: 212px;
	height: 22px;
	}
	
h3.rightColHeaderMap {
	padding: 8px 0 0 35px;
	background: #dbdbdb url(images/h3_rightCol_map_bg.gif) top left no-repeat;
	width: 207px;
	height: 22px;
	}
	
h4 {
	color: #526578;
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
	
h5 {
	color: #006600;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
h6 {
	color: #336699;
	font-size: 8px;
	margin: 0;
	padding: 0;
	}
	
	
/* Main Body Styles */

#flash {
	margin: 0 0 0 -1px;
	padding: 0 0 0 0;
	width: 825px;
	height: 354px;
	z-index: 2;
	float:none;
	}
	
#wform {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 15px;
	}
	
#wholePage {
	margin: 0 0 0 -1px;
	padding: 12px 0 0 0;
	line-height: 15px;
	width: 825px;
	z-index: 2;
	}

#contentVideo { 
	float:left; 
	width: 741px; 
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 12px;
	}

#contentVideoRight { 
	float: right; 
	width: 80px;
	line-height: 15px;
	padding-bottom: 25px;
	margin-top: 12px;
	}
		
#contentLeft { 
	float:left; 
	width: 525px; 
	background: url(images/contentLeft_bg.gif) top left no-repeat;
	background-position: 5px 5px;
	background-color: #FFFFFF;
	padding: 20px;
	}
	
#contentLeft2 { 
	float:left; 
	width: 525px; 
	background: url(images/contentLeft_bg.gif) top left no-repeat; 
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 20px;
	margin-top: 12px;
	}
	
#contentRight { 
	float: right; 
	width: 242px;
	line-height: 15px;
	padding-bottom: 25px;
	margin-top: 12px;
	background-color: #FFFFFF;
	}
		
#contentRight p {
	margin: 0;
	padding: 5px 10px 10px 10px;
	}
	
.steps {
	margin: 0 0 8px 0;
	padding: 0;
	color: #3d8e34;
	}
	
.steps dt {
	display: inline;
	margin: 0 5px 0 10px;
	font-size: 14px;
	font-weight: bold;
	}
	
.steps dd {
	display: inline;
	margin: 0;
	}
	
.stepsDetail {
	margin: 0 0 20px 10px;
	padding: 0;
	font-size: 10px;
	}
	
.stepsDetail dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
.stepsDetail dd {
	margin: 0;
	padding: 0;
	}
	
.rightColList {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 10px;
	}
	
.rightColList dt {
	margin: 0;
	padding: 0;
	}
	
.rightColList dd {
	margin: 10px 0 10px 0;
	padding: 0;
	}
	
.faq {
	padding: 0;
	margin: 0 0 18px 0;
	}
	
.faq dt {
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #3d8e34;
	}
	
.faq dd {
	margin: 0 0 0 15px;
	padding: 0;
	}
	
label, input.text, input.zip {
	display: block;
	width: 115px;
	float: left;
	margin-bottom: 5px;
	color: #526578;
	}
	
input.text, input.zip {
	width: 250px;
	border: 1px solid #999;
	padding: 2px;
	color: #666;
	color:
	}
	
input.text2, input.zip {
	width: 120px;
	border: 1px solid #999;
	padding: 1px;
	color: #666;
	color:
	}
	
input.zip {width: 100px;}

select {margin-right: 15px;color: #526578;}
	
/* Listed Item Styles */

ul {list-style: none;}
ol {list-style: none;}

.inlineList {
	margin: 0;
	padding: 0;
	color: #808080;
	display: block;
	}
	
.inlineList li {
	float: left;
	}
	
.point1, .point2, .point3, .point4 {
	margin: 0 10px 0 5px;
	display: inline;
	}
	
.point1 {
	width: 217px;
	padding: 0px 0px 0px 50px;
	}
.point2 {width: 260px;}
.point3 {width: 211px;}
.point4 {width: 224px;}

.point1Link, .point2Link, .point3Link, .point4Link {
	margin: 5px 10px 0 5px;
	display: inline;
	}
	
.point1Link a, .point2Link a, .point3Link a, .point4Link a {
	color: #7e964a;
	text-decoration: none;
	font-weight: bold;
	}
	
.point1Link a:hover, .point2Link a:hover, .point3Link a:hover, .point4Link a:hover {
	color: #526578;
	}

.point1Link {width: 217px;}
.point2Link {width: 260px;}
.point3Link {width: 211px;}
.point4Link {width: 224px;}

.listedItems {
	margin: 10px 0 20px 10px;
	padding: 0;
	}
	
.listedItems li {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0 0 10px 10px;
	background: url(images/listedItems_bg.gif) top left no-repeat;
	}

/* Footer Styles */

#footer, #footerFullWidth {
	margin: 5px 0 0 0;
	padding: 10px 0 50px 0;
	color: silver;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	}
	
#footer img, #footerFullWidth img {margin-right: 15px;}
	
#footer a, #footerFullWidth a {
	text-decoration: none;
	color: orange;
	}
#footer a:hover, #footerFullWidth a:hover {
	color: orange;
	text-decoration: underline;
	}
#footer a:visited, #footerFullWidth a:visited {color:orange;}

#footerFullWidth {
	width: 950px;
	text-align: right;
	}
	
#footerFullWidth span {float: left;}