/* 
 _________________________________________________________
|                                                         |
|    DESIGN + http://fullahead.org                        |
|      DATE + 2005.05.12                                  |
| COPYRIGHT + free use if this notice is kept in place    | 
|_________________________________________________________|

*/



/* -- Main layout styles -- */
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

body {
	/*margin: 1em 1em 1em 1em;*/
	margin: 5px;
	font-family: verdana, sans-serif;
	font-size: 1.0em;
	background-color: #1a1d7e;  
}

#siteBox {
	float: left;
	width: auto;
	color: #000;
	position:relative;
	border: 10px solid #1a1d7e;
}

#portalBox {
background-color:#EAECFF; margin: 10px 10px 20px 10px; padding: 0px 10px 0px 10px; width: 290px; border:double #2D426F 1px; position:relative; float:left;
}

#portalBox H4 {
position:relative; left: 0px; top:5px; background-color:#FFFFFF;  border:dotted 1px #999999; margin:0 ; width: 100%; text-align:center
}

#portalBox H5 {
position:relative; left: 0px; top:5px; background-color:#FFFFFF;  border:dotted 1px #999999; margin:0 ; width: 100%; text-align:center;
}

#portalBox a {
	font-size:13px;
}

#portalBox .bb {
border-bottom: 1px #666666 solid;
}

#portalBox .bt {
border-top: 1px #666666 solid;
}

#portalBox .br {
border-right: 1px #666666 solid;
}

#portalBox .bl {
border-left: 1px #666666 solid;
}

#portalBox .b-all {
border: 1px #666666 solid;
}



/* -- Header layout/display styles -- */

#header {
  float: left;
  width: 100%;
  height: 105px;
  /*background: #25509F url(../images/hdr.jpg) no-repeat bottom left;*/
  background: #25509F url(../images/hdr_bg.jpg) repeat-y;
}

#header #logo {
	float:left; 
	height:105px;
	margin:0;
	padding:0;
	width:500px;
}

#header a.tab {
	float: right;
	width: 6.7em;
	padding: 5px 10px 5px 10px;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	background-color: #4B71Ba;
	/*border-bottom: 2px solid #1a1d7e;
	border-right: 1px solid #1a1d7e;
	border-left: 1px solid #1a1d7e;*/
}

#header a.tab:hover, #header a.active {
  padding-top: 10px;
  background-color: #1a1d7e;
}

#header a.lastMenuItem {
  background-image: url(../images/corner_tr.gif);
  background-repeat: no-repeat;
  background-position: top right;
  border-right: 0px;
}

a .desc {
  display: none;
  text-transform: lowercase;
  color: #FFE660;  
}

a.tab:hover .desc, .active .desc {
  display: block;
}




/* -- Header title and subTitle layout/display styles -- */


.title {
  float: left;
  font-size: 1em;
  font-weight: bold;
  color: #1b1e7f;
}

.subTitle {
  display: block;
  font-size: 0.4em;
  text-transform: lowercase;
  line-height: 1.2em;  
  letter-spacing: 0.01em;
}

.linkList {
	position:relative;
	padding:4px 4px 4px 8px;
	border: 2px dashed #1B1E7F;
	width: 100%;
}


/*----------------------------------------------------------- content (wrapper - right - left) -------------------------------------------------------------------*/
#content {
  float: left;
  width: 100%;
  padding: .3em 0 .3em 0;
  background-color:#4B71Ba;
  position:relative;
}

#contentLeft {
	float: left;
	/*width: 20%;*/
	margin-bottom: 1em;
	background: #EEEEEE url(../images/corner_sub_tr.gif) no-repeat top right;  
}

*:first-child+html #contentLeft {
	/*width: 165px; */
}

#contentRight {
	float: right;
	/*width: 79.5%;*/
	background: #EEEEEE url(../images/corner_sub_tl.gif) no-repeat top left;
	position:relative;
}

/*hack to get layout to work in ie 7 - for reasons that I cannot see, ie 7 is ignoring the width attribute of contentLeft ---  there is NOTHING that I can see in the code of via firebug to explain it.  Lame...  all the same, this fixes ie 7 for 1024 x 768 - the expanse grows as the resolution gets higher.  Still, it's better than it was.  maybe God will grand me an apiffany!  ;) */
*:first-child+html #contentRight {
	width: 83.5%;
	/*width: 810px;*/
}


#rightBar {
	/*float: right;*/
	width: 98%;
	border: 1px solid #AAA;
	padding: 4px 4px 4px 4px;
	margin: -100px auto 5px auto;
	background-color: #fff; z-index:1;
}

#rightBar p {
	padding: 0;
	margin: 0;
}


#rightBar img {
	margin: 0 0 0 0;
	display: inline;
}

#content p, #content .copy, #content li {  
  margin: 1.2em 1.2em 2em 1.2em;
  font-size: 1em;
  line-height: 1.8em;
}

#content .little {  
  margin: 1.2em 1.2em 2em 1.2em;
  font-size: 1em;
  line-height: 12px;
}

/*
#content a {  
  text-decoration: none;
  color: #1b1e7f;
  border-bottom: 1px solid #AAA;
}

#content a:hover {
  color: #1b1e7f;
  background-color: #888;
  border-bottom: 1px solid #EEEEEE;
} 
*/

.header, .subHeader {
  display: block; 
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  color: #1b1e7f;
  border-bottom: 1px solid #AAA;    
}

.subHeader {
  border: 0px;
  text-transform: none;
  display:compact;
}

.subHeaderReverse {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background-color: #555;
  border-bottom: 1px solid #ccc;
/* -- Content left site links (large plus icon) -- */

#content a.menuItem { 
  display: block;  
  padding: 5px 0 5px 54px;
  background: url(../images/icn_plus.gif) no-repeat center left;
  border: 0px;
}

#content a:hover.menuItem { 
  color: #DDD;
  background: #888 url(../images/icn_plus_on.gif) no-repeat center left;
  border: 0px;
}

#content a, #content a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1B1E7F;
	text-decoration: none;
}

#content a:hover, #content a:active{
	color: #4B71BA;
	text-decoration: underline;
}

/* -- Footer layout/display styles -- */

#footer {
  float: left;
  width: 100%;
  height: 9px;
  font-size: 0.6em;
  text-transform: lowercase;
  line-height: 2.6em;
  color: #0AD;
  background: #4B71BA  repeat-y top left;
}

#footerLeft {
  float: left;
  width: 100%;
  height: 9px;
  text-align: left;
  background: url(../images/corner_bl.gif) no-repeat bottom left;
}

#footerRight {
  float: right;
  width: 35%;
  height: 9px;
  text-align: right;
  background: url(../images/corner_br.gif) no-repeat bottom right;
}

#footer a {
  color: #0AD;
}

#footer a:hover {
  color: #666666;
}

/* -- Display formatting styles -- */

.grey {
  font-size: 0.9em;
  color: #AAA;
}

.white {
  color: #FFF;
}

.blue {
  color: #1a1d7e;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #AAA;
}

/* -- <ul> tag styles -- */

ul {
  font-size: 1em;
  list-style-image:url(../images/li_bullet_red.gif);
}

li {
  margin-left: 50px; 
}

#contentRight ul{
  padding-top: 5px;
  padding-bottom: 5px;
  list-style-image: url(../images/li_bullet_red.gif);
  
}

#contentRight ul li {
  margin-left: 50px;
  font-size: 1em;
}

/* -- Image alignment classes -- */

.imgLeft, .imgRight {
  margin: 5px;
}

.imgLeft {
  float: left;
  margin-left: 0px;
}

.imgRight {
  float: right;
  margin-right: 0px;
}



#tiles {
	  width: 715px; background-color:#000000
	}
	
.tile {
 float:left;
 border-right:1px solid white; 	}


/* -- Utility classes to create the bottom rounded corners -- */

.bottomCorner {
  text-align: right;
}

.vBottom {
  vertical-align: bottom;
}

#usedInventory { color: #FF0000; }
#usedInventory .input { width: 150px; }
#usedInventory .select { width: 150px; }

.notice-body p a { color: #ffffff; }
.notice-body p a:hover { color: #cccccc; }

.blogEntryTitle { margin: 0px 0px 0px 20px; font-weight: bold; color: ##003366; }
.blogEntryExerpt p { font-size: 12px; }