body {
  font-family: Arial;
  font-size: 10px;
}



#header, #footer{
  background: #eee;
  border: 0 solid #ccc;
}

#header{
  padding: 0;
  background: url("http://www.onlinedegrees.org/images/header.png") repeat-x;
}


#content_box{
  line-height: 1.5;
  padding: 1.5em 2em;
  font-size: 1.4em;
}

.fixed_width {
  width: 960px;
  margin: auto;
  color: black;
}

#content_box p{
  margin: 1em auto;
}


.brand #site_title a{
  text-indent: -1000px;
  text-decoration: none;
  color: black;
  display: block;
  width: 410px;
  height: 88px;
  background: url("http://www.onlinedegrees.org/images/logo.gif");
  margin-left: 30px;
}

.brand #site_title, .brand #site_tagline{
  display: inline-block;
  *display: inline; /* For IE6/IE7 */
  zoom: 1; /* For IE6/IE7 */
  padding: 0;
}


#header #main_menu{
  letter-spacing: -3px;
  word-spacing: -3px;
  background: url("http://www.onlinedegrees.org/images/nav-hover.gif") left no-repeat;
  height: 43px;
}

#header #main_menu li{
  display: inline-block;
  *display: inline; /* For IE6/IE7 */
  zoom: 1; /* For IE6/IE7 */
  margin: 0;
}

#header #main_menu li a{
  display: block;
  padding: 1.05em 1.9em 1.05em 1.8em;
  color: #575757;
  text-decoration: none;
  letter-spacing: normal;
  word-spacing: normal;
  float: none;
  position: relative;
  font-family: Georgia;
  font-size: 14px;
}

#header #main_menu li{
  background: url("http://www.onlinedegrees.org/images/nav-hover.gif") right no-repeat;
}

#header #main_menu li.current a{
  margin-bottom: -0.1em;
}

#header #main_menu li a:hover{
  text-decoration: underline;
}

.clear{
  clear: both;
}




#nook{
  float: right;
  letter-spacing: -3px;
  word-spacing: -3px;
  width: 300px;
  margin-right: 20px;
  display:none;
}

#nook nav{
  text-align: right;
}

#nook nav li{
  display: inline-block;
  *display: inline; /* For IE6/IE7 */
  zoom: 1; /* For IE6/IE7 */
  background: url("http://www.onlinedegrees.org/images/nook.gif") bottom;
  padding: 9px 10px 9px 10px;
}

#nook nav li.start{
  background: url("http://www.onlinedegrees.org/images/nook.gif") left bottom;
  width: 30px;
}

#nook nav li.end{
  background: url("http://www.onlinedegrees.org/images/nook.gif") right bottom;
  width: 30px;
}

#nook nav li a{
  margin: 0.5em;
  letter-spacing: normal;
  word-spacing: normal;
  color: #cbeafc;
  font-size: 1.1em;
  text-decoration: none;
}

#nook nav li a:hover{
  color: white;
  text-decoration: underline;
}





#footer{
  background: url("http://www.onlinedegrees.org/images/footer.gif") repeat-x top #dbeffb;
  padding: 1.5em;
  font-size: 1.3em;
  line-height: 1.5;
  text-align: center;
}

#footer .fixed_width{
  background: transparent;
}

#footer a{
  font-size: 1em;
  margin: 0.5em;
  color: #315a71;
}


#content_box #content{
  width: 67%;
  float: right
}

#content_box .sidebar{
  width: 30%;
  float: left;
}


#content h1{
  font-size: 2.4em;
  font-family: georgia;
  font-weight: normal;
}




.widgets{
  
  border: 1px solid #eee;
  margin-left: 14px;
  margin-right: 4px;
  padding: 2em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(ie-css3.htc);
  background: url("http://www.onlinedegrees.org/images/sidebar-background.png");
}

.widget{
  margin-bottom: 1.5em;
  color: #6d6d6d;
}

.widget h3{
  font-family: Georgia;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
  *margin-top: 10px;
}

.widget.advice h3,
.widget.levels h3,
.widget.field h3{
  padding-left: 25px;
}

.widget.advice h3{
  background: url(../images/advice-icon.png) left no-repeat;
}

.widget.levels h3{
  background: url(../images/degree-levels-icon.png) left no-repeat;
}

.widget.field h3{
  background: url(../images/field-of-study-icon.png) left no-repeat;
}


.widget ul{
  margin-left: 20px;
}

.widget ul ul{
  margin-top: 0.5em;
}

.widget ul li{
  list-style-image: url("http://www.onlinedegrees.org/images/arrow.png");
  margin-bottom: 0.5em;
}

.widget ul ul li{
  list-style-image: none;
}


.widget ul li a{
  color: #6d6d6d;
}

.widget p{
  margin-bottom: 0.5em;
}

#content blockquote{
  margin: 1em;
  padding: 1em;
  font-style: italic;
  border: thin dotted #ddd;
}

#content ol, #content ul{
  margin-left: 2em;
  margin-bottom: 1em;
}

#content h2{
  font-size: 1.8em;
  margin-bottom: 5px;
  font-family: Georgia;
  color: #0067af;
  font-weight: normal;
}

#content h3{
  font-size: 1.4em;
  margin-bottom: 0.5em;
  font-family: georgia;
  font-weight: normal;
  color: #6d6d6d;
}


#content a{
  color: #0088cc;
}

.home .iframe {
  width: 285px;
  float: left;
}

.home .billboard{
  float: left; width: 660px;
  margin-top: 0.4em;
  margin-bottom: 1em;
}

.home #content article h1{
  background: url("http://www.onlinedegrees.org/images/headline-background.png") repeat-x;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(ie-css3.htc);
  padding: 10px 20px;
  font-size: 18px;
  color: #10486f;
  margin-right: 10px;
}

#content .format_content{
  margin: 0 30px 0 20px;
}

#content_box{
  background: url("http://www.onlinedegrees.org/images/content-bg.png") repeat-x;
}

#content .college{
  padding: 2em 0;
  display: block;
  border-bottom: 1px dotted #ddd;
}

#content .college .left{
  float: left;
  width: 140px;
  margin-right: 20px;
  text-align: center;
}

#content .college .right{
  float: left;
  width: 430px;
}

#content .college .right a{
  color: black;
}

#content .college.last{
  margin-bottom: 2em;
}

.clickhere{background:url(http://www.onlinedegrees.org/images/button2.gif); width:132px; height:32px; border:none; cursor:pointer;   margin:25px 0px 0px 0px;}




/* DEGREE VALUE CALCULATOR
------------------------------------------------------------------*/
a.calculator, .calculator{
	color: #0067AF;
	font-family: ff-tisa-web-pro,serif;
	font-size: 35px;
	font-weight: 700;
	text-decoration: none !important;
}




/* FORMS
------------------------------------------------------------------*/
form{font-family: Arial,"Nimbus Sans",sans-serif;font-size: 1em;}
select, textarea{font-family: Arial,"Nimbus Sans",sans-serif;}

/*Vertical Widget*/
#widget_degree_finder_side{
	width:291px;
	height: 441px;
	margin:0 0 20px;
	float: left;

	background: url(../images/backgrounds/bg_widget_degree_finder_side.png) no-repeat 0 0;
}
/*Horizontal Widget*/
#widget_degree_finder_content{
	width:625px;
	height: 209px;
	margin:0 0 20px;

	background: url(../images/backgrounds/bg_widget_degree_finder_content.png) no-repeat 0 0;
}
.widget_degree_finder h2,#content .widget_degree_finder h2{
	margin:5px 0 29px;
	color: #fff;
	font-family: ff-tisa-web-pro,serif;
	font-size: 27px;
	font-weight: 700;
	text-align: center;
	text-shadow: 0 -1px rgba(0,0,0,.2);
}
	#content .widget_degree_finder h2{
		margin:0 0 19px 15px;
		width:55%;
		float: left;
		font-size: 33px;
		text-align: left;
	}
.widget_degree_finder h3,#content .widget_degree_finder h3{
	color: #fff;
	font-family: museo-sans,sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3em;
	text-align: center;
	text-shadow: 0 -1px rgba(0,0,0,.3);
}
	#content .widget_degree_finder h3{
		margin:7px 0 0;
		width:40%;
		float: left;
		font-size: 17px;
	}
.widget_degree_finder h3 strong{
	font-weight: 500;
}
.widget_degree_finder ol{
	width: 230px;
	margin:14px 0 0 30px;
	list-style: none;
	
	color: #fff;
	font-family: museo-sans,sans-serif;
	font-size: 16px;
}
	#content .widget_degree_finder ol{
		width:97%;
		height:60px; 
		margin:14px 0 0 30px;
		clear: both;
		font-size: 15px;
	}
.widget_degree_finder ol li{
	margin:0 0 14px;
}
	#content .widget_degree_finder ol li{
		width:29.2%;
		margin:0 15px 0 0;
		float: left;
	}
.widget_degree_finder label{
	font-weight: 500;
	text-shadow: 0 -1px rgba(0,0,0,.3);
}

/* ----------------------------------------------------------
				FORMALIZE - SELECT BOXES
---------------------------------------------------------- */

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input,
button,
textarea {
  margin: 0;
  vertical-align: middle;
}

/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
  color:#333;
  text-transform: capitalize;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color:#333;
  text-transform: capitalize;
}

input.placeholder_text,
textarea.placeholder_text {
  color:#333;
  text-transform: capitalize;
}


::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

.widget_degree_finder select {
	width:100%;
	margin: 7px 0 0;
	padding:.35em .6em .4em;
	border:0;
	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
	outline: 0;
	vertical-align: middle;

	background:#fff;

	color:rgb(0,113,188);font-family: Arial,"Nimbus Sans",sans-serif;font-size: .95em;

	box-shadow: 0 -1px 0 rgba(0,0,0,.2);
		-moz-box-shadow: 0 -1px 0 rgba(0,0,0,.2);
		-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.2);

	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	background-clip: padding-box;
		-moz-background-clip: padding;
		-webkit-background-clip: padding;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

:invalid {
  /*
    Suppress red glow that Firefox
    adds to form fields by default,
    even when user is still typing.
  */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.widget_degree_finder select:focus,
.widget_degree_finder select:active {

  /* for Opera */
  z-index: 1;
}


select[disabled] {

}

select[disabled],
select[disabled] option,
select[disabled] optgroup {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {background: #fff url(../images/backgrounds/bg_select.jpg) no-repeat right 0;
  }

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }

  ::-webkit-validation-bubble-message {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: #fff;
    font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    display: none;
  }
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}

/* `IE6 */

/*
  Everything below this line is for IE6.
  Delete it if you don't support it! :)

  Classes are added dynamically via JS,
  because IE6 doesn't support attribute
  selectors: .ie6_button, .ie6_input, etc.

  Note: These style rules are somewhat
  duplicated because IE6 bombs out when
  it sees attribute selectors. Example:

  .ie6_button {
    This works in IE6.
  }

  .ie6_button,
  input[type=submit] {
    This doesn't work.
  }
*/

* html select {
  background: #ececec;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

/*BUTTON*/
p.button{
	padding:15px 0 10px;
	text-align: center;
}
a.btn{
	width:193px;
	margin:5px auto 0;
	padding:.175em 0 .25em;
	display: block;
	background: #f8d548; /* Old browsers */
		background: -moz-linear-gradient(top, #f8d548 0%, #f6c722 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8d548), color-stop(100%,#f6c722)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f8d548 0%,#f6c722 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f8d548 0%,#f6c722 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f8d548 0%,#f6c722 100%); /* IE10+ */
		background: linear-gradient(top, #f8d548 0%,#f6c722 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d548', endColorstr='#f6c722',GradientType=0 ); /* IE6-9 */

	border:0;
		border-bottom: 4px solid #e5ad1d;

	border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;

	box-shadow: 0 1px 1px rgba(0,0,0,.3);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);

	color: #fff;
	font-family: ff-tisa-web-pro,serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 30px !important;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px rgba(0,0,0,.2);
}
p.button{
	padding-bottom:0;
	text-align: center;
	margin: 0 auto;
}

a.mybtn {
	width: 193px;
	margin: 5px 8px 32px;
	padding: .175em 0 .25em;
	display: block;
	background: #F0952E;
	background: -moz-linear-gradient(top, #F3AD59 0%, #F0952E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3AD59), color-stop(100%,#F0952E));
	background: -webkit-linear-gradient(top, #F3AD59 0%,#F0952E 100%);
	background: -o-linear-gradient(top, #F3AD59 0%,#F0952E 100%);
	background: -ms-linear-gradient(top, #F3AD59 0%,#F0952E 100%);
	background: linear-gradient(top, #F3AD59 0%,#F0952E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3AD59', endColorstr='#F0952E',GradientType=0 );
	border: 0;
	border-bottom: 4px solid #B36E20;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	box-shadow: 0 1px 1px #EEE;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	color: white !important;
	font-family: ff-tisa-web-pro,serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px !important;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px rgba(0, 0, 0, .2);
	float: left;
}

a.mybtn:hover {
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;	
}

/*
a.mybtn{
	width:193px;
	margin:5px 8px 32px;
	padding:.175em 0 .25em;
	display: block;
	background: #f8d548; 
		background: -moz-linear-gradient(top, #f8d548 0%, #f6c722 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8d548), color-stop(100%,#f6c722)); 
		background: -webkit-linear-gradient(top, #f8d548 0%,#f6c722 100%);
		background: -o-linear-gradient(top, #f8d548 0%,#f6c722 100%); 
		background: -ms-linear-gradient(top, #f8d548 0%,#f6c722 100%); 
		background: linear-gradient(top, #f8d548 0%,#f6c722 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d548', endColorstr='#f6c722',GradientType=0 ); 

	border:0;
		border-bottom: 4px solid #e5ad1d;

	border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;

	box-shadow: 0 1px 1px rgba(0,0,0,.3);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);

	color: #fff !important;
	font-family: ff-tisa-web-pro,serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px !important;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px rgba(0,0,0,.2);
	float:left;
}

*/
	#content .college .right a.btn{color: #fff;}

.widget_degree_finder button.btn{
	margin:5px 0 0 31px;
	padding:.08em .92em .25em;
	cursor: pointer;
	background: #f3ae5a; /* Old browsers */
		background: -moz-linear-gradient(top, #f3ae5a 0%, #f0932b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3ae5a), color-stop(100%,#f0932b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f3ae5a 0%,#f0932b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f3ae5a 0%,#f0932b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f3ae5a 0%,#f0932b 100%); /* IE10+ */
		background: linear-gradient(top, #f3ae5a 0%,#f0932b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ae5a', endColorstr='#f0932b',GradientType=0 ); /* IE6-9 */

	border:0;
		border-bottom: 4px solid #b36e20;

	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;

	box-shadow: 0 1px 1px rgba(0,0,0,.3);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);

	color: #fff;
	font-family: ff-tisa-web-pro,serif;
	font-size: 35px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	text-shadow: 0 -1px rgba(0,0,0,.2);
}
	#content .widget_degree_finder button.btn{
		margin:10px 0 0 220px;
		padding:.1em .75em .3em;
		display: block;
		
		font-size: 29px;
		line-height: 30px;
	}
    
div#dvcForm {
	border:1px solid #edf0d2;
	background-image: -moz-linear-gradient(top, #ffffff, #faf9ed);
	background-image: -webkit-linear-gradient(top, #ffffff, #faf9ed);
	background-image: -o-linear-gradient(top, #ffffff, #faf9ed);
	background-image: -ms-linear-gradient(top, #ffffff, #faf9ed);
	background-image: linear-gradient(top, #ffffff, #faf9ed);
	padding:15px;
	line-height:2.5em;
    font-family: Georgia;
    font-size: 14px;
    width:245px;
    text-align:left;
    color:#6d6d6d;
    float:right;
    margin: 10px 0 10px 10px;
}

select#degree_level_id {
    font-family: Georgia;
    font-size: 14px;
    color:#6d6d6d;
    float:right;
    margin-top:5px; 
    background:none;   
}
select#state_cd {
    font-family: Georgia;
    font-size: 14px;
    color:#6d6d6d;
    float:right;
    margin-top:5px; 
    background:none;   
}
input#start_age {
    font-family: Georgia;
    font-size: 14px;
    color:#6d6d6d;
    float:right;
    margin-top:5px;    
}
input#end_age {
    font-family: Georgia;
    font-size: 14px;
    color:#6d6d6d;
    float:right;
    margin-top:5px;    
}

div#dvcButton input {
    background-color: #F9AA4F;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 4px #B96E17;
    color: #FFFFFF;
    font-family: Georgia;
    font-size: 20px;
    height: 30px;
    margin-left: 50px;
    width: 135px;
    margin-top:5px;
}
a#advanced_options_link {
	margin-left:55px;
	font-size:12px;
}
input#autocomplete-field {
	width:94px;
	margin-left:5px;
	font-family: Georgia;
    font-size: 14px;
    color:#6d6d6d;
    float:right;
    margin-top:5px;
}
span#magic {
	float:right;
	font-size:10px;
	margin-top:-10px;
	display:none;
}
.autocomplete-w2 {padding:0 !important;}