/*
Theme Name: Online College
Theme URI: http://www.onlinecollege.org
Description: The default onlinecollege.org 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, a img { 
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	background: #faf6ed url(images/bg-page.png) top left repeat-x;
}	

a {
	color: #0046c6;
}

a:visited {
	color: #677da6;
}

.wrap {
	display: block;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}

#header {
	height: 68px;
	margin: 0;
	color: #ccc;	
}

#logo {
	display: block;
	float: left;
	width: 298px;
	height: 50px;
	margin-top: 15px;
	text-indent: -1000px;
	background: url(images/logo.png) top left no-repeat;
}

#menu {
	float: right;
	margin-top: 46px;
	width: 395px;
	font-size: 1.0em;
	color: #fff;
	list-style-type: none;
}

#menu li {
	display: block;
	float: left;
	padding: 0 10px;
	border-left: 1px solid #aaa;
}

#menu li.first {
	border: 0;
}

#menu li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}


#sidebar {
	float: left;
	width: 280px;
	text-align: center;
}


#sidebar .widget {
	margin: 0 auto 20px auto;
	padding: 0 0 20px 0;
	border-bottom: 2px solid #999;
	width: 260px;
	text-align: left;
}

#sidebar .widget h2 {
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 12px;
	text-align: center;
}

#sidebar .widget a {
	text-decoration: none;
	font-weight: bold;
	color: #49a3c3;
}

#sidebar .widget a:hover {
	text-decoration: underline;
}

#sidebar .widget ul {
	margin-left: 28px;
	list-style-type: square;
}

#sidebar .widget ul li {
	padding: 3px 0 4px 0;
}

#sidebar #dfw-sidebar {
	height: 299px;
	width: 230px;
	margin: 0 auto 20px auto;
	border: 0;
	padding: 35px 25px 25px 25px;
	background: url(images/bg-dfw-sidebar.png) top center no-repeat;
}


#content {
	float: right;
	width: 700px;
}


#content div.box {
	background: url(images/bg-content-middle.png) top center repeat-y;
}

#content div.box div.inner1 {
	background: url(images/bg-content-top-2.png) top center no-repeat;
	padding: 12px 0 0 0;
}

#content div.box div.inner2 {
	background: url(images/bg-content-bottom.png) bottom center no-repeat;
	padding: 0 13px 22px 12px;
}

#content #top-box div.inner1 {
	background-image: url(images/bg-content-top-1.png) !important;
	padding: 23px 0 0 0 !important;
}

#content div.box .padded {
	display: block;
	padding: 15px;
}

#content div.box .head {
	background-color: #faf6ed;
	padding: 10px;
}

#content div.box .head h1, #content div.box .head h2, #content div.box .head h3 {
	padding: 0 !important;
	margin: 0 !important;
}

#content div.box .extender {
	float: right;
	width: 1px;
	height: 320px;
}

#content h1 {
	font-size: 1.7em;
	font-weight: bold;
	color: #333;
	padding: 5px 0 10px 0;
}

#content h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
	padding: 5px 0 10px 10px;
}

#content h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
	padding: 5px 0 10px 0;
}

#content p {
	line-height: 145%;
	padding: 4px 0 10px;
}

#content ul, #content ol {
	margin: 5px 0 5px 35px;
}

#content ul {
	list-style-type: square;
}

#content li {
	padding-bottom: 5px;
}


#footer {
	clear: both;
	height: 90px;
	background-color: #3b3b3b;
	color: #fff;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin-top: 20px;
}

#footer a {
	color: #ccc;
}

#footer .wrap {
	text-align: right;
	padding-right: 20px;
}

/* ===== DFW-WIDGET ===== */

#dfw-widget {
	height: 285px;
	width: 230px;
	background: url(images/bg-dfw-sidebar-num.png) 12px 70px no-repeat;
	font-size: 12px;
	background-color: #f1efe8;
}

#dfw-widget form {
	width: 160px;
	margin: 0 0 0 50px;
	padding: 0;
	background-color: #f1efe8;
	border:0;
}


#dfw-widget h1 {
	display: block;
	text-align: center;
	color: #fff;
	font-family: arial;
	font-style: italic;
	font-size: 17px;
	font-weight: bold;
	height: 48px;
	padding: 12px 0 0 0;
	margin: 0;
	background: url(images/bg-dfw-sidebar-header.png) top center no-repeat;
}


#dfw-widget h3 {
	display: none;
}

#dfw-widget select {
	margin: 20px 0 0 0;
	padding:0;
	font-size: 12px;
}

#dfw-widget button {
	display: block;
	margin: 10px auto 0 auto;
	text-indent: -1000px;
	width: 135px;
	height: 57px;
	background: url(images/dfw-sidebar-button.png) top center no-repeat;
	cursor: pointer !important;
	cursor: hand !important;
	border:0;
}

#dfw-widget #edudirect-search-widget {
	background: #cae0f8 url('searchwidget-background.png') top repeat-x;
	border: #f1efe8 1px solid;
	color: #1a1a1a;
	padding: 0;
	width: 160px;
}

#dfw-widget #edudirect-search-widget {
background:#F1EFE8 !important;
}

/* ===== DFW-CONTENT ===== */

#dfw-content {
        
	height: 154px;
	width: 645px;
	background: #f1efe8 url(images/bg-dfw-sidebar-num.png) 205px 4px no-repeat;
	height: 154px;
	color: #888;
	font-size: 12px;
        margin: 0 0 10px 10px;
}

#dfw-content h3 {display: none;}

#dfw-content h1 {
	display: block;
	float: left;
	text-align: left;
	color: #fff;
	font-family: arial;
	font-style: italic;
	font-size: 22px;
	font-weight: bold;
	width: 99px;
	height: 114px;
	padding: 40px 30px 0 30px;
	margin: 0 95px 0 0;
	background: url(images/bg-dfw-content-header.png) top center no-repeat;
}

#dfw-content #edudirect-search-widget {
	margin: 0;
    padding:15px 0 0 0;
    background: transparent url('searchwidget-background.png') top repeat-x;
    background: none !important;
	border: none;
	color: #1a1a1a;
    float: left;
    width: 200px;
}

#dfw-content button {
	display: block;
	margin: -90px 0 0 230px;
	text-indent: -1000px;
	width: 135px;
	height: 57px;
	background: url(images/dfw-sidebar-button.png) top center no-repeat;
}

#dfw-content #edudirect-search-widget .edudirect-degree_level_id {
	margin-top: 5px;
}

#dfw-content #edudirect-search-widget .edudirect-category_id {
	margin-top: 15px;	 
}

#dfw-content #edudirect-search-widget .edudirect-subject_id {
        margin-top: 20px;
}

#top-schools ul {
   margin: 0;
   padding: 0;
}
#top-schools li {
   list-style: none;
   line-height: 16pt;
   padding: 0;
   margin: 0;
}
#top-schools a {
   text-decoration: none;
}

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


.float-left {
	float:left;
}

.float-right {
	float:right;
}	

.clear {
	clear: both;
}	

.center {
	text-align: center;
}



/* Begin Contact Form ][ CSS */

.contactleft {
    font-weight: bold;
}

.contactright {
	margin: 5px 0 10px 0;
}

.contacterror {
	border: 2px solid #ff0000;
}
/* End Contact Form ][ CSS */

/* Added for the Infographic styles */
#graphiccode p{
	color: #fb1d3b;
	font-size: 12px;
	font-weight: bold;
}
	
#graphiccode textarea{
	width: 620px;
	height: 90px;
	border: 4px solid #757675;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #000000;
	padding: 5px;
	overflow: hidden;
}


/* ===== WIDGETS ===== */

#dfw-widget2 {height: 154px; width: 645px; background: #f1efe8 url('images/bg-dfw-sidebar-num.png') 205px 4px no-repeat; color: #fff; font-size: 12px; margin: 0 0 10px 10x;}
#dfw-widget2 form {padding: 15px 0 0 0;}
#dfw-widget2 label {display: none;}
#dfw-widget2 h3 {display: block; float: left; test-align: left; color: #fff; font: bold italic 22px Helvetica; width: 99px; height: 114px; padding: 40px 30px 0 30px; margin: 0 95px 0 0; background: url('images/bg-dfw-content-header.png') top center no-repeat;}
#dfw-widget2 select {width: 180px;}
#dfw-widget2 button {background: url('images/dfw-sidebar-button.png') no-repeat; overflow: hidden; border: none; width: 135px; height: 57px; line-height: 0px;
text-indent:-999px; font-size: 0px; display: block; margin:0; position: relative; top: -70px; left: 220px;}
#dfw-widget2 .edudirect-category_id {margin: 20px 0 0 0;} 
#dfw-widget2 .edudirect-subject_id {margin: 20px 0 0 0;}

#dfw-widget1 {background: #f1efe8 url('images/bg-dfw-sidebar-num.png') 12px 70px no-repeat; width: 230px; height: 285px;}
#dfw-widget1 label {display: none;}
#dfw-widget1 h3 {display: block; text-align: center; height: 48px; color: #fff; font-family: Helvetica; font-style: italic; font-size: 17px; font-weight: bold; padding: 15px 0 0 0; margin: 0;background: url('images/bg-dfw-sidebar-header.png') top center no-repeat;}
#dfw-widget1 form {width: 160px; margin: 20px 0 0 50px; padding: 0; background: transparent; border: none;}
#dfw-widget1 select {margin: 20px 0 0 0; padding: 0; font-size: 12px; width: 160px;}
#dfw-widget1 button {margin: 20px auto 0 auto; background: transparent url('images/dfw-sidebar-button.png') 0 0 no-repeat; cursor: pointer; width: 135px; height: 57px; border:
none; overflow: hidden; line-height: 0px; text-indent:-999px; font-size: 0px; display: block;}
#dfw-widget1 .edudirect-degree_level_id {margin: 0;}
#dfw-widget1 .edudirect-category_id {margin: 20px 0 0 0;} 
#dfw-widget1 .edudirect-subject_id {margin: 20px 0 0 0;}