@charset "UTF-8";
/* CSS Document */

/* FRESH START */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-size:1em; font-weight:normal; font-style:normal;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

body {
	background-image: url(images/bgX_02.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e4e4e4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#container {
	margin: 0 auto;
	width: 976px;
}

/*HEADER*/
#header {
	height:152px;
}

#logo {
	float: left;
}

#logo img {
	margin: 22px 0 0 10px;
	display: block;
	float:left;
	width: 190px; 
	height: 72px;
}

#logo h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#1B1464;
	font-size:12px;
	font-weight:bold;
	line-height:72px;
	margin-left:232px;
	letter-spacing: .4px;
	width:430px;
}

#contact {
	float: right;
	text-align: right;
	color:#1B1464;
	margin: 15px 10px 0 0;
}

#contact span {
	font-size: 18px;
	font-weight:bold
}

#contact a {
	font-size: 12px;
	color:#1B1464;
}

#contact a:hover {
	text-decoration: none;
}


/*NAVIGATION*/
#nav {
	width: 733px;
	height: 45px;
	margin:-21px 0 0 234px; 
	float: left;
	display: inline; /*IE6 workaround*/

}

#nav ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	
}

a.home {
	background-image: url(images/home_03.jpg);
	display: inline-block;
	width: 124px;
	height:36px;
	padding: 0;
	margin: 0;
	text-align: center;
}

a.programs {
	background-image: url(images/programs.jpg);
	display: inline-block;
	width: 166px;
	height:36px;
	padding: 0;
	margin: 0;
	text-align: center;
}

a.tools {
	background-image: url(images/tools.jpg);
	display: inline-block;
	width: 131px;
	height:36px;
	padding: 0;
	margin: 0;
	text-align: center;
}

a.assist {
	background-image: url(images/assist.jpg);
	display: inline-block;
	width: 179px;
	height:36px;
	padding: 0;
	margin: 0;
	text-align: center;
}

a.about {
	background-image: url(images/about.jpg);
	display: inline-block;
	width: 133px;
	height:36px;
	padding: 0;
	margin: 0;
	text-align: center;
}

a.home:hover,
a.programs:hover,
a.tools:hover,
a.assist:hover,
a.about:hover {
	background-position: 0 -45px;
}

#home a.home,
#programs a.programs,
#tools a.tools,
#assistance a.assist,
#about a.about {
	background-position: 0 -90px;
	/*color: #1B1464;*/
}

#nav ul li a {
	color:#505050;
	font-size:12px;
	letter-spacing:2px;
	padding-top: 9px; 
	text-decoration:none;
	text-transform:uppercase;
}

#info {
	clear: both;
}

#browse {
	background-image: url(images/browse_button_03.jpg);
	background-repeat: no-repeat;
	width: 127px;
	height: 32px;
	color: #fff;
	font-size: 12px;
	float: left;
	margin: 8px 50px 0 45px;
	text-align: center;
	position: relative;
	z-index: 999;
}

#browse a {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 32px;
}

#feed {
	float: left;
	font-size: 11px;
	color: #565656;
	margin-top:15px;
	letter-spacing: -0.5px;
}

#feed span {
	font-size: 12px;
	color: #999999;
}

#searchsection {
	left:101px;
	position:relative;
	top:12px;
}

#searchform input {
	vertical-align:middle;
	padding: 3px 0 0 6px;
}

#search-submit {
	background-image: url(images/submit.gif);
	background-repeat: no-repeat;
	width: 44px;
	height: 41px;
	border:0 none;
	cursor: pointer;
	position: absolute;
	right:108px;
	top:-13px;
}

#Search {
	background-image: url(images/searchbar_07.gif);
	background-repeat: no-repeat;
	border:	0 none;
	height: 17px;
	color:#757575;
	font-family:verdana;
	font-size:10px;
	position: absolute;
	right:141px;
}

#mainimage {
	background-image: url(images/mainimage_07.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 976px;
	height: 236px;
}

#featuretext {
	float: right;
	margin:44px 52px 0 0;
	width:324px;
}

p.featuretext {
	font-size: 24px;
	color: #2b2b2b;
	text-align: right;
	line-height: 26px;
	margin-bottom: 20px;
}

#iphone {
	float: left;
	margin-left: 50px;
}

.checkmark {
	float: left;
	margin: 5px 8px 0 26px;
}

p.listitemtext {
	float: left;
	color: #1b1464;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

#higherlearning {
	background-image: url(images/higherlearning_09.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 976px;
	height: 103px;
}

#subnavbar {
	margin-left: 15px;
	line-height: 48px;
}

#subnavbar a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	margin-left: 22px;
}

#subnavbar a:hover {
	color: #fff;
	text-decoration: none;
}


#OSbar {
	float: left;
	background-image: url(images/OSASbar_07.jpg);
	width: 419px;
	height: 46px;
}

#Devbar {
	float: left;
	background-image: url(images/devbar_07.jpg);
	width: 257px;
	height: 46px;
} 

#ITbar {
	float: left;
	background-image: url(images/ITbar_07.jpg);
	width: 272px;
	height: 46px;
}

#threecol {
	width: 976px;
}
#OS {
	background-image: url(images/grayrepeat_09.jpg);
	background-repeat: repeat-x;
	width: 419px;
	height: 280px;
	background-color: #fff;
	margin-left: 15px;
	float: left;
	display: inline; /*IE6 workaround*/

}

#dev {
	background-image: url(images/greenrepeat_09.jpg);
	background-repeat: repeat-x;
	width: 257px;
	height: 280px;
	background-color: #fff;
	float: left;
}

#IT {
	background-image: url(images/purplerepeat_09.jpg);
	background-repeat: repeat-x;
	width: 272px;
	height: 280px;
	background-color: #fff;
	float: left;
}

.threepos {
	margin: 20px;
}

.left, .right {
	float: left;
	margin-right: 25px;
	display: inline; /*IE6 workaround*/

}

.product {
	clear: both;
}

a.productlink {
	color: #1b1464;
	text-decoration: underline;
}

a.productlink:hover {
	text-decoration: none;
}

.icon {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.desc {
	float: left;
	font-size: 12px;
	color: #2b2b2b;
	line-height: 18px;
}

#threebuttons {
	clear: both;
	margin: 0 auto;
	padding-top:51px;
}

#threebuttons p {
	font-size:10px;
	font-weight: bold;
	line-height:41px;
	float: left;
	margin-right: 10px;
	margin-left: 55px;
	display: inline; /*IE6 workaround*/
}

img.circlebut {
	float: left;
}

#warpbottom {
	background-image: url(images/warpbottom_07.jpg);
	background-repeat: no-repeat;
	width: 976px;
	height: 136px;
	clear: both;
	margin:0 0 0 3px;
	position: relative;
}

#viewOS {
	color: #525252;
}

#viewdev {
	color: #415b1e;
}

#viewIT {
	color: #3b3c60;
}

#subscribebar {
	background-image:url(images/signupBG_16_13.jpg);
	background-repeat:no-repeat;
	bottom:9px;
	clear:both;
	height:37px;
	left:178px;
	margin:0 auto;
	position:absolute;
	width:610px;
}

#subscribeform {
	margin:0 0 0 217px;
	padding: 0;
}

#subscribe-submit {
	background-image:url(images/subcribebutton_13_13.jpg);
	background-repeat:no-repeat;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:10px;
	font-weight:bold;
	height:24px;
	margin:9px 0 0 22px;
	width:79px;
}

#Subscribe {
	background-image:url(images/signupfield_03.gif);
	background-repeat:no-repeat;
	border:0 none;
	color:#757575;
	float:left;
	font-family:verdana;
	font-size:11px;
	height:19px;
	margin:11px -14px 0 14px;
	padding:3px 0 0 5px;
	width:220px;
	display: inline; /*IE6 workaround*/

}


#footer {
	font-family: Arial, Helvetica, sans-serif;
	margin: 12px 0 20px 0;
	clear: both;
}

#footer ul {
	font-size: 11px;
	text-align: center;	
}

#footer ul li {
	list-style-type: none;
	display: inline;
}

#footer ul li a {
	color: #010101;
	text-decoration: none;
	text-transform: uppercase;
}

#footer ul li a:hover {
	color: #505050;
}

#footer p {
	font-size: 10px;
	color: #505050;
	text-align: center;
}

/*SUBPAGE*/

body#programs {
	background-image: url(images/subpage/subBGX_02.jpg);
	background-repeat: repeat-x;
}

#warpedtop {
	background-image: url(images/subpage/warpedtop_03.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 976px;
	height: 179px;
}

#warpedtop h3 {
	font-weight: bold;
	font-size: 11px;
	margin-bottom:	15px;
}

#warpedtop ul {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	color: #565656;
	margin:0 11px 0 12px;
}

#warpedtop ul li {
	line-height: 12px;
	padding: 0;
	margin: 0;
}

#subOS {
	float: left;
	margin:30px 0 0 37px;
	width:375px;
	display: inline; /*IE6 workaround*/
	clear: both;
}

#subdev {
	float: left;
	margin:30px 0 0 43px;
	width:214px;
	display: inline; /*IE6 workaround*/

}

#subIT {
	float: left;
	margin:30px 0 0 43px;
	width:229px;
	display: inline; /*IE6 workaround*/
}

.smallbutton {
	float: right;
}

#sub {
	background-color: #fff;
	margin-left:15px;
	padding: 36px 30px 0 30px;
	width:889px;
	clear: both;
}

#subcontent {
	width: 625px;
}

#sub h1 {
	color: #1b1464;
	font-size: 24px;
	font-weight:bold;
	margin-bottom: 30px
}

#sub h2 {
	color: #1b1464;
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 12px
}

#sub p.main {
	font-size: 12px;
	margin-bottom:16px;
	line-height: 18px;
}

#sub p.sub {
	font-size: 11px;
	margin-bottom:16px;
}

#sub p.desc {
	font-size:10px;
	line-height:14px;
	margin:6px 0 8px 24px;
}

.vert_text {
	position: absolute;
}

.greenbar {
	margin-left: 24px;
}

#subcontent a {
	font-weight: bold;
	color: #1b1464;
	text-decoration: underline;
}

#subcontent a:hover {
	font-weight: bold;
	color: #1b1464;
	text-decoration: none;
}

#sub ul, #sub ol {
	font-size: 10px;
	margin-left:19px;
}

#leftcol {
	float: left;
	width: 240px;
	margin-right: 28px;
	position: relative;
}

#midcol {
	float: left;
	width: 185px;
	margin-right: 30px;

}

#rightcol {
	float: right;
}

#sidebar {
	float: right;
	width: 225px;
}

#box {
	border: 3px solid #8dc63f;
	padding: 20px 25px 25px 25px;
	background-color: #f7ffeb;
	margin-top:65px;
}

p.highlevel {
	color: #FF0033;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 10px;
}

a.greenbutton {
	background-image:url(images/subpage/greenbutton_06.jpg);
	color:#FFFFFF;
	display:block;
	font-size:10px;
	font-weight: bold;
	text-transform: uppercase;
	height:24px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	width:80px;
	margin-bottom: 7px;
}

a.purplebutton {
	background-image:url(images/subpage/purplebutton_06.jpg);
	color:#FFFFFF;
	display:block;
	font-size:10px;
	font-weight: bold;
	text-transform: uppercase;
	height:24px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	width:80px;
	margin-bottom: 7px;

}