@charset "utf-8";
body { 
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-image: url(../images/bg-proto.jpg);
background-attachment: scroll;
background-position: right top;
background-repeat: repeat-y;
} 
a { 
color: #003C6E;
font-weight:lighter;
} 
a:hover, a:focus{ 
color: #FFFFFF;
background-color:#003C6E;
}

.underline {
text-decoration: underline;	
}
img {
border: none;
}
.img a:link {
	border: 1px solid #FFFFFF;
}

p { 
font-size: 100%;
color: #000000;
padding: 0 5px;
} 
h1 { 
color: #003C6E;
font-size: 140%;
} 
h1 a {
color: #003C6E;
}
h2 { 
color: #003C6E;
font-size: 130%;
} 
h3 {
color: #003C6E;
border-top: 1px solid #003C6E;
}
h3 a {
color: #003C6E;
}
h4 { 
color: #003C6E;
font-size: 110%;
} 
hr {
color: #003C6E;
}

/*    MAIN DIVS   */

#container { 
height:auto;
margin:auto;
text-align:left;
width:1000px;
background-color:#FFF;
padding-bottom:0;
} 

/*  HEADER STYLES   */

#header { 
z-index: 6;
background-color: #B9D4E7;
padding: 0;
background-attachment: scroll;
background-position: right top;
background-repeat: repeat-x;
font-size: 90%;
font-weight: bold;
} 
#header h1 { 
margin: 0;
padding: 10px 0;
} 

#banner-image{
	float:left;
}
#footer{
	background-color:#B9D4E7;
}

/* UPPER RIGHT BOX IN HEADER STYLES  */
#top-spacer, #bottom-spacer{
background-color:#003C6E;
width:100%;
height:10px;
}
.topbox { 
margin: 1% 0 0 0;
float: right;
text-align:right;
width: 27%;
line-height: 1.9;
text-align:center;
font-size:11pt;
} 
.topbox a, #footer a{ 
margin-left:8px;
padding:5px;
color:#003C6E;
text-decoration:none;
}
.topbox a:hover, #footer a:hover, .topbox a:focus, #footer a:focus, .topbox a:active, #footer a:active{ 
background-color:#003C6E;
color: #E0AA0F;

} 
.topbox form select {
	background-color: #ffffff;
	color: #000000;
}

#searchresults {
	padding: 0px;
	margin: 0px;
}
#styleswitch-container{
	float:right;
	margin-right:5%; 
	margin-top:3%;
}
#widget{
	margin-bottom:10px;
	padding-right:15px;
}
#widget a{
	border:solid 1px;
}
#skip-links{
border:medium none !important;
color:#003C6E;
float:right;
font-size:70%;
margin-right:10px;
}

/*  HORIZONTAL NAVIGATION IN THE HEADER   */

#topnavwrap {
display:block;
margin:0;
padding-top:1px;
text-align:right;
width:100%;
}
#topnav { 
background-color:#003C6E;
border-top:1px solid #000000;
clear:left;
display:block;
margin:0;
text-align:center;
vertical-align:middle;
width:100%;
}

#topnav a { 
border-left:1px solid #002C4A;
border-right:1px solid #5590C1;
color:#FFFFFF;
float:left;
font-size:110%;
font-weight:bold;
margin-top:3px;
padding:12px;
text-align:center;
text-decoration:none;
}
#about{
border-left:1px solid #5590C1 !important;
}
#topnav a:hover, #topnav a:focus, #topnav a:active{ 
background-color: #ffffff;
color: #003C6E;
background-image: url(../images/topnavback_down.jpg);
background-attachment: scroll;
background-position: left top;
background-repeat: repeat-x;
border-bottom: #000011;
}
#nav-spacer{
width:20%;
float:left;
}
#topnav .searchlink {
float:right;
margin-top:12px;
}

#nav-cont{
float:left;
padding-bottom:5px;

}
/*  LEFT COLUMN STYLES AND NAVIGATION  */


#left_sidebar {  
z-index: 10;
padding-top: 0;
float: left;
background-color: #014574;
color: #ffffff;
background-color:#003C6E;
border-top: 0;
width:20%;
} 
#left_sidebar p {
	color: #ffffff;
}
#left_sidebar ul, #right_sidebar ul { 
list-style: none; !important;
} 

#left_nav ul, #right_sidebar ul { 
margin: 0;
padding: 0;
font-size: 100%;
} 
#left_nav li, #right_sidebar li { 
border-bottom: 1px solid #5590c1;
border-top: 1px solid #002c4a;
} 
#left_nav li a, #right_sidebar li a{ 
display: block;
padding: 4px 2px 4px 6px;
text-decoration: none;
color: #ffffff;
margin: 0 2px;
font-weight: bold;
font-family: arial, verdana, sans-serif;
} 
#left_nav li a:hover, #right_sidebar li a:hover, #left_nav li a:focus, #right_sidebar li a:focus, #left_nav li a:active, #right_sidebar li a:active{ 
background-color: #ffffff;
color: #003C6E;
background-image: url(../images/topnavback_down2.jpg);
background-attachment: scroll;
background-position: left top;
background-repeat: repeat-x;
text-decoration: none;
} 


/*  MAIN CONTENT STYLES AND NAVIGATION  */
 
#mainContent { 
z-index: 20;
margin: 0.5% 24% 1% 21%;
}

#mainContent img {
padding: 5px 2px;
border: none;
}
#mainContent .purpleline {
border-bottom: 1px solid #5e64a4;
font-size: 100%;
padding: 10px 10px 10px 0;
text-align: left;
}

#mainContent .lines {
padding-top: 2px;
color: #003C6E;
font-size: 120%;
text-align: left;
}
#mainContent ul{ 
list-style-image: url(../images/bullet2.gif);
font-size: 1em;
}
#mainContent li{
margin-top:5px;
}

#right_sidebar ul{
list-style:none;
font-size:100%;
margin:0;
padding:0;
}

/*  MAIN CONTENT SEARCH PAGE STYLES AND NAVIGATION  */
 
#mainContent_search { 
z-index: 20;
margin: 0.5% 0% 0.5% 20%;
padding: 0% 0% 0% 1%;
}
#mainContent_search h3 { 
color: #00175C;
border-top: 1px solid #5e64a4;
font-size: 120%;
margin: 8px 15px 4px 0px;
padding: 5px 40px 2px 5px;
height: 50px;
} 
#mainContent_search h4 { 
color: #002184;
border-bottom: 1px solid #356891;
font-size: 120%;
margin: 4px;
padding: 5px;
height: inherit;
} 


#mainContent_search img {
padding: 5px 2px;
border: none;
}
#mainContent_search .purpleline {
border-bottom: 1px solid #5e64a4;
font-size: 100%;
padding: 10px 10px 10px 0;
text-align: left;
}

#mainContent_search .lines {
padding-top: 2px;
color: #000066;
font-size: 120%;
text-align: left;
}


/*  sublink class is small link box at bottom of main content  */
.sublink a {
	border: 1px solid #003C6E;
	color: #003C6E;
	padding: 10px;
	margin: 15px auto;
	text-decoration:none;
}
.sublink a:hover{
	color: #FFFFFF;
	background-color:#003C6E;
}
.topupbox {
margin: 10px 0px 10px 2px;
padding: 14px 0 5px 10px;
text-align:right;
vertical-align: middle;
}
.topupbox a { 
text-align: right;
text-decoration: none;
border: 1px solid #003C6E;
color: #003C6E;
padding: 5px;
margin: 5px;
} 
.topupbox a:hover { 
background-color:#003C6E;
color: #FFFFFF;
background-image: none;
text-decoration: none;
} 
.merlot-back{
	float:right;
	font-size:8pt;
	margin-left:5px;
	padding-right:15px;
}
/*   RIGHT COLUMN STYLES AND NAVIGATION   */

#right_sidebar_video {
position: relative;
width: 280px;
float:right;
background-color: #b9d4e7;
border-top: 0;
padding-top: 0;
margin: 0;
z-index: 30;
} 

#right_sidebar { 
background-color:#003C6E;
color:#FFFFFF;
float:right;
font-family:arial, verdana,sans-serif;
margin:0;
padding-top:0;
width:20%;
z-index:30;
border-bottom:thin solid;
} 
#right_sidebar p, #right_sidebar_video p { 
padding: 2px 0px 2px 0px;
margin: 0 1px 0 7px;
color:#FFFFFF;
} 
#right_sidebar h3, #right_sidebar_video h3 { 
background-color:#5590C1;
color:#FFFFFF;
margin:0;
padding:4px 0 10px;
width:100%;
} 
#right_sidebar h3 a, #right_sidebar_video h3 a { 
color: #ffffff;
text-decoration:none;
}
#right_sidebar h4, #right_sidebar_video h4 { 
padding: 1px 4px;
line-height: 1.5;
font-size: 120%;
color: #ffffff;
border-top: 1px solid #5e64a4;
background-color: #77212C;
border-right: 2px solid #f04259;
background-image: url(../images/redback.jpg);
background-attachment: scroll;
background-position: left top;
background-repeat: repeat-x;
} 
#right_sidebar h4 a, #right_sidebar_video h4 a { 
color: #ffffff;
text-decoration: none;
}
#right_sidebar a, #right_sidebar_video a {
font-weight: bold;
color: #ffffff;
}
#right_sidebar a:hover, #right_sidebar_video a:hover {
background-color: #ffffff;
color: #003C6E;
background-image: url(../images/topnavback_down2.jpg);
background-attachment: scroll;
background-position: left top;
background-repeat: repeat-x;
text-decoration: none;
}

#right_sidebar img, #right_sidebar_video img {
	margin: 0 auto;
	border: none;
	}


#right_sidebar .gateways {
	background-color: #517935;
	background-image: none;
	color: #FFFFFF;	
}

/*  BLUE BOX ICONS TOP OF LEFT COLUMN  */
.icon_box { 
background-color: #b9d4e7;
padding: 0.1%;
color: #000000;
border: 1px solid #024572;
} 
.icon_box a { 
font-size: 70%;
font-weight: bold;
text-decoration: none;
color: #003C6E;
}
.icon_box a:hover{
color:#FFFFFF;
background-color:#003C6E;
}
.icon_box img {
	border: none;
}


/*   VARIOUS ADDITIONAL STYLES USED IN MAIN CONTENT AND RIGHT COLUMN   */

/*  red div and red_ag div used in right column - red_ag has added mountain image at bottom of div with extra bottom margin  */
#red p { 
padding: 4px 2px 2px 3px;
margin: 0 2px;
border-top: none;
} 
#red a { 
display: block;
text-decoration: none;
font-size: 90%;
border-bottom: 1px solid #666666;
background-color: #C8DDEC;
padding: 1px 1px 4px 1px;
} 
#red a:hover { 
background-color: #ffffff;
color: #0000ff;
} 

#red_ag {
padding-bottom: 55px;
background-image: url(../images/right_ag_back.jpg);
background-attachment: scroll;
background-position: bottom left;
background-repeat: repeat-x;
}
#red_ag p { 
padding: 4px 2px 2px 2px;
margin: 2px 2px;
border-top: none;
color: #E7EEF5;
} 
#red_ag a { 
display: block;
text-decoration: none;
font-size: 90%;
background-color: #C8DDEC;
border-bottom: 1px solid #666666;
padding: 1px 1px 4px 1px;
} 
#red_ag a:hover { 
background-color: #ffffff;
color: #0000ff;
} 
#red_ag .red_sub a { 
display: block;
text-decoration: none;
background-color: #C8DDEC;
border-bottom: 1px solid #E7EEF5;
font-size: 70%;
margin-left: 12px;
padding: 1px 1px 4px 1px;
} 

.little { font-size: 80%; }
.yellow { width: 90%; margin: 1px auto; }
.yellow h4 { color: #F69D10 !important; text-align:center;} 
.green { color: #006633; text-align: center; }
.white {
	color: #FFFFFF;
	font-size: 90%;
	text-align:right;
}
.noshow {position: absolute; left: -9000px}
.center {text-align: center; margin: 0 auto; padding: 1px; }

.style2 {
font-weight: bold;
}
.style3 {font-size: 80%; text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.style4 {text-align:right;}
.style5 {text-align:right; font-weight: bold; }
.flash {
	text-align: center;
	margin: 0 auto;
	width: 264px; 
}
/*  MAIN CONTENT CONTACT INFO BOX  */

.contact { 
padding: 7px;
border: 1px dashed #3f7caf;
margin: 10px;
width: 75%;
} 

#breadcrumb {
z-index: 8;
color: #00175C;
vertical-align: text-top;
font-size: 70%;
padding: 3px 5px;
margin-top: 15px;
background-attachment: scroll;
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #00175C;
}

#breadcrumb a {
border-left: 1px solid #FFFFFF;
border-right: 1px solid #77C9FF;
margin: 0px;
padding: 3px 5px;
text-decoration: none;
color: #003C6E;
font-weight:bold;
}

#breadcrumb a:hover {
background-color: #77C9FF;
color: #003C6E;
background-image: url(../images/topnavback_down2.jpg);
border-right: 1px solid #000066;
border-left: 1px solid #000066;
font-weight:bold;
}


.floatright {   /* this class does not print */
float: right;
margin: 0 15px 2px 8px;
} 
.floatleft { 
float: left;
margin: 0 8px 2px 15px;
} 
.clearfloat { 
clear: both;
height: 0;
font-size: 1px;
line-height: 0;
} 
.clearfloatleft {
clear: left;
margin-top: 25px;
}


/*  FORM FIELD STYLES AND LABELS  */

fieldset {
border:1px solid #003C6E;
color:#003C6E;
float:right;
width:auto;
font-weight:bolder;
} 
legend {  
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;  
font-weight: bold;
background-color: #024572;
margin: 6px auto 11px auto;
padding: 2px 10px; 
text-align: right;
border: 1px solid #356891;
background-image : url(../images/topnavback3.jpg);
background-attachment : scroll;
background-position : left top;
background-repeat : repeat-x;
} 
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none; 
} 
fieldset li {  
padding-bottom: 1em; 
} 
fieldset.submit {  
border-style: none; 
background-color: #B9D4E7;
}


.sub_menu {
	background-image: url(../images/linksback4.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 2px 5px 5px 22px;
	
}

/* Program Boxes */
#cl{
	background-color:#F86010;
}
#tbi{
	background-color:#003C6E;
}
#health{
	background-color:#F01E26;
}
#clinics{
	background-color:#00938C;
}
#arts{
	background-color:#005E00;
}
#at{
	background-color:#005086;
}
#employment{
	background-color:#4C437D;
}
#sf{
	background-color:#FFD719;
}
.left-program{
	float:left;
}
.right-program{
	float:left;
}
.left-program img{
	margin-left:50px;
	margin-top:5px;
}
.right-program img{
	margin-right:50px;
	margin-top:5px;
}
.program-box{
	border:1px solid #003C6E;
	font-family:arial,verdana,sans-serif;
	list-style:none outside none;
	margin-bottom:10px;
	padding:5px;
	text-align:left;
	color:#FFF;
	font-weight:bold;
}
.program-box a{
	text-decoration:none;
	color:#FFF;
}

.program-box a:hover{
	color: #003C6E;
	background-image: url(../images/topnavback_down.jpg);
	background-attachment: scroll;
	background-position: left top;
	background-repeat: repeat-x;
	border-bottom: #000011;
}


/*   VERTICAL ALIGN CLASS  */
.vert_align {
	vertical-align: middle;
}

/*  MAIN CONTENT HIGHLIGHT/OFFSET INFO BOX  */

.highlight { 
padding: 7px;
border: 1px dashed #3f7caf;
margin: 10px;
width: 95%;
}

#banner-promo:hover{
	text-decoration:none;
	background:none;
}

/* RIGHT SIDEBAR FOR FINE ARTS */


#right_art {
	background-color: #003C6E;
	background-image: url(../images/backart2.jpg);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: left top;
	width: 100%;
}
#right_art p {
	margin: 7px 5px 7px 12px;
	padding-left:5px
}


.blue_box {
	border: 1px solid #02395E;
	border-left: 0;
	border-right: 0;
	background-color: #005086;
	color: #FFFFFF;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 8px;
}
.red_box {
	border: 1px solid #024572;
	border-left: 0;
	border-right: 0;
	background-color: #AD0D23;
	color: #FFFFFF;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 8px;
}
.teal_box {	
	border: 1px solid #024572;
		border-left: 0;
	border-right: 0;
	background-color: #00706A;
	color: #FFFFFF;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 8px;
}
.yellow_box {
	border: 1px solid #024572;
		border-left: 0;
	border-right: 0;
	background-color: #FFD637;
	color: #000000;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 8px;
}
.orange_box {
	border: 1px solid #024572;
		border-left: 0;
	border-right: 0;
	background-color: #A94609;
	color: #FFFFFF;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 8px;
}
.purple_box {
	border: 1px solid #024572;	
	border-left: 0;
	border-right: 0;
	background-color: #59297D;
	color: #FFFFFF;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 8px;
}
.banner-links:hover{
	background:none;
}