s@charset "utf-8";
/**Alex added font-size as only pixel in document. Now in media-queries.css*/
html, body {
	height: 100%;
}
/**suggested text */
/**@media only screen and (orientation: portrait) and (max-width:768px) 48rem=768px 31.25rem=500px* 30rem=480px/
/**---------------------vv @MEDIA vv------------------------------------------*/
/**PORTRAIT*/
@media only screen and (max-width:30rem), only screen and (orientation: portrait)   {

body {
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:2rem;
	color: #303030;
	margin-top: 1.25rem;
	margin-right: 0px;
	margin-bottom: 3.125rem;
	margin-left: 0px;
	
	}
h2 {
	font-size: 2.5rem;
	font-weight: normal;
	color: #008C8C;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0.3125rem;
	}
} 
/**@media only screen and (orientation: landscape) and (max-width:48rem) /
/**LANDSCAPE*/
@media screen and  (orientation:landscape)  {
	body {
	padding: 0px;
	background: #E0E0E0 ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.5rem;
	color: #303030;
	margin-top: 1.25rem;
	margin-right: 0px;
	margin-bottom: 3.125rem;
	margin-left: 0px;
	}
h2 {
	font-size: 1.75rem;
	font-weight: normal;
	color: #008C8C;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0.3125rem;
	}
}

/**For pcs 
@media  screen and (min-width:980px)
*/
@media  screen and (min-width:980px)  {	
	body {
	padding: 0px;
	background: #E0E0E0 ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25rem;
	color: #303030;
	margin-top: 1rem;
	margin-right: 0px;
	margin-bottom: 3.125rem;
	margin-left: 0px;
	}
h2 {
	font-size: 1.75rem;
	font-weight: normal;
	color: #008C8C;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0.3125rem;
	}
}
/**---------------------^^ @MEDIA ^^------------------------------------------*/
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1, h3 {
	margin-top: 0px;
}
h1 {
}
/**changed to 2 rem from 1.5 rem*  Color is bright teal or aqua
added 	text-align: left;

h2 {
	font-size: 1.75rem;
	font-weight: normal;
	color: #008C8C;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
*/
/**font is dark teal*/
h3 {
	font-size: 1.75rem;
	color: #006868;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/**changed to 1.5 rem  color is dark gray almost black */
h4 {
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.125rem;
	color: #303030;
}
/**Bright blue*/
h5 {
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8125;
	color: #36c;
	margin-bottom: 0.3125rem;
}
/**color is dark gray almost black */
h6 {
	font-weight: bold;
	font-style: italic;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	color: #303030;
	margin: 0;
}

p, ul {
	margin-top: 0px;
	margin-bottom: 1rem;
	text-align: left;
	line-height: 160%;
	list-style-type: square;
}
/** Added this for numbered lists to parallel the bulleted ones changed to 1rem*/
p, ol {
	margin-top: 0px;
	margin-bottom: 1rem;
	text-align: left;
	line-height: 160%;
}
/**color is dark teal*/
a {
	color: #006868;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}
/**color is light gray*/
img.border {
	padding: .25rem;
	border: 1px solid #C3C3C3;
}

img.alignleft {
	float: left;
	margin: 0px 25px 0px 0px;
}

img.alignright {
	float: right;
	margin: 0px 0px 0px 25px;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	line-height: 180%;
}
/**changed to 1rem*/
.list1 li {
	padding-left: 1rem;
	background:  url("/images/homepage11.gif") no-repeat left center;
}

/** WRAPPER */

#wrapper {
}

/** HEADER */


#header {
	width: 53.875rem;
	height: 5.0625rem;
	margin: 0px auto;
	background: #FFFFFF url("../images/homepage02.jpg") repeat-x left top;
	position: relative;
	
}


/** LOGO */

#logo {
	float: left;
	width: 25rem;
	height: 5.0625rem;
	background:      url("../images/homepage033.jpg") no-repeat left top;
}

#logo h1, #logo p {
	margin: 0px;
	text-indent: -999rem;
	line-height: normal;
}

#logo h1 a {
	display: block;
	height: 4.375rem;
}

/** TOPMENU */

#topmenu {
	float: right;
	height: 2.5625rem;
	padding: 2.5rem 0px 0px 0px;
	background:  url("/images/homepage04.jpg") no-repeat right top;
}
/**color is light gray*/
#topmenu p {
	margin: 0px;
	padding: 0px 1.5625rem 0px 0px;
	line-height: normal;
	color: #ACACAC;
	vertical-align: text-bottom;
}
/**color is color is dark gray almost black Change #666666 to #E0E0E0 */
#topmenu a {
	padding: 0px 10px;
	color: #E0E0E0;
}

/** HEADER2 color is dark gray almost black  was width 50.5 rem is the width of the current page
added text-align: center;
header2 just defines the shape of the overall line. 
For portrait, 63rem assures that the entire line will be visible and not clipped. 
*/
/**---------------------vv @MEDIA vv------------------------------------------*/
/** Reduced padding at left with the 0.1rem spec. Also in navigation-rem.css, changed the padding to 
padding: 0 0.5rem 0 0.5rem; to make the whole drop-down line narrower. 
Width of 57 rem just fits Contact Us. */
@media only screen and  (max-width:30rem), only screen and (orientation: portrait)  {

#header2 {
	width: 57rem;
	height: 2.5rem;
	margin: 0px auto;
	padding: 1px 0.1rem;
	background: #323232;
	text-align: center;
	}
}
/**Took off screen width because it impacted even portrait mode.
For this and PC, "height:" should be same as navigation-rem.css "line-height:"
*/
@media only screen and (orientation: landscape)  {
#header2 {
	width: 50.5rem;
	height: 2rem;
	margin: 0px auto;
	padding: 1px 1.6875rem;
	background: #323232;
	text-align: center;
	}
}
/**For pcs 
@media  screen and (min-width:980px)
*/
@media  screen and (min-width:61.25rem)  {	
#header2 {
	width: 70.5rem;
	height: 2rem;
	margin: 0px auto;
	padding: 1px 1.6875rem;
	background: #323232;
	text-align: center;
	}
}
/**---------------------^^ @MEDIA ^^------------------------------------------*/

/** SEARCH */

#search {
	float: right;
	width: 13.75rem;
}

#search form, #search fieldset {
	margin: 0px;
	padding: 0px;
}

#search fieldset {
	padding-top: 0.375rem;
	border: none;
}

#search input {
	float: left;
}
/** font color is light gray*/ 
#search .input-text {
	width: 10.625rem;
	height: 0.9375rem;
	padding: 3px 5px;
	background: #FFFFFF;
	border: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.6875rem;
	color: #C0C0C0
}

#search .input-image {
	margin-left: 0.5rem;
}

/** PAGE border is light gray  Removed border 202305  Width was 50.625rem =810px*/
/**---------------------vv @MEDIA vv------------------------------------------*/
/**PORTRAIT
57rem=912px
*/
@media only screen and (max-width:30rem), only screen and (orientation: portrait)   {
#page {
	width: 57rem;
	margin: 0px auto;
	padding: 1.5625rem 1.5625rem 0px 1.5625rem;
	background: #FFFFFF;
	border-left: 0 solid #E0E0E0;
	border-right: 0 solid #E0E0E0;
	}
/** background and borders are light gray*/
#page2 {
	width: 57rem;
	margin: 0px auto;
	padding: 0px 1.5625rem 0px 1.5625rem;
	background: #E0E0E0;
	border-left: 0 solid #E0E0E0;
	border-right: 0 solid #E0E0E0;
	}
/**Changed padding on top to .0625rem=10px width 49.0625rem=785
Experimented with 57rem=912px width. Decided on 15px less 897px=56.0625rem
*/
#sidebar2C {
	float: center;
	width: 56.0625rem;
	background-color:#CCECFF;
	padding:.0625rem .0625rem .0625rem 0.9375rem;
	margin-bottom: 0.9375rem;
	}
} 
/**@media only screen and (orientation: landscape) and (max-width:48rem) 
50.625rem=810     */
/**LANDSCAPE*/
@media screen and  (orientation:landscape)  {
	#page {
	width: 50.625rem;
	margin: 0px auto;
	padding: 1.5625rem 1.5625rem 0px 1.5625rem;
	background: #FFFFFF;
	border-left: 0 solid #E0E0E0;
	border-right: 0 solid #E0E0E0;
	}
/** background and borders are light gray*/
#page2 {
	width: 50.625rem;
	margin: 0px auto;
	padding: 0px 1.5625rem 0px 1.5625rem;
	background: #E0E0E0;
	border-left: 0 solid #E0E0E0;
	border-right: 0 solid #E0E0E0;
	}
/**Changed padding on top to .0625rem=10px width 49.0625rem=785*/
#sidebar2C {
	float: center;
	width: 49.0625rem;
	background-color:#CCECFF;
	padding:.0625rem .0625rem .0625rem 0.9375rem;
	margin-bottom: 0.9375rem;
	}	
}

/**For pcs 
@media  screen and (min-width:980px)
*/
@media  screen and (min-width:980px)  {	
#page {
	width: 70.625rem;
	margin: 0px auto;
	padding: 1.5625rem 1.5625rem 0px 1.5625rem;
	background: #FFFFFF;
	border-left: 0 solid #E0E0E0;
	border-right: 0 solid #E0E0E0;
	}
/** background and borders are light gray*/
#page2 {
	width: 70.625rem;
	margin: 0px auto;
	padding: 0px 1.5625rem 0px 1.5625rem;
	background: #E0E0E0;
	border-left: 0 solid #E0E0E0;
	border-right: 0 solid #E0E0E0;
	}	
/**Changed padding on top to .0625rem=10px width 49.0625rem=785*/
#sidebar2C {
	float: center;
	width: 69.625rem;
	background-color:#CCECFF;
	padding:.0625rem .0625rem .0625rem 0.9375rem;
	margin-bottom: 0.9375rem;
	}
}
/**---------------------^^ @MEDIA ^^------------------------------------------*/


.wide #page {
}

/** CONTENT */

#content {
	float: left;
	width: 31.5625rem;
}

.home #content {
	width: 29.0625rem;
}

.two-columns {
}

.two-columns .column1 {
	float: left;
	width: 13.75rem;
}

.two-columns .column2 {
	float: right;
	width: 13.75rem;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 13.125rem;
	padding: 0.625rem;
}
/**Used for models on the home page*/
/**Added margin bottom for gap between this and next sidebar Background is light blue*/
#sidebar2 {
	float: right;
	width: 18.125rem;
	background-color:#CCECFF;
	padding:.0625rem .0625rem .0625rem 0.9375rem;
	margin-bottom: 0.9375rem;
}
/**Changed padding on top to .0625rem=10px width 49.0625rem=785
#sidebar2C {
	float: center;
	width: 49.0625rem;
	background-color:#CCECFF;
	padding:.0625rem .0625rem .0625rem 0.9375rem;
	margin-bottom: 0.9375rem;
}
*/
/**Added by APC for upper right announcements on home page*/
/**margin-bottom 30px leaves space between this and sidebar on home page*/
/**Moved to bottom now. Don't need Margin-bottom*/
#sidebar3 {
	float: right;
	width: 18.125rem;
	padding:.0625rem;
	border:1px solid #000000;
	margin-bottom: 5px;
}
/**Added this to allow centering of the image in sidebar3 */
#sidebar3 img {
    margin: 0 auto;
	display: block;
}
#sidebar4 {
	float: right;
	width: 25rem;
	padding:.0625rem;
	margin-bottom: 1.875rem;
}
/**Added this to allow centering of the image in sidebar3 */
#sidebar4 img {
    margin: 0 auto;
	display: block;
}
/**Added this for the Jumpstart page sidebar*/
#sidebar_jumpstart {
	float: right;
	width: 18.125rem;
	background-color:#DDDDDD;
	padding:.0625rem .0625rem .0625rem 0.9375rem;
	border:1px solid #000000;
	margin-bottom: 1.875rem;
	margin-left: 1.25rem;
}
/**Added this for the AARSV page sidebar #DEEBFC is a light purple-blue*/
#sidebar_wideblue {
	float: right;
	width: 370px;
	background-color:#DEEBFC;
	padding:0.9375rem .0625rem .0625rem 0.9375rem;
	border:1px solid #000000;
	margin-bottom: 1.875rem;
	margin-left: 1.25rem;
}
/**Added this for endorsements--green E0FCE0 sidebar background is light gray*/
#sidebar_endorse {
	float: right;
	width: 270px;
	background-color:#E0FCE0;
	padding:1.25rem .0625rem .0625rem .0625rem;
	border:1px solid #000000;
	margin-bottom: 1.875rem;
	margin-left: 1.25rem;
}
#centerbar {
	float: none; 
	width: 53.5rem;
	Padding: 6.875rem;
	margin-bottom: 1.875rem;
}

#centerbar img {
	margin: 0 auto;
	display: block;
}
/**Special for SBSA captions for centered image*/
.SBSAcaption {
color: #000096;
	Font-size: 0.75rem;
	margin-left: 3.125rem;
	margin-right: 3.125rem;
}
.SBSAcaption500 {
	width: 31.25rem;
	color: #000096;
	Font-size: 0.75rem;
	margin-left: 11.25rem;
	margin-right: 11.25rem;
}
.SBSAcaption400 {
	width: 25rem;
	color: #000096;
	Font-size: 0.75rem;
	margin-left: .0625rem;
}

.SBSAcaption300 {
	width: 18.75rem;
	color: #000096;
	Font-size: 0.75rem;
	margin-left: .0625rem;
}
.home #sidebar {
	width: 18.5625rem;
}

/** FOOTER */
/**Had the line 	background:  url("/images/homepage10.gif") no-repeat left top;
Width 58.875rem=942px
*/

#footer {
	width: 57rem;
	margin: 0px auto;
	}

/**color is medium gray  padding was 2.1875 
added width: 53.875rem; didn't work. Tried 100 still problems. deleted
*/
#footer p {
	margin: 0px;
	padding: 2.1875rem 0px 0px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #AFAFAF;
}
#footer a {
}

/** BOX1 */

#box1 {
	width: 53.875rem;
	margin: 0px auto;
}
.home #page #chicklet {
	color: #FFFFFF;
	background-color: #000096;
}
/**color is dark blue*/
.footerslogan {
	font-size: 1.375rem;
	font-style:italic;
	color:#000096;
}
/**color is dark teal*/
.h3italics {
	font-size: 0.8125rem;
	color: #006868;
	text-align: left;
	font-style:italic;
}
.endorse-name {
	font-size: .0625rem;
	text-align: right;
	font-style: italic;
}
/**color is dark teal*/
.style27 {
	font-size: 1rem;
	color: #006868;
}
	
.eventsinfo {
	width: 5rem;
	font-weight: bold;
	text-align:right;
	padding-right: 0.9375rem;
}

.anchorspacing {
	color: #ffffff;
	margin: 0;
}

.leftpadding {
	margin-left: 4.375rem;
	}
	
.largertext {
	font-size: 1rem;
	}

.large14text {
	font-size: 0.9375rem;
	}
	 
.smallertext {
	font-size: 0.8125rem;
}

.smalltext {
	font-size: 0.75rem;
}
/**footnotes on challenges page*/
.footnotetext {
	font-size: x-small;
}