.error {
	color: #ff0000;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #fff;
	background-image: url(../images/bg_gradient.jpg);
	background-repeat: repeat-x;
}

a:link, a:hover, a:visited, a:active {
	font-weight: bold;
	color: #30a5cc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	line-height: 1.6em;
}

h1 {
	font-size: 18px;
	color: #30a5cc;
	font-weight: normal;
	margin-bottom: 10px;
}

#wrapper {
	width: 950px;
	position: relative;
	left: 50%;
	margin-left: -475px;
}


/*
 * ------- Column classes ----------------------------------------------------------------------
 */
/* regarding widths. Added 2x15px, width of border, to all widths */
.column-main {
	position: absolute;
	top: 300px;
	left: 250px;
	width: 484px;
	z-index: 100;
}

.column-side-left {
	position: absolute;
	top: 300px;
	left: 0px;
	width: 280px;
}
.column-side-right {
	position: absolute;
	top: 300px;
	left: 704px;
	width: 246px;
}

.header-logo-area {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 280px;
}

.header-logo-area .logo-holder {
	margin: -1px -10px;
	background-color: #fff;
	height: 80px;
}

.header-payoff-area {
	position: absolute;
	top: 0px;
	left: 250px;
	width: 700px;
}

.header-payoff-area .payoff-holder {
	margin: -1px -10px;
	background-color: #fff;
	height: 80px;
}

.header-media-area {
	position: absolute;
	top: 80px;
	width: 950px;
	z-index: 200;
}
.header-media-area .header {
	margin: -1px -10px;
	height: 220px;
	background-color: #ddd;
}

.top-adjusted-block {
	margin: -1px -10px;
}


/*
 * ------- Left column classes ----------------------------------------------------------------------
 */

.left-column-header {
	margin-bottom: 2px;
	width: 250px;
	background-color: #30a5cc;
	height: 30px;
}

.left-column-header p {
	color: #fff;
	font-size: 12px;
	padding: 6px 0px 0px 10px;	
}

.left-column-teaser {
	background-color: #fff;
	background-image: url(../images/teaser_bg_250.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	min-height: 80px;
}

.left-column-content {
	background-color: #fff;
	width: 250px;
	padding-bottom: 1px;
}

.left-column-content h2 {
	color: #30a5cc;
	font-size: 16px;
	font-weight: normal;
	padding: 13px 20px 5px 20px; 
}

.left-column-content p {
	font-size: 10px;
	margin: 0px 20px 1.5em 20px;
}


.left-column-content .contact {
	margin: 0px 0px 1.5em 0px;
}

.contact h3 {
	font-size: 10px;
	font-weight: bold;
	margin: 0px 20px;
	line-height: 1.5em;
}



/*
 * ------- Center column classes ----------------------------------------------------------------------
 */

.center-column-content {
	background-color: #fff;
	width: 394px;
	padding: 20px;
	padding-bottom: 10px;
	min-height: 450px;
}

.center-column-content h1 {
	border-bottom: 2px solid #ccc;
	line-height: 1.2em;
	padding-bottom: 5px;
}

.center-column-content p {
	margin: 0px 0px 1.5em 0px;
}

.center-column-content p.ingress {
	color: #666666;
	font-size: 12px;
	font-style: italic;
}

.center-column-content h2 {
	color: #000;
	font-weight: bold;	
	line-height: 1.5em;	
}

.center-column-content h3 {
	color: #30a5cc;
	font-weight: normal;
	line-height: 1.5em;	
}

.documents a:link, .documents a:hover, .documents a:visited, .documents a:active  {
	color: #000;
}

.center-column-content ul, .center-column-content ol {
	margin-bottom: 1.5em;
}

.center-column-content ul {
	list-style: disc;
	margin-left: 16px;
}
.center-column-content ol {
	list-style: decimal;
	margin-left: 23px;
}
.center-column-content li {
	line-height: 1.5em;
}

.article-item {
	margin-bottom: 1.5em;
}

.main-info {
	margin-bottom: 25px;
}
.main-info h1 {
	border-bottom: 0;
	padding-bottom: 0;
}
.main-info p {
	font-size: 12px;
}


/*
 * ------- Right column classes ----------------------------------------------------------------------
 */

.right-column-content {
	background-color: #fff;
	width: 176px;
	padding: 20px 10px 0px 10px;
	min-height: 100px;
}

.newsletter input {
	width: 100%;
	padding: 2px;
	border: 1px solid #ccc;
	color: #b3b3b3;
	margin-bottom: 5px;
}

.newsletter input.button {
	width: auto;
	padding: 2px 5px;
	border: 0;
	background-color: #30a5cc;
	color: #fff;
	margin-bottom: 5px;
	cursor: pointer;
}

.newsletter input.signoff {
	background-color: #999999;
}

.newsletter label {
	display: none;
}

.upcoming-courses {
	margin: 20px 0px 0px 0px;
}

.upcoming-courses .course {
	margin: 0px 0px 1.5em 0px;
}

.course h2 {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.5em;
}

.course p {
	font-size: 10px;
}



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

.menu {
	margin-bottom: 2px;
	width: 670px;
	height: 30px;
}

.main-menu {
	background-color: #30a5cc;
	color: #fff;
}

.sub-menu {
	margin-top: -2px;
	background-color: #e6e6e6;
	color: #000;
}

.menu ul {
	padding: 8px 0px 0px 10px;
}

.menu li {
	display: inline;
	float: left;
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding: 1px;
}

.main-menu li {
	background-image: url(../images/mainmenu_separator.gif);
}

.sub-menu li {
	background-image: url(../images/submenu_separator.gif);
}

.menu li.first {
	background-image: none;
}

.menu a:link, .menu a:hover, .menu a:visited, .menu a:active  {
	padding: 6px;
}

.main-menu a:link, .main-menu a:hover, .main-menu a:visited, .main-menu a:active  {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

.sub-menu a:link, .sub-menu a:hover, .sub-menu a:visited, .sub-menu a:active  {
	color: #000;
	font-size: 10px;
	font-weight: normal;
}


.menu-spacing {
	height: 30px;
}



#signupForm {
	margin-top: 30px;
}

#signupForm h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-bottom: 3px;
		
	
}
	
#signupForm label, #signupForm input, #signupForm select {
	display: block;
}

#signupForm label {
	padding: 10px 0 3px 0;
}

#signupForm input {
	width: 98%;
}

#signupForm input.short {
	width: 40%;
}

#signupForm select {
	width: 40%;
}
#signupForm select.full-length {
	width: 98%;
}

#signupForm input.submit-button {
	margin: 20px 0 10px 0;
	width: auto;
}

#signupForm input.submit-button-applications {
	margin: 10px 0 10px 0;
	width: auto;
}

#signupForm ul {
	margin: 0;
	padding: 0;
	float:right;
	position: relative;
	height: 0;
	top: 3px;
	margin-right: 10px;
	color: #ff0000;
}



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

/*
 * URLS for technique:
 * http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/
 * http://www.456bereastreet.com/archive/200506/customising_custom_corners_and_borders/
 */

.cbb {
	margin:0 15px;
	padding:0 10px;
}

/* Normal styling */
.cb { margin:0 0; }

/* Top corners and border */
.bt {
	height:30px;
	margin:0 0 0 30px;
	background:url(../images/box2.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-30px;
	width:30px;
	height:30px;
	background:url(../images/box2.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

/* Bottom corners and border */
.bb {
	height:30px;
	margin:0 0 0 30px;
	background:url(../images/box2.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-30px;
	width:30px;
	height:30px;
	background:url(../images/box2.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

/* Left border */
.i1 {
	padding:0 0 0 15px;
	background:url(../images/borders2.png) repeat-y 0 0;
}

/* Right border */
.i2 {
	padding:0 15px 0 0;
	background:url(../images/borders2.png) repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}

/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */



.no-top .bt,
.no-top .bt div { background-image: none; height: 0; }

.no-bottom .bb,
.no-bottom .bb div { background-image: none; height: 0; }