/* ----- Margins ----- */

body, #page, #sidebar ul									{margin: 0;}
h1, h2, h4, h5 p, #main ul li, #main ol li					{margin: 1em 0;}


/* ----- Padding ----- */

body, #page, #banner										{padding: 0;}
#sidebar, #main, #validated									{padding: 0 10px;}	
#navigation													{padding: 8px 10px 22px 10px;}
#copyright													{padding: 18px 10px 12px 10px;}


/* ----- Font Families ----- */

body, form input, form select, form select option			{font-family: Verdana, sans-serif;}


/* ----- Font Sizes ----- */

h1															{font-size: 20px;}
h2															{font-size: 16px;}
p, address, #main ol, #main ul, h3							{font-size: 14px;}
#navigation, #sidebar ul li, #copyright, h4, 
	form input, form select, form select option				{font-size: 12px;}
h5															{font-size: 10px;}
sup, sub													{font-size: smaller;}


/* ----- Font Weights ----- */

h3, h5, #main ol ul li										{font-weight: normal;}
h1, h2, h4, h5:first-line									{font-weight: bold;}


/* ----- Font Styles ----- */

address														{font-style: normal;}
h3															{font-style: italic;}


/* ----- Font Variants ----- */

.smallcaps													{font-variant: small-caps;}


/* ----- Letter Spacing ----- */

h1, h2, h3													{letter-spacing: -1px;}


/* ----- Colors ----- */

#navigation a:link, #navigation a:active, 
	#navigation a:visited									{color: #ffffff;}
#navigation a:hover											{color: #aaaaaa;}
h1, #main a:link, #main a:active, #main a:visited			{color: #3366cc;}
#main a:hover												{color: #ffffff;}


/* ----- Backgrounds ----- */

#banner														{background-image:url('../images/banner_background.png'); background-repeat: repeat-x;}
#navigation													{background-image:url('../images/nav.gif'); background-repeat: repeat-x;}
#copyright													{background-image:url('../images/copy.gif'); background-repeat: repeat-x;}
#navigation, #copyright, #main, #validated					{background-color: #ffffff;}
#sidebar													{background-color: #d4daf2;}
#banner														{background-color: #9aace4;}
#main a:hover												{background-color: #3366cc;}


/* ----- Widths ----- */

#page, #banner, #navigation									{width: 100%;}
#sidebar													{width: 200px;}
#main														{width: auto;}


/* ----- Image Widths and Heights ----- */

#widthfixer													{width: 200px; height: 1px;}
#mosaicbanner												{width: 671px; height: 140px;}
.wc3valid													{width: 88px; height: 31px;}
.filetype													{width: 16px; height: 16px;}
#MosaicName													{width: 95px; height: 21px;}


/* ----- Lists ----- */

#main ol													{list-style-type: decimal; list-style-position: outside;}
#main ul													{list-style-type: disc; list-style-position: outside;}


/* ----- Vertical Aligns ----- */

td															{vertical-align: top;}


/* ----- Text Aligns ----- */

td															{text-align: left;}
h4															{text-align: center;}

/* ----- Text Decorations ----- */

a															{text-decoration: none;}
a:hover														{text-decoration: underline;}


/* ----- Borders ----- */

a img														{border: 0;}