/*
These are the generic styles that should carry over to the different pages
for consisitancy.

 body.nasfic ==> The style for the background of each page
 h1.pagetop ==> This is the style for the text portion of the banner
 table.pagetop ==> This is the style for the table holding the banner
 table.box ==> This forms the basic box for the main text of the page
 div.margin ==> This is used to add padding to the box. Thanks alot IE.
 td.photo ==> This is the cell that holds the photo next to the text
 img.photo ==> This is the image that sits next to the text in the main box
 p.links ==> Style for the links at top of the page
 td.seal ==> The cell for holding the Sir Walter seal.
 p.disclaimer ==> The style for the disclaimer at the bottom of the page
 div.boxHeading ==> header for the frickin' sweet boxes
 div.boxSubheading ==> Subheading for the boxes. Mostly contact info
 div.imageCaption ==> The caption under a photo in a box
 div.pageTitle ==> Bigger header for Page Title
*/


body.nasfic {background-color: maroon; font-family: georgia, serif;}

h1.pagetop {font-size: x-large; 	
	font-weight: bold;
	font-family: arial, helvetica, san-serif;
	color: black;
	text-align: right;
	padding-right: 25px}

table.pagetop {border-style: solid;
	border-width: 3px;
	border-color: black;
	background-color: white;
	width: 100%;
	min-width: 600}

p.links {text-align: center;
	text-transform: upperase;
	color: black;
	text-transform: uppercase;
	font-weight: bold}

table.box {border-style: solid;
	border-width: 3px;
	border-color: black;
	background-color: white;
	width: 95%;
	min-width: 570;
	position: relative;
	left: 2.5%;
	font-color: black}

div.margin {margin: 15px}

td.photo {width: 155px;
	  padding: 5}

img.photo{border-style: solid;
	border-width: thin;
	border-color: black
}

td.seal {width: 0px;
	text-align: left}

p.disclaimer {color: white;
	text-align: left;
	font-size: small}

a.disclaimer {color: gold;}

a.disclaimer:visited {color: white;}

div.boxHeading {color: black;
	font-weight: bold}

div.boxSubheading {color: black;
	font-style: italic}

div.imageCaption {color: black;
	text-align: center;
	font-size: x-small;
	font-style: italic}

div.pageTitle {color: white;
	font-weight: bold;
	font-size: x-large;
	font-family: arial, helvetica, sans-serif;
	margin-left: 2.5%}


/*
These are specific styles created for specific pages

 p.question ==> Style for a F.A.Q. Question
 p.answer ==> Style for a F.A.Q. Answer
 img.acorn ==> Style for the acorn divider
 div.smallLink ==> Used for internal page links on Downtown Raleigh (not implemented)
 hr.divider ==> The divider between items in the downtown section
 table.invisiframe, td.smallbox ==> These are used to format the Latest News and front page links
 div.condate ==> The date of a convention were attending on the index page
*/

div.question{font-color: black;
	font-weight: bold;
	margin-bottom: 15px}

div.answer{text-align: left;}

img.acorn{display: block;
	width: 182px;
	margin-right: auto;
	margin-left: auto}

div.smallLink{font-size: smaller;
	color: black;
	text-align: middle}

hr.divider{text-align: center;
	width: 75%}


table.columns{border-style: none;
	background-color: transparent;
	width: 100%;}

table.invisiframe{border-style: none;
	background-color: transparent;
	width: 95%;
	min-width: 570;
	empty-cells: show;
	position: relative;
	left: 2.5%}

td.smallbox
	{border-style: solid;
	border-width: 3px;
	border-color: black;
	background-color: white;
	font-color: black;
	vertical-align: top}

div.condate {
	margin-left: 10px;
	font-family: helvetica, arial, sans-serif}