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


/*-----------------------------------------------------------------------------*/
/*------------------------------- Global Defaults -----------------------------*/
/*-----------------------------------------------------------------------------*/


/* CSS Reset to normalize results across browsers */
/* CSS Reset to normalize results across browsers */
legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
label {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
form {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	/*
	line-height: 1;
	*/
	font-family: inherit;
	text-align: left;
}
ul {
	/*
	margin: 0;
	padding: 0;
	*/
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
ol {
	/*
	margin: 0;
	padding: 0;
	*/
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
li {
	/*
	margin: 0;
	padding: 0;
	*/
	margin-bottom: 6px;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
dt {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
dl {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
dd {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
var {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
tt {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
sup {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
sub {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
strong {
	margin: 0;
	padding: 0;
	border: 0;
	/* font-weight: normal;
	 font-style: normal; */
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
strike {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
small {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
samp {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
s {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
q {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
kbd {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
ins {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
font {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
em {
	margin: 0;
	padding: 0;
	border: 0;
	/* font-weight: normal;
	 font-style: normal; */
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
dfn {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
del {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
code {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
cite {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
big {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
address {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
acronym {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
abbr {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
pre {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
blockquote {
	/*
	margin: 0;
	padding: 0;
	*/
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
p {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
h5 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
h4 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
h3 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
h2 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
h1 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
object {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
applet {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
span {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
div {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}
html {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.3;
	font-family: inherit;
	text-align: left;
}/*table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
*/

blockquote:after {
	content: "";
}


blockquote:before {
	content: "";
}


q:after {
	content: "";
}


q:before {
	content: "";
}


/* Our defaults for body, etc. */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../img/BGFadeHome.gif);
	background-repeat: no-repeat;
    min-width: 550px;      /* 2x LC width + RC width */
    line-height: 1.3;
}

p {
	line-height: normal;
	font: 100% Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
    line-height: 1.3;
}

strong {
	font-weight: bold
}

a { 
	color:#0033CC;
	line-height: normal; 	
}
a:link { 
}
a:visited {
}
a:hover {
	color: #990000;
}
a:active {
}

div#cse-search-box a:link, div#cse-search-box a:visited {
	color: #FFF;
	background-color: transparent;
}

div#cse-search-box input {
	padding-left: 5px;
}

div.cceUtility {
	color: #FFF;
}

div.cceUtility a:link, div.cceUtility a:visited {
	color: #FFF;
}


/*-----------------------------------------------------------------------------*/
/*------------------------------ Standard Layouts -----------------------------*/
/*-----------------------------------------------------------------------------*/

#mainContainer {
	width: 800px; 
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid gray;
	background-image:url(../img/StandardBG.gif);
	background-repeat: no-repeat;
	background-color: White;
	padding: 0;
}
#mainContainerLeftRailOnly {
	width: 800px; 
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid black;
	background-image:url(../img/LeftRailOnlyBG.gif);
	background-repeat: no-repeat;
	background-color: White;
	padding: 0;
}
#mainContainerNoRail {
	width: 800px; 
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid black;
	background-image:url(../img/NoRailsBG.gif);
	background-repeat: no-repeat;
	background-color: White;
	padding: 0;
}

#headerContainer {
	width: 100%; 
	height: 100px; 
	position: relative;
}

#SCCLogo {
	position: absolute; 
	margin: 0; 
	padding: 0; 
	left: 12px; 
	top: 23px;
}

#headerText {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute; 
	top: 23px; 
	left: 139px; 
	font-size: 32px; 
	font-weight: bold; 
	color: white;
}
#headerText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px; 
	font-weight: bold; 
	color: white;
}

/* The top white menu across most pages */
#topMenu {
	position: absolute; 
	top: 74px; 
	left: 142px; 
	line-height: normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: white;
}
#topMenu a { 
	text-decoration: none;
	color:white;
}
#topMenu a:link {
}
#topMenu a:visited {
}
#topMenu a:hover   {
	text-decoration:underline;
}
#topMenu a:active  {
	text-decoration:underline;
}

/* The 3-column table that forms the main body of most pages */
#threeColumnPage {
	border: none;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	border-collapse: collapse;
	width: 100%;
}
#threeColumnPage td {
				vertical-align: top;
				color: #000000;
}



/* The left rail on most pages */
#leftRail {
	width: 115px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: white;	
	padding-left: 5px;
	padding-right: 5px;
}
#leftRail p {
	color: white;	
	margin-left: 13px;
	font-size: 11px; 
}
#leftRail p.topHeader {
	color: white;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold; 
	margin-left: 0;
}
#leftRail p.subHeader {
	margin-top: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold; 
	text-indent: -13px;
}
#leftRail a { 
	color: white;
}
#leftRail a:link {
}
#leftRail a:visited {
}
#leftRail a:hover   {
	color:#FFFFCC;
}
#leftRail a:active  {
}
#leftRail p.menuItem {
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold; 
}
#leftRail p.menuItem a { 
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#leftRail p.menuItem a:link {
}
#leftRail p.menuItem a:visited {
}
#leftRail p.menuItem a:hover   {
	text-decoration: underline;
}
#leftRail p.menuItem a:active  {
}


/* The center (body) column on most pages */
#mainColumn {
	padding: 16px;
	padding-left: 18px;
	padding-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
}
#mainColumn p {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

#mainColumn div.pageHeading p {
	font-size: 14px;
	margin-bottom: 14px;
	margin-top: 14px;
}

#mainColumn table.tbCategory {
	margin-top: 14px;
}

#mainColumn p.linkList {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#mainColumn p.linkList a {
	text-decoration: none;
}
#mainColumn p.linkList a:hover {
	text-decoration: underline;
}

#mainColumn li {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}
#mainColumn li.linkList {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-top: 3px;
	margin-bottom: 3px;
}
#mainColumn li.linkList a {
	text-decoration: none;
}
#mainColumn li.linkList a:hover {
	text-decoration: underline;
}


#mainColumn p.topHeader {
	text-align:left;
	color: #00665B;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: bold; 
}
#mainColumn p.subHeader {
	color: #00665B;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold; 
}
#mainColumn p.footer {
	font-size: 10px;
}





/* The right rail on most pages */
#rightRail {
	width: 160px;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
#rightRail p {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}
#rightRail p.topHeader {
	text-align:left;
	color: #00665B;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: bold; 
}
#rightRail p.subHeader {
	color: #00665B;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold; 
	margin-bottom: 10px;
}
#rightRail p.footer {
	font-size: 10px;
}

/* Center any block or image inside the right rail */
#rightRail div {
	text-align: center;
	margin: auto;
}
#rightRail table {
	text-align: center;
	margin: auto;
}
#rightRail img {
	text-align: center;
	margin: auto;
}

#shorelinefooter {
	padding-top: 12px;
	font-size: 10px;
}
#shorelinefooter p {
	font-size: 10px;
}



/*-----------------------------------------------------------------------------*/
/*--------------------------- General Purpose Classes -------------------------*/
/*-----------------------------------------------------------------------------*/

.topHeader {
	text-align:left;
	color: #00665B;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: bold; 
}

.centered {
	text-align: center;
}

a.searchAToZHomePage {
	font-size: 10px; 
	color: #CFE2E0; 
	margin: 0; 
	text-decoration: none;
}
a.searchAToZHomePage:hover {
	text-decoration: underline;
}

a.searchAToZ {
	font-size: 10px; 
	color: white; 
	margin: 0; 
	text-decoration: none;
}
a.searchAToZ:hover {
	text-decoration: underline;
}


p.linkList {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
}
p.linkList a {
	text-decoration: none;
}
p.linkList a:hover {
	text-decoration: underline;
}


.borderedTable {
    border: 1px black solid;
    border-collapse: collapse;
}
.borderedTable td {
    border: 1px black solid;
}

.paragraphHeader {
 font-weight: bold;
 	margin-bottom: 8px;
}

.rightCallout {
	float: right; 
	margin-left: 6px; 
	margin-bottom: 6px; 
	margin-top: 12px; 
	border: 1px gray solid; 
	width: 200px; 
	padding: 6px; 
	line-height: 1.3
}
.rightCallout p.paragraphHeader {
    font-weight: bold;
 	margin-bottom: 8px;
	color: #00665B;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.homePageNotice {
	position: absolute; 
	left: 440px; 
	top: 125px; 
	width: 320px; 
	padding: 6px; 
	border: 1px gray solid; 
	background-color: white; 
	font-size: 11px;
	z-index: 3;
/* for IE */
 filter:alpha(opacity=90); 
/* CSS3 standard */
 opacity:0.9;	
}

.homePageNotice p {
	font-size: 11px;
}
.homePageNotice .paragraphHeader {
	font-weight: bold;
 	margin-bottom: 6px;
}

.standardPageNotice {
	margin-top: 6px; 
	margin-bottom: 6px;
	width: 85%; 
	padding: 6px; 
	border: 3px #8B0000 solid; 
	background-color: white; 
	font-size: 11px;
}

.standardPageNotice p {
 font-size: 11px;
}
.standardPageNotice .paragraphHeader {
	font-weight: bold;
	color: #8B0000;
 	margin-bottom: 6px;
}


/* Steps to Success menus: White no-underline URLs with Yellow rollovers */
.stepsMenuTable 
{
				width: 100%; 
				border-spacing: 4px; 
				border-collapse: separate;
}
.stepsMenu {
				text-align: center;
				background-color: #00665B;
				height: 12px;
				vertical-align: bottom !important;
				padding: 4px;
				padding-bottom: 6px;
}
.stepsMenu a {
				color: white;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
}
.stepsMenu a:hover {
				color: #ffff99;
}

.redBoldItalic {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: small;
				font-weight: bold;
				font-style: italic;
				color: #FF0000;
}


.fixedList { margin-top: 4px; }