/*Style sheet for USCGAUX Template 6, by Alan Dove, SO-CS, 1SR Division 5, New York, NY.
*/

body {
	margin: 0 auto;
	width: 700px;
	background-color: #FFFFFF;
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
	margin: 0;
}

a:link {
background-color: #FFFFFF;
color: #000099;
text-decoration: none;
}

a:visited {
background-color: #FFFFFF;
color: #000099;
text-decoration: none;
}

/* Define the borders and behaviors of the tabs
*/

a.animatedtab {
font-size: 12px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
background-color: #CCCCFF;
color: #000000;
}

a.animatedtab:link {
border-top: 5px outset #000099;
border-left: 5px outset #000099;
border-right: 5px outset #000099;
}

a.animatedtab:visited {
border-top: 5px outset #000099;
border-left: 5px outset #000099;
border-right: 5px outset #000099;
}

a.animatedtab:hover {
border-top: 5px ridge #FF3333;
border-left: 5px ridge #FF3333;
border-right: 5px ridge #FF3333;
}

a.animatedtab:active {
border-top: 5px inset #FF3333;
border-left: 5px inset #FF3333;
border-right: 5px inset #FF3333;
}

/* To center an image on the page, use the tag: <img class="centered" src="... in your HTML, and let the CSS code below take care of the rest. To center text, use <p class="centered" */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

p.centered {
text-align: center;
margin: 0;
}

h2.headline1, h3.headline1, h4.headline1, h5.headline1, h6.headline1 {
background-color: #000099;
color: #FFFFFF;
font-variant: small-caps;
}

h2.headline2, h3.headline2, h4.headline2, h5.headline2, h6.headline2 {
background-color: #990000;
color: #FFFFFF;
font-variant: small-caps;
}

/* Additional link animation options, for linked images. These are not used in this version of the template, but they show how you can animate links without Javascript, just with style settings. See how cool stylesheets can be?
*/

.resting {
border: 10px outset #660000;
}

.ready {
border: 10px groove #660000;
}

.clicking {
border: 10px inset #660000;
}

.unclicking {
border: 10px outset #000066;
}

/* The page is laid out in five divs: the top header, the tabs, column 1 column 2, and the footer. The main difference between style.css and stylesub.css is the widths of the columns.
*/

#header {
	background-color: #FFFFFF;
	color: #000099;
	width: 700px;
	border: 10px ridge #000099;
	font-variant: small-caps;
}

#tabs {
	clear: both;
	width: 700px;
	margin-top: 20px;
	font-family: Lucida, Verdana, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
}

#column1 {
	border-top: 1px solid #000099;
	float: left;
	width: 150px;
	padding-top: 10px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: 'Times New Roman', Times, serif;
}
#column2 {
	border-top: 1px solid #000099;
	margin-left: 150px;
	margin-right: 0px;
	padding-top: 10px;
	padding-left: 20px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: 'Times New Roman', Times, serif;
}
#footer {
	clear: both;
	padding-top: 10px;
	font-size: 75%;
	background-color: #FFFFFF;
	color: #000000;
	font-variant: small-caps;
}