/*
Theme Name: OnlineDegreePrograms.com
Theme URI: http://www.onlinedegreeprograms.com
Description: The default http://www.onlinedegreeprograms.com theme.
Version: 1.0
Author: Kai Brach
Author URI: http://www.brizk.com

*/

/* Basics ######################################################### */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin: 0; padding: 0; 
} 

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0;
	color: #000;
	background:#a1a7a7 url(images/bg.gif) 0 0 repeat;
	line-height: 18px;
}	

div#head {
	height: 68px;
	background: #103e67 url(images/head.gif) 0 0 no-repeat;
	border-bottom: 5px solid #95dc33;
	margin-bottom: 20px;
}

div.wrap {
	margin: 0 auto;
	width: 900px;
	text-align:left;
}

#intro div.left {
	width: 480px;
	float: left;
	height: 308px;
	background: #f2f4f7;
	position: relative;
}


.teaser div.left {
	width: 480px;
	float: left;	
	position: relative;
}

#intro .left div.cat {
	width: 99px;
	padding: 0 10px;
	overflow: hidden;
	float: left;
	height: 308px;
	border-right: 1px solid #7993aa;
}

#intro div.right, .teaser div.right {
	width: 420px;
	float: right;
	position: relative;
	display: inline;
}

/* These override the defaults… we swapped left to right and right to left */
#intro div.right {
	float: left;
}
#intro div.left {
	float: right;
}



#intro .right div#welcome {	
	background: #fff; /* #96dc33 */
	position: relative;
	height: 129px;
	padding: 15px 20px 20px 20px;
}

#intro .right div#search {	
	position: relative;
	background: #d71341 url(images/h-searchtop.gif) center 18px no-repeat;
	height: 64px;
	padding: 60px 20px 20px 20px;
}	

div.main {
	background: #fff;
	padding: 20px 0;
}

div.top10 {
	position: relative;
	padding-bottom: 0;
	z-index: 0;
}

.top10 div.item {
	padding: 20px;
	border-bottom: 1px solid #0e3a62;
}	

#mainsearch {
	background: #d71341 url(images/bg-mainsearch.gif) 20px 16px no-repeat;
	position: relative;
	height: 91px;
	padding: 18px 0 0 260px;
}

#footer {
	background: #103e67;
	border-top: 5px solid #95dc33;
	padding: 20px;
	margin-top: 20px;
}

.teaser .left div.item, .sub .left .fields div.item  {
	width: 230px;
	margin: 0 10px 10px 0;
	float: left;
	height: 123px;
	overflow: hidden;
	display: inline;
}

div.sub {
	padding: 0;
	position: relative;
	background: #fff url(images/line.gif) 229px 0 repeat-y;
}

.sub .left div.types, .sub .left div.fields {
	position: relative;
}

.sub div.left {
	width: 230px;
	float: left;
}

.sub div.right {
	width: 650px;
	float: right;
}

.sub .left div.types {
	background: #0e3a62 url(images/collage.jpg) 0 0 no-repeat;
	padding: 200px 15px 15px 15px;
	
}

.sub div.article {
	font-size: 14px;
	padding: 20px 20px 20px 0;
	line-height: 21px;
}

.blog-teaser {
	position: relative;
}

/* Headlines ######################################################### */		


h1, h2 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight:normal;
	line-height: 26px;
}

.article h1 {
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	padding: 0 0 20px 0;
	color: #0e3a62;
}

#intro .right h1 {
	height: 35px;
	padding-bottom: 10px;
	/*background: url(images/h-welcome.gif) -3px 0 no-repeat;
	text-indent: -1111em;*/
		color: #103e67;
	font-family: Arial Narrow,Nimbus Sans Condensed,sans-serif;
	font-size: 40px;
}
#intro .right h1 span {
	display: none;
}

.teaser .left h1, .sub .left .fields h1 {
	height: 38px;
	padding: 0;
	margin: 18px 0 15px 20px;
	color: #103e67;
	font-family: Arial Narrow,Nimbus Sans Condensed,sans-serif;
	font-size: 40px;
	/*background: url(images/h-fields.gif) 0 0 no-repeat;
	text-indent: -1111em;*/
}

.teaser .right h1, .blog-teaser h1 {
	height: 38px;
	padding: 0;
	margin: 15px 0 15px 0;
		color: #103e67;
	font-family: Arial Narrow,Nimbus Sans Condensed,sans-serif;
	font-size: 40px;

	/*background: url(images/h-blog.gif) 0 0 no-repeat;
	text-indent: -1111em;*/
}

.top10 h1 {
	height: 40px;
	background: url(images/h-top10.gif) 0 0 no-repeat;
	text-indent: -1111em;
}

#intro .left .cat a.intro-img{
	display: block;
	margin:0 0 2px -10px;
}

#intro .left div.cat h2 {
	margin: 10px 0;
	color:#103e67;
	font-family: Arial Narrow,Nimbus Sans Condensed,sans-serif;
	line-height: 1em;
	/* height: 58px;
	text-indent: -1111em;
	background-image: url(images/h-intro.gif);*/
}

.teaser .right h2.recent, .blog-teaser h2.recent {
	height: 25px;
	/*text-indent: -1111em;
	background: url(images/h-recent.gif) 0 0 no-repeat;*/
	margin-bottom: 20px;
	color: #103e67;
	font-family: Arial Narrow,Nimbus Sans Condensed,sans-serif;
	font-size: 20px;

}

.teaser .right h2.feat, .blog-teaser h2.feat {
	height: 25px;
	/*text-indent: -1111em;
	background: url(images/h-feat.gif) 0 0 no-repeat;*/
	margin-bottom: 20px;
	clear: both;
	color: #103e67;
	font-family: Arial Narrow,Nimbus Sans Condensed,sans-serif;
	font-size: 20px;
}	

/*#intro .left div.cat h2.biz {
	background-position:  0 0
}	

#intro .left div.cat h2.nurse {
	background-position:  -120px 0
}	

#intro .left div.cat h2.edu {
	background-position:  -240px 0
}	

#intro .left div.cat h2.law {
	background-position:  -360px 0
}	*/

.sub .left div.types h2 {
	background-image: url(images/h-types.gif);
	background-repeat: no-repeat;
	height: 21px;
	margin: 0 0 10px;
	padding: 0;
	text-indent: -1111em;
}	

.sub .left div.types h2.bac {
	background-position: 0 -22px;
}	

.sub .left div.types h2.mas {
	background-position: 0 -44px;
}

/* Links ######################################################### */	

a:link,  a:visited, a:active {color:#75b41a; text-decoration: none; outline: none}
a:hover {color:#0e3a62; text-decoration: underline}

a#logo {
	width: 200px;	
	height: 66px;
	float: left;
	display: block;
	text-indent: -1111em;
}

.sub .left div.types a:hover {
	color: #75b41a;
}

#intro .left div.cat a {
	display: block;
	padding: 0;
	color: #666;
	line-height: 16px;
}

#intro .left div.cat a.links strong {
	color: #666;
}

#footer a, #footer a:hover {
	font-weight: bold;
	padding-right: 5px;
	display: inline-block;
	color: #666;
}	

/* Fonts ######################################################### */

.font-grey {color:#878787;}

p {
	padding:0 0 15px 0;
}

#intro .right div#welcome p {
	color: #666;/*#4a8441;*/
	padding-right: 110px;
}

#intro .right div#search p {
	color: #ee9aae;
	float: left;
	width: 126px;
	padding: 0;
	line-height: 22px;
}

.article form.dfw p {
	line-height: 22px;
}

.teaser .right p.intro, .blog-teaser p.intro {
	color: #62809b;
	padding: 0 20px 20px 0;
}

.teaser .left div.item p, .sub .left .fields div.item p {
	width: 120px;
	margin-left: 10px;
	float: left;
	line-height: 16px;
	padding: 0;
}


.teaser .left div.item p strong, .sub .left .fields div.item p strong {
	font-size: 16px;
}

#mainsearch form p {
	width: 180px;
	float: left;
	color: #f1aebe;
	padding: 15px 0 0 15px;
}

#footer p {
	color: #7993aa;
	float: right;
	text-align: right;
}	

#mainsearch form p.step1 {
	background: url(images/step1-main.gif) 0 0 no-repeat;
}

#mainsearch form p.step2 {
	background: url(images/step2-main.gif) 0 0 no-repeat;
}

#mainsearch form p.step3 {
	background: url(images/step3-main.gif) 0 0 no-repeat;
}

.top10 div.item p.txt {
	width: 410px;
	padding: 0 15px 0 0;
	float: right;
}

.top10 div.item p.links {
	width: 150px;
	padding: 0 15px 0 0;
	float: right;
}

.top10 div.item p.txt strong {
	font-size: 16px;
}	

#intro .right div#search p.step1, .article form.dfw p.step1 {
	background: url(images/step1.gif) 0 0 no-repeat;
}

#intro .right div#search p.step2,  .article form.dfw p.step2 {
	background: url(images/step2.gif) 0 0 no-repeat;
}

#intro .right div#search p.step3,  .article form.dfw p.step3 {
	background: url(images/step3.gif) 0 0 no-repeat;
}	

/* Navigation ######################################################### */

#head ul {
	width: 336px;
	padding: 0;
	margin: 0;
	float: right;
	height: 68px;
	list-style-type: none;
}

#head ul li {
	padding: 0;
	margin: 0;
	display: inline;
}

#head ul li a {
	display: block;	
	height: 68px;
	margin-left: 1px;
	float: left;
	text-indent: -1111em;
	background-image: url(images/nav.gif);
}

#head ul li a.nav1 {
	width: 80px;
	background-position: -10px 0;
}	

#head ul li a.nav1:hover, #head ul li.current a.nav1  {
	background-position: -10px -68px;
}

#head ul li a.nav2 {
	width: 72px;
	background-position: -92px 0;
}	

#head ul li a.nav2:hover, #head ul li.current a.nav2  {
	background-position: -92px -68px;
}

#head ul li a.nav3 {
	width: 84px;
	background-position: -162px 0;
}	

#head ul li a.nav3:hover, #head ul li.current a.nav3  {
	background-position: -162px -68px;
}

#head ul li a.nav4 {
	width: 96px;
	background-position: -246px 0;
}	

#head ul li a.nav4:hover, #head ul li.current a.nav4  {
	background-position: -246px -68px;
}	
	
/* Images ######################################################### */	

img {
	border: none;
}

#intro .right div#welcome img {	
	position: absolute;
	top: -16px;
	left: 261px;
}	

#intro .right div#search img.vertical {
	position: absolute;	
	left: 430px;
	top: 0;
}	

.teaser .right img.vertical {
	position: absolute;
	left: 410px;
	top: 0;
}	

div.sub .blog-teaser img.vertical {
	position: absolute;
	left: 658px;
	top: 0;
}	

div.article form.dfw img.vertical {
	position: absolute;
	left: 300px;
	top: 0px;
}

#intro .left img.vertical, .teaser .left img.vertical, div.sub img.vertical, .sub .left .fields img.vertical {
	position: absolute;	
	left: -40px;
	top: 0;
}	

div.top10 img.vertical {
	position: absolute;
	top: 20px;
	left: -40px;
}

div.top10 div.item img.logo {
	float: left;
}	

div.top10 div.item img.button {
	float: right;
}	

#mainsearch img.vertical {
	position: absolute;
	top: 20px;
	left: -40px;
}

.teaser .left div.item img, .sub .left .fields div.item img {
	float: left;
}

.teaser .right img, .blog-teaser img.image {
	float: right;
	margin-left: 15px;
}
	
/* Tables ######################################################### */

	

/* Lists ######################################################### */

ul.linklist {
	padding: 0 0 20px 0;
	margin: 0;
	list-style-type: none;
}

ul.linklist li {
	padding: 1px 0 1px 10px;
	margin: 0;
	background: url(images/bullet.gif) 0 7px no-repeat;
}	

.article ul, .article ol {
	margin: 0 30px 20px 30px;
}

.article li {
	padding-top: 4px;
	padding-bottom: 4px;
}


/* Forms ######################################################### */

form {
	padding: 0;
	margin: 0;
}

.article form.dfw {
	width: 260px;
	background: #d71341 url(images/h-search-sub.gif) center 15px no-repeat;
	float: right;
	margin: -20px -20px 15px 20px;
	padding: 70px 15px 15px 15px;
	color: #f1aebe;
	position: relative;
}

select, input {
	font-family: sans-serif;
	font-size: 12px;
}

#intro .right div#search p select {
	width: 118px;
}

#mainsearch p select {
	width: 170px;
}

.article form.dfw select {
	width: 250px;
}

#intro .right div#search input {	
	position: absolute;
	top: 117px;
	left: 80px;	
	z-index: 1000;
}

#mainsearch input {	
	position: absolute;
	top: 83px;
	left: 430px;
}	

/* Misc ######################################################### */		

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.float-left {
	float:left;
}

.float-right {
	float:right;
}	

.clear {
	clear:both;
}	

.center {
	text-align:center;
}	




.sidebar-widget {
	padding: 15px 10px 10px 10px;
}

.sidebar-widget ul {
	margin-left: 30px;
}

.sidebar-widget h3 {
	padding: 0;
	margin: 0 0 6px 0;
}