/* ------------------ DEV STYLES ------------------ */

/* ----------basic---------- */

* {
      margin: 0;
      padding: 0;
     }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 75.5%;
text-align:center;
color: #000;
background: #EEEEE6;
}

table {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

#container{
width: 1000px;
height:auto;
margin: 0 auto;
padding:0;
border: 1px solid white;
background: #FFF;
text-align: left;
line-height: 130%;
overflow:hidden;
}

a:link {
color:#666666;
text-decoration: underline;
}

a:visited {
text-decoration: underline;
color:#36C;
}

a:hover {
	color: #008BAB;	
}

/* ----------right column---------- */

#rightcontent{
float: right;
width: 190px;
margin:10px 10px 0 0;
padding:0;
}

#rightcontent p {
color:#666666;
}

#rightcontent #top_border {
	background:url(../_images/top-190-wide.jpg) no-repeat;
	height: 8px;
	margin:0;
	}
	
#rightcontent #bottom_border {
	background:url(../_images/bottom-190-wide.jpg) no-repeat;
	height: 8px;
	margin-bottom:10px;
	}

#rightcontent #middle{
background: url(../_images/middle-190-wide.jpg) repeat;
	margin:0;
	padding: 5px 10px 5px 10px;
	}

#rightcontent #blue_bar {
		background: url(../_images/190-wide-blue.jpg) no-repeat;
		height: 36px;
		margin:0;
		padding:0;
		line-height:32px;
		font-size: 13px;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		text-transform: capitalize;
	}

#rightcontent a.subnav a.topnav {
color: #999;
text-decoration:underline;
	}
	
#rightcontent a.subnav:visited{
text-decoration:underline;
	}
	
#rightcontent a.topnav:visited{
text-decoration:underline;
	}
	
#rightcontent a.subnav:hover{ 
color: #666666;
text-decoration:none;
	}
	
#rightcontent a.topnav:hover{ 
color: #666666;
text-decoration:none;
	}
	
#rightcontent img {
padding: 0 0 10px 0;
}

#rightcontent a.subnav {
font-size:12px;
display:block;
padding:4px;
text-decoration:none;
}

#rightcontent a:hover.subnav {
background-color:#E9F4F5;
}


#rightcontent a.topnav {
font-size:14px;
display:block;
text-align:center;
padding:4px;
text-decoration:none;
background-color:#EEE;
border:1px solid #CCC;
}

#rightcontent a:hover.topnav {
background-color:#E9F4F5;
}


/* ----------main column---------- */

#content{
width: 780px;
margin: 10px 200px 0 10px;
padding:0;
background-color: #FFF;
}

#content .ad {
margin-bottom:10px;
}

#content p{
margin: 0 0 1em 0;
}

#content li{
margin: 0 0 1em 0;
}

#content #top_border {
	background:url(../_images/top-780-wide.jpg) no-repeat;
	height: 8px;
	margin:0;
	}
	
#content #bottom_border {
	background:url(../_images/bottom-780-wide.jpg) no-repeat;
	height: 10px;
	margin-bottom:10px;
	padding:0;
	}

#content #middle{
background: url(../_images/middle-780-wide.jpg) repeat;
padding: 5px 10px 5px 10px;
	}
	
#content #blue_bar{
		background: url(../_images/780-wide-blue.jpg) no-repeat;
		height: 36px;
		margin:0;
		padding-left:10px;
		line-height:32px;
		font-size: 13px;
		font-weight: bold;
		color: #FFF;
		text-align: left;
		text-transform: capitalize;
	}

#content #top_border_small{
	background:url(../_images/top-385-wide.jpg) no-repeat;
	height: 8px;
	margin:0;
	}
	
#content #bottom_border_small {
	background:url(../_images/bottom-385-wide.jpg) no-repeat;
	height: 10px;
	margin-bottom:10px;
	padding:0;
	}

#content #middle_small{
background: url(../_images/middle-385-wide.jpg) repeat;
padding: 5px 10px 5px 10px;
	}
		
	
div#content ul.topnav {
	width:100%;
	padding: 0;
	list-style-type: none;
	border-width: 1px 0;
	float: left;
	margin-top:0px;
}
div#content ul.topnav li{
		text-align:center;
		text-transform:capitalize;
		font-size:13px;
		font-weight:bold;
		float: left;
		border-right: 1px solid #fff;
		width:125px;
	}
	
div#content ul.topnav li a:link{
		text-decoration:none;
		color:#FFFFFF;
	}
	
div#content ul.topnav li a:visited{
		text-decoration:none;
		color:#FFFFFF;
	}
	
div#content ul.topnav li a:hover{
		text-decoration:none;
		color:#333333;
		font-weight:bold;
	}
	
div#content ul.topnav li.last {
		border-right:none;
	}
	
#content #left_info_box {
float: left;
width: 385px;
margin: 0;
padding: 0;
}

#content #right_info_box {
width: 385px;
margin-left: 395px;
padding;0
}

#form {
display:block;
background-color:#EEE;
border: 1px solid #CCC;
padding:10px;
}

#box_middle{
background: url(../images/rounded_middle_grey.jpg) repeat;
padding: 5px 10px 5px 10px;
	}

#content img.middle_ad{
padding: 0 7px 0 7px;
margin-bottom:10px;
}

#content img.line {
height:2px;
width:100%;
background-color:#EEE;
margin-bottom:10px;
padding:0;
}

#content #journeys{
margin-bottom: 15px;
height:115px;
}

#content #journeys img{
float: left;
margin: 0 10px 0 0;
}


/* ----------footer----------- */

#footer{
background-image:url(../_images/footer.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#EEEEE6;
padding-top: 45px;
margin-bottom: 5px;
text-align: center;
font-size: 11px;
color:#999999;
}

#footer a:link {
color: #666666;
text-decoration: underline;
padding: 0 3px 0 3px;
}

#footer a:visited {
color: #666666;
text-decoration: underline;
}


/* ----------classes----------- */

.programtitle {
font-size: 2em;
font-weight: bolder;
line-height: 130%;
}

.programsubtitle {
font-size: 1.3em;
font-style: italic;
font-weight: bolder;
}

.pagetitle {
font-size: 1.5em;
line-height: 130%;
color: #008BAB;
}

.question {
font-size: 14px;
}

.answer {
display: block;
background-color:#E9F4F5;
padding:10px;
line-height:140%;
}

.si_link {
width:355px;
display: block;
background-color:#E9F4F5;
padding:10px;
line-height:140%;
}

.blue {
font-size: 1.3em;
line-height: 130%;
color: #008BAB;
}

.imageright{
float: right;
padding: 0 0 10px 10px;
}

.imageleft{
float: left;
padding: 0 10px 10px 0;
}

p {
	margin: 10px 0;
	padding: 0;
}

h1 {
	/* for site name at top */
	font-size: 36px;
	line-height: 36px;
	margin: 0 0 12px;
	font-weight: bold;
}

h2 {
	/* for page title */
	font-size: 18px;
	line-height: 18px;
	margin: 0px;
	font-weight: bold;
}

h3 {
	/* page headers */
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	color: #000000;
	margin: 0 0 8px;
}

h4 {
	/* page subheaders */
	font-size: 14px;
	line-height: 14px;
	margin: 14px 0 5px;
	font-weight: bold;
}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: none;
}

div#header {
	background:url(../_images/navMain/logo_and_header.gif) no-repeat top;
	margin: 10px 0 0 0;
	height: 89px;
}

div#header .form {
	float:right;
	padding-top:35px;
	padding-right:20px;
	}
	
div#header .search_button {
border: 0;
}

div#header .search_field
{
color:#666666;
font-size:10px;
float:left; /* this will make the images line up */
border:0;
padding:3px 0 0 20px;
margin-right:2px;
width:115px; /* the width of the actual search box, must be shorter than your image so it fits inside it. */
height:18px; /* again, must be slightly less than the image size */
background:url(../_images/navMain/search.jpg) no-repeat;
}


/* TAG CLOUD STYLES */


#htmltagcloud{ font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif; line-height:2.4em; word-spacing:normal; letter-spacing:normal; text-decoration:none; text-transform:none; text-align:justify; text-indent:0ex; background-color:#fff; }

#htmltagcloud a:link{text-decoration:none}

#htmltagcloud a:visited{text-decoration:none}

#htmltagcloud a:hover{text-decoration:none;color:white;background-color:#05f}

#htmltagcloud a:active{text-decoration:none;color:white;background-color:#03d}

span.tagcloud0{font-size:0.5em;padding:0em;color:#ACC1F3;z-index:10;position:relative}

span.tagcloud0 a{text-decoration:none; color:#ACC1F3}

span.tagcloud1{font-size:0.7em;padding:0em;color:#ACC1F3;z-index:9;position:relative}

span.tagcloud1 a{text-decoration:none;color:#ACC1F3}

span.tagcloud2{font-size:0.9em;padding:0em;color:#86A0DC;z-index:8;position:relative}

span.tagcloud2 a{text-decoration:none;color:#86A0DC}

span.tagcloud3{font-size:1.1em;padding:0em;color:#86A0DC;z-index:7;position:relative}

span.tagcloud3 a{text-decoration:none;color:#86A0DC}

span.tagcloud4{font-size:1.3em;padding:0em;color:#607EC5;z-index:6;position:relative}

span.tagcloud4 a{text-decoration:none;color:#607EC5}

span.tagcloud5{font-size:1.5em;padding:0em;color:#607EC5;z-index:5;position:relative}

span.tagcloud5 a{text-decoration:none;color:#607EC5}

span.tagcloud6{font-size:1.7em;padding:0em;color:#4C6DB9;z-index:4;position:relative}

span.tagcloud6 a{text-decoration:none;color:#4C6DB9}

span.tagcloud7{font-size:1.8em;padding:0em;color:#395CAE;z-index:3;position:relative}

span.tagcloud7 a{text-decoration:none;color:#395CAE}

span.tagcloud8{font-size:2.0em;padding:0em;color:#264CA2;z-index:2;position:relative}

span.tagcloud8 a{text-decoration:none;color:#264CA2}

span.tagcloud9{font-size:2.1em;padding:0em;color:#133B97;z-index:1;position:relative}

span.tagcloud9 a{text-decoration:none;color:#133B97}

span.tagcloud10{font-size:2.3em;padding:0em;color:#002A8B;z-index:0;position:relative}

span.tagcloud10 a{text-decoration:none;color:#002A8B}

span.freq{font-size:5pt !important;color:#bbb}

#credit{text-align:center; font-size:0.7em; color:#333; margin-bottom:0.6em; font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif;}

#credit a:link{color:#777; text-decoration:none;}

#credit a:visited{color:#777; text-decoration:none;}

#credit a:hover{text-decoration:none; color:white; background-color:#05f;}

#credit a:active{text-decoration:underline;}