@charset "UTF-8";
/* CSS Document */


/***** THIS SECTION SETS UP THE MAJOR LAYOUT OF THE PAGES *****/

/* This contains the styles for the FULL WEB PAGE and so should really only set some of the MAJOR parameters. */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #BBBBCB;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000; /* this is the font color*/
}

/* Defines the container within which all the content lies (in this template).  This is within the blue border. */
.oneColElsCtr #container {
	width: 95%;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #333333;
}

/* Defines the container within which all the content lies (in this template).  This is within the blue border.  In this template (Nov. 2009), IT IS INDISTINGUISHABLE from the ".oneColElsCtr #container" because it is nested directly inside.  In the future, you should probably just merge the two. */
.oneColElsCtr #mainContent {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

/* This is used to display the header banner image that appears on all (most?) of the site's pages.  IT IS DIFFERENT IN THE PRINT CSS STYLES. */
.headerImage {
	display: none;
}

/* This sets out the styles for the side menu.  It is DIFFERENT on the MAIN PAGE.  IT IS DIFFERENT IN THE PRINT CSS STYLES. */
.menuContent {
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	display: none;
}
.menuContentMainPage {
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	border-right-width: 1px;
	border-left-width: 0px;
	border-right-color: #99A;
	border-left-color: #99A;
	border-right-style: solid;
	border-left-style: solid;
	display: none;
}

/* pageContent is the actual meat of the page.  It is the ONLY thing displayed when printed (in ADDITION TO the footer). */
.pageContent {
	font-size: 12px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}


/***** THIS SECTION SETS UP THE SOME TABLE STYLES ONLY USED ON THE MAIN PAGE *****/

/* THESE ARE DIFFERENT IN THE PRINT CSS STYLES. */
.tableWithBottomBarandMainHeader {
	text-align: center;
}
.tableWithBottomBar {
	border-bottom-width: 1px;
	border-bottom-color: #99A;
	border-bottom-style: solid;
	display: none;
}
.tableWithRightBar {
	border-right-width: 1px;
	border-right-color: #99A;
	border-right-style: solid;
	display: none;
}
.tableWithBottomRightBar {
	border-right-width: 1px;
	border-right-color: #99A;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #99A;
	border-bottom-style: solid;
	display: none;
}
.tableWithTopBottomRightBar {
	border-top-width: 1px;
	border-top-color: #99A;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-color: #99A;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #99A;
	border-bottom-style: solid;
}


/***** THIS SECTION SETS UP THE SOME TABLE STYLES ONLY USED ON THE MAIN PAGE *****/

.tableBoxLeft {
	background-image: url(../images/layout/table_left.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.tableBoxRight {
	background-image: url(../images/layout/table_right.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
.tableBoxTop {
	background-image: url(../images/layout/table_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.tableBoxBottom {
	background-image: url(../images/layout/table_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}


/***** SET UP THE FONT COLORS, SIZES, AND DECORATIONS *****/

/* The following a: and h# re-define standard HTML markups. */
a:link {
	color: #000099;
	text-decoration: none;
}
a:visited {
	color: #000066;
	text-decoration: none;
}
a:hover {
	color: #00AA00;
	text-decoration: underline;
}
a:active {
	color: #FF0000;
	text-decoration: underline;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000;
}
h4 {
	font-size: 13px;
	font-weight: bold;
}

/* Set up the footer display that has all the "Contact in case of ..." stuff and the APS contact info.  IT IS DIFFERENT IN THE PRINT CSS STYLES. */
.headerfooter {
	background-color: DDDDFD;
	font-size: 11px;
	color: #676767;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.headerfooter_text {
	font-size: 11px;
	color: #676767;
}

/* Establish the style for the title displayed at the top of the pageContent of every page. */
.pageTitle {
	font-size: 18px;
	font-weight: bold;
	color: #000066;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

/* Style for image captions, generally used in news stories on the main page. */
.caption_image {
	text-align: center;
	font-size: 10px;
	color: #333333;
}

/* Style for the table that will contain an image, generally used in news stories on the main page. */
.table_image {
	border-left-width: 15px;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

/* Several different styles for image bullets.  I got rid of the big red/purple/yellow stars used in the previous template (Jan. 2007 - Nov. 2009), but sometimes happy pictures are good, like color-coding on the Astronomy Online page, indicating if a link is a PDF or to an external website, etc. */
li.imageGreyBullet {
	list-style-image: url(../images/icons/bullets/grey.jpg);
	padding-bottom: 10px;
    padding-left: 0px;
	margin-left: 0px;
}
li.imageRedBullet {
	list-style-image: url(../images/icons/bullets/red.jpg);
	padding-bottom: 10px;
    padding-left: 0px;
	margin-left: 0px;
}
li.imageYellowBullet {
	list-style-image: url(../images/icons/bullets/yellow.jpg);
	padding-bottom: 10px;
    padding-left: 0px;
	margin-left: 0px;
}
li.imageGreenBullet {
	list-style-image: url(../images/icons/bullets/green.jpg);
	padding-bottom: 10px;
    padding-left: 0px;
	margin-left: 0px;
}
li.imageBlueBullet {
	list-style-image: url(../images/icons/bullets/blue.jpg);
	padding-bottom: 10px;
    padding-left: 0px;
	margin-left: 0px;
}

li.imagePDF_inline_withspace {
	list-style-image: url(../images/icons/bullets/pdf.jpg);
	padding-bottom: 5px;
    padding-left: 0px;
	margin-left: 0px;
}

li.imageInternet_inline_withspace {
	list-style-image: url(../images/icons/bullets/internet.jpg);
	padding-bottom: 5px;
    padding-left: 0px;
	margin-left: 0px;
}


/* And then some other styles. */
.required {
	color: #F00;
	font-weight: bold;
}