/* -- CSS style document for screen display -- */
/* -- © T. Van Nunnery -- */
/* -- www.tvannunnery.com -- */

/* -- Document-level classes -- */

* {margin:0; padding:0;} /* Resets all margins to fix IE auto margin and padding */

body {
	background-color: #1a1a1a;
	margin: 0;
	font-size: x-small;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
	color: #bababa;
	text-align: center; /* for IE5/win - cancelled in maincontent div */
	}

html { min-height: 100%; margin-bottom: 1px; } /* to force vertical scrollbar in FF */
	
* html body {
	font-size: xx-small; /* for IE5/Win */
	font-size: x-small; /* for other IE versions */
}

/* -- Header classes -- */

h1, h2 {
	display: none;
	}	
	
.h3 {
	color: #cc6600;
	font-size: 110%;
	}
	
.h4 {
	color: #bababa;
	font-size: 130%;
	margin-left: 1em;
	}
		
.h5 {
	color: #cc9900;
	font-size: 140%;
	}	
	
.h6 {
	color: #cc6600;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.8em;
	}	
	
/* -- Column layout classes -- */

	/* -- Column container -- */
	.colmask {
		clear: both;
		float: left;
		width: 100%; /* width of whole page */
		overflow: hidden; /* Clips overhanging divs */
	}
	
	/* Global column settings */
	
	.colright,
	.colmid,
	.colleft {
		float: left;
		width: 100%;
		position: relative;
	}
	.col1,
	.col2,
	.col3 {
		float: left;
		position: relative;
		padding: 0 0 1em 0;
		overflow: hidden;
	}
	
	/* -- 2 Column (double page) settings -- */
	
	.doublepage {
		background: #1a1a1a; /* right column background color */
	}
	
	.doublepage .colleft {
		right:50%; /* right column width */
		background: #1a1a1a; /* left column background colour */
	}
	
	.doublepage .col1 {
		width: 46%; /* left column content width (column width - left and right padding) */
		left: 52%; /* right column width + left column left padding */
	}
	
	.doublepage .col2 {
		width: 46%; /* right column content width (column width - left and right padding) */
		left: 56%; /* (right column width) + (left column left and right padding) + (right column left padding) */
	margin: 1em 0 2em 2em;		
	background: url(/news/images/_collage.jpg);
	background-repeat: repeat-y; 
	height: 6245px; /* height for FF. IE height is set with the override on the calling page */
	}

/* -- End of column classes -- */

/* -- First-level container classes -- */

#allcontent {
	margin: 0 auto; 
	background: url(../images/background.jpg) no-repeat left top;
	width: 900px;
	}		

#maincontent {
	margin: 0 auto;
	width: 640px;
	text-align: left; /* to cancel align in body div */
	}
	
#newscontent {
	margin: 0 auto;
	width: 936px;
	text-align: left; /* to cancel align in body div */
	}

#indexcontent {
	margin: 0 auto;
	width: 936px;
	text-align: left; /* to cancel align in body div */
	}
	
#rightcontent {
	background: url(/news/images/_collage.jpg);
	background-repeat: repeat-y; 
	margin: 0 auto;
	height: 5145px;
	width: 41%;
	float: right;
  	margin: 15px 10px 0px 0px;
  	padding: 15px 0px 0px 10px;
	text-align: left; /* to cancel align in body div */
	}	

/* -- Nameplate classes -- */
		
#nameplate {
	padding: 30px 0 ;
	}
	
#nameplate a  {
	display: block;
	width: 265px;
	}
	
#nameplate img  {
	display: block;
	width: 0;
	}
	
#nameplate span {
	display: block;
	width: 265px;
	height: 34px;
	}

/* -- Flash content classes -- */

#flashcontent {
	color: #ffffff;
	font-size: 130%;
	border: #87b4d0 0px solid;
	background: #7085a2;
	}	
	
#flashcontent p {
	margin: 0;
	padding: 10px;
	}	
	
#flashcontent a:link {
	color: #1c3240;
	}		
	
#flashcontent a:visited {
	color: #1c3240;
	}
	
#flashcontent a:hover {
	color: #ffffff;
	}
	
.warning {
	background: url(../images/icon_alert.gif) no-repeat 0 50%;
	padding-left: 20px; 
	margin: 0;
	}				

/* -- Second-level container classes -- */

#textarea {
	margin: 20px 0 10px 0; 
	font-size: 130%;
	width: 100%;
	}
	
#navarea {
	margin: 20px 0 10px 0; 
	font-size: 130%;
	}

/* -- News content classes -- */

#newscontent p {
	line-height: 1.8em;
	padding: 0 0 .8em 0;
	}

#newscontent a {
	color: #7085a2;
	text-decoration: none;
	}
	
#newscontent a:link {
	color: #7085a2;
	text-decoration: none;
	}
	
#newscontent a:visited {
	color: #7085a2;
	text-decoration: none;
	}
	
#newscontent a:hover {
	color: #99ccff;
	text-decoration: none;
	}

/* -- Index content classes -- */

#indexcontent p {
	line-height: 1.8em;
	padding: 0 0 .8em 0;
	}

#indexcontent a {
	color: #7085a2;
	text-decoration: none;
	}
	
#indexcontent a:link {
	color: #7085a2;
	text-decoration: none;
	}
	
#indexcontent a:visited {
	color: #7085a2;
	text-decoration: none;
	}
	
#indexcontent a:hover {
	color: #99ccff;
	text-decoration: none;
	}

/* -- Textarea classes -- */

#textarea p {
	line-height: 1.8em;
	padding: 0 0 .8em 0;
	}

#textarea a {
	color: #7085a2;
	text-decoration: none;
	}
	
#textarea a:link {
	color: #7085a2;
	text-decoration: none;
	}
	
#textarea a:visited {
	color: #7085a2;
	text-decoration: none;
	}
	
#textarea a:hover {
	color: #99ccff;
	text-decoration: none;
	}

/* -- Navigation area classes -- */
	
#navarea p {
	line-height: 1.8em;
	padding: 0 0 .8em 0;
	}

#navarea a {
	color: #7085a2;
	text-decoration: none;
	}
	
#navarea a:link {
	color: #7085a2;
	text-decoration: none;
	}
	
#navarea a:visited {
	color: #7085a2;
	text-decoration: none;
	}
	
#navarea a:hover {
	color: #99ccff;
	text-decoration: none;
	}

/* -- Blockquote classes -- */
		
#quotebox {
	padding: 25px 75px 25px 75px;
	margin: 0px;
	}

blockquote {
	padding: .5em 1em .5em 1em;
	border: 1px solid #666;
	margin: 0px;
	}

blockquote.rolodex {
	font-size: 130%;
	font-weight: bold;
	padding: .5em 0 1em 0;
	margin: .5em 0 1em 0;
	border: none;
	background: none;
	text-align: center;
	}

blockquote.label {
	font-size: 130%;
	font-weight: bold;
	line-height: 1.6em;
	padding: 1em 0 0 0;
	margin: .5em 0 0 0;
	border: none;
	background: none;
	}

blockquote.borderquote {
	font-size: 130%;
	line-height: 1.6em;
	width: 100%;
	border: solid #666;
	border-width: 1px 0px 1px 0px;
	background: #333;
	margin: .5em 0em 0em 2em;
	padding: 1em 0em 1em 2em;
	}
	
blockquote.newsborder {
	width: 98%;
	border: solid #bababa;
	border-width: 1px 1px 1px 1px;
	margin: 1em 0em 1em 0em;
	padding: 1em 1em 1em 1em;
	}	
	
blockquote.note {
	font-size: 130%;
	padding: 0px 0px 0px 15px;
	border: none;
	background: none;
	}	

/* -- <ul> tag styles (small bullet) -- */

ul{
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.6em;
	/* list-style-image: url(../images/li_bullet.gif); */
}

li {
  margin-left: 2em;
}

/* -- Footer classes -- */
					
#footer {
	color: #676767;
	font-size: 110%;
	text-align: center;
	}

#footer a:link {
	color: #676767;
	text-decoration: none;
	}
	
#footer a:visited {
	color: #676767;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #676767;
	text-decoration: underline;
	}
	
/* -- Display formatting styles -- */

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

.rss {
	background: url(../images/icon_rss.gif) no-repeat 0 50%;
	padding-left: 16px; 
	margin: 0;
	}

.disabled {
  	color: #666;
	}
	
.nolink {
  	color: #999;
	}	

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

.yellow {
	color: #fc0;
	}	

.white {
  	color: #fff;
	}

.red {
  	color: #ff0000;
	}

/* -- Image alignment classes -- */

.imgLeft, .imgRight {
  	margin: 1em;
	}
	
.imgLeft {
  	float: left;
  	margin-left: 0px;
  	padding-right: 10px;
	}

.imgRight {
  	float: right;
  	margin-right: 10px;
  	padding-left: 10px;
	}

.imgCenter, imgHr {
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
	}	
	
.imgHr {
	margin: auto;
	padding: 0 0 1em 0;
	}	
	
.imgNews {
	padding: 1px;
	border: 1px solid #bababa;
	margin: 1em 1px 2.5em 1px;
	}		
	
.imgNewsMonth, .imgNewsYear {
	border: none;
	}

.imgIdx {
	border: none;
	margin: 1px 1px 1px 1px;
	}		
	
/* -- End of style.css -- */