/********************************************************************* 
* Remedy Ticket:       7215
* File:                www/webpages/persoff/styles/department.css (absolute path)
* Creation Date:       2008/04/09
* Created by:          Chad Phillips, USNA Web Design Team
* Revision:            2008/04/09
* Description:         Stylesheet for department site
* Last Modified Date:  -
* Last Modified by:    -
* Reason for Mod:      -
*********************************************************************/

/*************************************************/
/* Primary Stylesheet for Department Pages       */
/*************************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

/* Zero everything out: */
* {
   margin: 0;
   padding: 0;
   color: #000080;
}

html {
   font-size: 100%;
}

body {
   font-family: Arial,sans-serif;
   font-size: small;
   color: #000080;
   line-height: 1.25em;	
   margin: 0;
   padding: 10px 0px 0px 10px;
}

p {
   margin: .4em;
}

a {
   color: #000080;
   padding: .1em;
}

a:link {
   color: #000080;
}

a:visited {
color: #555;
}

a:hover, a:hover span.subinfo {
   color: #FED649;
   text-decoration: underline;
}

a:focus {
   outline: none;
}

h1 {
   font: bold 200% "Times New Roman", Times, serif;
   color: #000080;
}

h2 {
   font-family: Arial,Verdana,sans-serif ;
   font-size: 20px ;
   font-weight: bold ;
   text-indent: 0pt ;
   color: #000080;

   margin-top: 1em;
   margin-bottom: .5em;
}

h3 {
   font-family: Arial,sans-serif;
   font-size: 100%;
   color: #334d55;
   margin-top: .5em;
}

h4 {
   font-family: Arial,sans-serif;
   font-size: 100%;
   font-weight: normal;
   color: #333333;

   margin-top: 1em;
   margin-bottom: .5em;
}

h5 {
   font-family: Verdana,Arial,sans-serif;
   font-size: 100%;
   color: #334d55;
}

.small {	
   font-family: Verdana,Arial,Helvetica,sans-serif ;	
   font-size: 10px ;	
   font-weight: normal;
   color: #000080;
}

ul {
   list-style-type: square;
   margin-left: 1em;		/* IE */
   padding-left: 1em;	/* Gecko, Opera */
}

ul ul {
   list-style-type: disc;
   margin-left: 1em;
   padding-left: 1em;
}

ul ul ul {
   list-style-type: circle;
   margin-left: 1em;
   padding-left: 1em;
}


ol {
   list-style-type: decimal;
   margin-left: 1em;		/* IE */
   padding-left: 1em;	/* Gecko, Opera */
   font-size: 12px;
}

ol ol {
   margin-left: 1em;
   padding-left: 1em;
   list-style-type: lower-alpha;
}

ol ol ol{
   margin-left: 1em;
   padding-left: 1em;
   list-style-type: decimal;
}

ol li, ul li {
margin: 1em;
}

ol li {
   margin-bottom: 1em;
   padding: 0;
}

ol li li, ol li li li, ul li li, ul li li li {
   margin: 1em;
}

label {
   font-family: Arial,sans-serif;
   font-size: 100%;
   font-weight: bold;
}

em {
   font-style: normal;
   font-weight: bold;
}

table {
   border: 1px solid #000066;
   /*border-collapse: collapse;*/
   margin: .5em;
}

table td, table th {
   border: 1px solid #ccc;
   padding: .25em 1em .25em 1em;
   margin: 0;
}

table th {
   background-color: #000080;
   border: 1px solid #000;
   color: #fff;
   font-weight: bold;
   text-align: left;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container, #banner, #left, #content {
   position: relative;
   margin: 0;
   padding: 0;
}

#container {
   width: 900px;
   margin: 0 auto;
}

#content {
   position: relative;
   float: left;
   width: 100%;
}

#left  {
   float: left;
   width: 190px;
}

#main {
   float: left;
   width: 690px;
}

#footer {
   border-top: 1px solid #DAA520;
   clear: both;
   margin: 1em auto;
	
	text-align: center;
	font-size: .75em;
   
   width: 100%;
}

/***********************************************/
/* Components                                  */
/***********************************************/

/*
Announcements
*/
#news {
   position: relative;
   float: right;
   top: 0;
   
   padding: 0;
   margin: .5em 0 2em 0;
   width: 15em;
   border: 1px solid #000;
}

#news h1 {
   font: bold 1.25em Arial, Helvetica, sans-serif;
   border-bottom: 1px solid #000080;
   background: url(../images/eventsBanner.gif) repeat-x;
   margin: 0;
   padding: .25em;
   text-align: center;
}

#news ul {
   width: 100%;
   margin: 0;
   padding: 0;
   
   overflow: hidden;
   
   list-style: none;
}

#news ul li {
   margin: 0;
   padding: 0;
   overflow: hidden;
}

#news ul li a, #news ul li a:hover {
   color: #222;
}

#news ul li a {
   display: block;
   width: 100%;
   padding: .75em;
   border-bottom: 1px solid #ccc;
   background-color: #eee;
   text-decoration: none;
}

#news ul li a:hover {
   background-color: #fff;
   background-image: url('../images/annHover.gif');
   background-repeat: repeat-y;
   background-position: left;
}

#news ul li .date {
   display: block;
   margin: 0;
   padding: 0;
   
   font-size: .75em;
   font-style: italic;
}

#news ul li .hot {
   display: block;
   margin: 0;
   padding: 0;
   
   font-size: .75em;
   font-weight: bold;
   color: #c55;
}

/* "tool" classes */
.hideText {
   float: right;
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   
   height: 1px;
   width: 1px;
   margin: 0;
   padding: 0;
   
   text-indent: -1000px;
}

.centerText {
   text-align: center;
   margin: 0 auto;
}

.inset {
   float: right;
   padding: .5em;
   margin: 1em;
   background-color: #eee;
   border: 1px solid #000;
}

.inset img {
   border: 1px solid #999;
}