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

body {
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
H1 {
font-size:14pt;
display:block;
clear:both;
}
H2 {
font-size:12pt;
margin:10px 10px 10px 20px;
clear:both;
}
a {
color:#000000;
font-weight:bold;
}
a:link, a:visited {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/* Header */
#header {
width:100%;
height:100px;
/* background-image:url(/images/mainSite/template/header-long.jpg); */
background-image:url(/images/mainSite/template/header.jpg);
background-position:center;
background-repeat:no-repeat;
margin-bottom:1px;
}
#logo{
width:960px;
margin:auto;
}
#logo img{
padding-top:15px;
}
/* Search Bar*/
#search {
width:940px;
margin-left:auto;
margin-right:auto;
background-color:#CD650A;
border-bottom:#FFF solid 1px;
font-size:12pt;
font-weight:bold;
color:#FFF;
padding:8px 10px 8px 10px;
}
#search:hover {
background-color: #F38623
}
#search select {
margin-left:10px;
border:#999 solid 1px;
padding:2px;
font-size:12pt;
}
#search input {
border:#999 solid 1px;
padding:3px;
font-size:12pt;
}
.googlelang {
float:right;
padding-left:15px;
}

.searchsocial {
float:right;
vertical-align:top;
}




/* content */
#contentholder {
width:960px;
margin-left:auto;
margin-right:auto;
display:block;
}
/*feature*/
#features {
width:766px;
height:240px;
float:right;
display:block;
}
#features .mainfeature {
width:480px;
float:left;
border-bottom:#FFF solid 1px;
border-left:#FFF solid 1px;
}
#features .subfeature {
background-image:url(../images/mainSite/template/homefeature_grey.jpg);
background-position:right bottom;
background-repeat:no-repeat;
width:278px;
height:72px;
float:right;
font-size : 10pt;
font-family : arial, verdana, sans-serif;
font-weight:normal;
text-align:left;
background-color:#FFF;
padding:3px;
padding-top:4px;
padding-bottom:4px;
/*border:#d7d7d7 solid 1px;*/
margin-bottom:1px;
}
#features .subfeature img{
float: left;
vertical-align:middle;
margin-right:6px;
}
#features .subfeature b{
font-size:11pt;
margin-right:6px;
}
#features .subfeature a:link{
font-weight:normal;
}
#features .subfeature a:visited{
font-weight:normal;
}

#subfooter {
	clear: both;
	position: relative;
	border:1px solid #ddd;
	/*Top:-65px;*/
	width:920px;
	padding:2px;
	font-family : verdana, sans-serif;
	font-size : 12px;
	margin: 20px auto 5px;
}
.subfooterbox {
	float: left;
    	position:relative;
	padding:2px;
	border:1px solid #ddd;
	width:172px;	
	text-align: center;
	margin-left: 5px;
	text-align: center;
	font-size : 13px;
	font-family : verdana, sans-serif;
	background : #d78342;
}




/*browse courses */

#browsecourses {
width:766px;
float:left;
display:block;
}
#browsecourses ul{
float:left;
position:relative;
display: inline-block;
text-align: left;
list-style: none;
padding-left: 4px;
margin:0px;
width:766px;
/*z-index:-100;*/
}
#browsecourses ul li {
float: left;
position:relative;
/*DAN - Margin was padding*/
margin: 4px;
/*
margin-right: 4px;
margin-left: 4px;
*/
width:180px;	
/*z-index:-100;*/
height:150px;
/*padding-bottom:10px;*/
border:1px solid #ddd;
/*DAN*/
text-align:center;
}
.subbrowse {
/*float: left;*/
/*position:relative;*/
/*width:180px;*/
/*z-index:-100;*/
/*height:75px;*/
/*padding-bottom:100px;*/
/*text-align:center;*/
/*font-size : 13px;*/
/*font-family : verdana, sans-serif;*/
/*border:1px solid #ddd;*/
}
#browsecourses ul li a:link, #browsecourses ul li a:visited {
display: inline-block;
/*width: 180px;*/
/*height:auto;*/
/*vertical-align:middle;*/
color: #000;
text-decoration: none;
/*font-weight:bold;*/
/*z-index:-100;*/
height:150px;
}
/*#browsecourses ul li a:hover, */#browsecourses ul li:hover {
background-color:#CCC;
}
#browsecourses ul li p {
text-align:center;
font-size:10pt;
display:block;
clear:both;
/*margin:10px 0px 10px 0px;*/
/*z-index:-100;*/
padding-left:4px;
padding-right:4px;
}




/* other content */
#content {
width:766px;
float:right;
display:block;
}
/* menu */
#left {
width:194px;
height:100%;
float:left;
font-size:12pt;
z-index:100;
}
#mainmenu ul{
/*text-align: left;*/
list-style: none;
padding: 0px;
margin-top:0px;
margin-bottom:0px;
margin: 0;  /*vik mod*/
padding: 0; /*vik mod*/
list-style-type: none; /*vik mod*/
z-index:100;
}
#mainmenu ul li{
display: block;
margin: 0;
padding: 0;
font-weight:bold;
position: relative;  /*vik mod*/
z-index:100;

}
#mainmenu ul li a{
display: block;
width: 174px;
/*height:20px;*/ /*vik mod*/
vertical-align:middle;
padding:10px;
color: #FFF;
text-decoration: none;
background: #CD650A;
border-bottom:#FFFFFF solid 1px;
overflow: auto; /*force hasLayout in IE7 */ /*vik mod*/
z-index:100;
}
#mainmenu ul li ul{
position: absolute;  /*vik mod*/
width: 170px; /*Sub Menu Items width */  /*vik mod*/
top: 0;  /*vik mod*/
visibility: hidden;  /*vik mod*/
/*padding-left:2px;*/  /*vik mod*/
border-left:#FFFFFF solid 1px; /*vik mod*/
z-index:100;
}
#mainmenu ul li a:hover{
display: block;
color: #FFF;
text-decoration: none;
background: #F38623;
z-index:100;
}



/* submenu */
#left {
width:194px;
height:100%;
float:left;
font-size:12pt;
z-index:100;
}
#submenu ul{
/*text-align: left;*/
list-style: none;
padding: 0px;
margin-top:0px;
margin-bottom:0px;
margin: 0;  /*vik mod*/
padding: 0; /*vik mod*/
list-style-type: none; /*vik mod*/
z-index:100;
}
#submenu ul li{
display: block;
margin: 0;
padding: 0;
font-weight:bold;
position: relative;  /*vik mod*/
z-index:100;
}
#submenu ul li a{
display: block;
width: 174px;
height:20px;
vertical-align:middle;
padding:10px;
color: #FFF;
text-decoration: none;
background: #F38623;
border-bottom:#FFFFFF solid 1px;
overflow: auto; /*force hasLayout in IE7 */ /*vik mod*/
z-index:100;
}
#submenu ul li ul{
position: absolute;  /*vik mod*/
width: 170px; /*Sub Menu Items width */  /*vik mod*/
top: 0;  /*vik mod*/
visibility: hidden;  /*vik mod*/
border-left:#FFFFFF solid 1px;  /*vik mod*/
z-index:100;
}
#submenu ul li a:hover{
display: block;
color: #FFF;
text-decoration: none;
background: #F7AF6F;
z-index:100;
}



/* Articles */
.articlepreview {
height:80px;
display:compact;
padding:10px;
}
.articlepreview img{
margin:0px 0px 10px 0px;
float:left;
}
.articlepreview p {
width:535px;
float:right;
font-size:11pt;
margin:0px 0px 10px 12px;
}
.articlepreview p a {
font-size:8pt;
display:inline-block;
padding:3px;
background-color:#999999;
color:#FFFFFF;
text-decoration:none;
}
.articlepreview p a:hover{
font-size:8pt;
display:inline-block;
padding:3px;
background-color:#CCC;
color:#FFFFFF;
text-decoration:none;
}
/* footer */
#footer {
width:960px;
/*height:40px;*/
margin-left:auto;
margin-right:auto;
display:compact;
clear:both;
background-color:#EEE;
}

/* course info */
#courseareabanner {
border-left:#FFFFFF solid 1px;
float:right;
}
#coursecontent {
width:478px;
float:left;
display:block;
}
#coursecontent .coursetitle {
display:block;
width:478;
background-color:#CCCCCC;
padding:15px;
margin:0px;
border:#FFFFFF solid 1px;
}
#coursecontent H1 {
font-size:18pt;
margin:0px;
}
#coursecontent .coursetitle p {
font-family : verdana, sans-serif;
font-size:18pt;
margin:0px;
}
#coursecontent .coursetitleftptbanner {
display:block;
width:478;
background-color:#CCCCCC;
padding:15px;
margin:0px;
border:#FFFFFF solid 1px;
}
#coursecontent .coursetext {
display:block;
width:453;
padding:15px;
margin:0px;
}
#coursecontent .coursetext H2 {
font-size:13pt;
margin:0px 0px 0.75em 0px;
}
#coursecontent .coursetext H3 {
font-size:11pt;
margin:1.5em 0px 0.5em 0px;
background-color:#EEE;
padding:5px;
}
#coursecontent .coursetext H4 {
font-size:9pt;
background-color:#EEE;

}
#coursecontent .coursetext p, {
/*font-family: verdana, sans-serif;*/
font-size:11pt;
margin:0px 0px 0.75em 0px;
}

#coursecontent .coursetext span {
/*font-family: verdana, sans-serif;*/
font-size:11pt;
margin:0px 0px 0.75em 0px;
}
/* DATABASE LI FORMATTING ISSUE CHECK HERE */
#coursecontent .coursetext li { /*vik added*/
font-size:12pt;
margin:0px 0px 0.75em -35px;
text-decoration:none;
list-style-type: none; /*vik mod*/
}


#coursefooterlinks {
margin-top:20px;
}
#coursefooterlinks H4 {
display:block;
font-size:13pt;
margin:10px;
width:auto;
vertical-align:middle;
padding:10px;
}
#coursefooterlinks H4 a{
text-decoration:none;
}
#coursefooterlinks H4:hover{
background-color:#EEE;
}
#coursefooterlinks img {
vertical-align:middle;
}

#coursefeaturesapply {
/*background-color: #bde5dd;*/
padding:0px;
margin-bottom:1px;
}

#coursefeaturesapply img{
border-bottom:1px solid #FFF;
border-top:1px solid #FFF;
}
/* map */
small {
font-size:8pt;
color:#000000;
}
small a:link, small a {
color:#333333;
text-decoration:none;
}
small a:hover {
text-decoration:underline;
}


/*coursefeatures*/
#coursefeatures {

}
#coursefeatures .mainfeature {

}
#coursefeatures .subfeature {
background-image:url(../images/mainSite/template/homefeature_grey.jpg);
background-position:right bottom;
background-repeat:no-repeat;
width:282px; /*from main page this has changed*/
height:72px;
float:right;
font-size : 10pt;
font-family : arial, verdana, sans-serif;
font-weight:normal;
text-align:left;
background-color:#FFF;
padding:3px;
padding-top:5px;/*from main page this has changed*/
padding-bottom:4px;
/*border:#d7d7d7 solid 1px;*/
margin-bottom:1px;

}
#coursefeatures .subfeature img{
float: left;
vertical-align:middle;
margin-right:6px;
}
#coursefeatures .subfeature b{
font-size:11pt;
margin-right:6px;
}
#coursefeatures .subfeature a:link{
font-weight:normal;
}
#coursefeatures .subfeature a:visited{
font-weight:normal;
}






/* relatedcourses */
#relatedcourses {
width:180px;
float:left;
background-color:#FFFFFF;
margin-bottom:0px;
border:1px solid #74C8B9;
}
#relatedcourses p {
background-color:#74C8B9;
padding:8px;
margin:0px;
font-size:11pt;
font-weight:bold;
}
#relatedcourses a {
text-decoration:none;
font-size:11pt;
}
#relatedcourses a:link p, #relatedcourses a:visited p {
background-color:#FFF;
padding:8px;
/*border:1px solid #CCC;*/
text-decoration:none;
font-weight:normal;
}
#relatedcourses a:hover p {
background-color:#BDE5DD;
padding:8px;
/*border:1px solid #CCC;*/
text-decoration:none;
}
.formremovespace {
margin-bottom:0px
}



/* general info */
#generalareabanner {
border-left:#FFFFFF solid 1px;
float:right;
}
#generalcontent {
width:478px;
float:left;
display:block;
}
#generalcontent .generaltitle {
display:block;
width:453;
background-color:#CCCCCC;
padding:15px;
margin:0px;
border:#FFFFFF solid 1px;
}
#generalcontent H1 {
font-size:18pt;
margin:0px;
}
#generalcontent .generaltitle p {
font-size:18pt;
margin:0px;
}
#generalcontent .generaltext {
display:block;
width:453;
padding:15px;
margin:0px;
}
#generalcontent .generaltext H2 {
font-size:13pt;
margin:0px 0px 0.75em 0px;
}
#generalcontent .generaltext H3 {
font-size:11pt;
margin:0px 0px 0em 0px;
}
#generalcontent .generaltext p {
font-size:11pt;
margin:0px 0px 0.75em 0px;
}

#generalcontent .generaltext li { /*vik added*/


}

#generalfooterlinks {
margin-top:20px;
}
#generalfooterlinks H4 {
display:block;
font-size:13pt;
margin:10px;
width:auto;
vertical-align:middle;
padding:10px;
}
#generalfooterlinks H4 a{
text-decoration:none;
}
#generalfooterlinks H4:hover{
background-color:#EEE;
}
#generalfooterlinks img {
vertical-align:middle;
}


#areafeatures .areamainfeature {
padding:3px;
}
#areafeatures .areasubfeature {
width:280px;
float:left;
font-size : 12px;
font-family : verdana, sans-serif;
font-weight:normal;
text-align: center;
background-color:#FFF;
padding:3px;
padding-top:6px;
padding-bottom:4px;
border:#d7d7d7 solid 1px;
margin-bottom:4px;
margin-top:1px;

}
#areafeatures .areasubfeature img{
float: left;
vertical-align:middle;
}
#areafeatures .areasubfeature a:link{
font-weight:normal;
}
#areafeatures .areasubfeature a:visited{
font-weight:normal;
}


#areaInfofeatures .areaInfomainfeature {

}
#areaInfofeatures .areaInfosubfeature {
width:268px;
float:right;
font-size : 10pt;
line-height:14pt;
font-family : arial, verdana, sans-serif;
font-weight:normal;
text-align: left;
background-color:#D1E4DF;
padding:10px;
/*border:#d7d7d7 solid 1px;*/
margin-bottom:0px;
margin-top:1px;
}
#areaInfofeatures .areaInfosubfeature img{
float: center;
vertical-align:middle;
margin-bottom:10px;
}
#areaInfofeatures .areaInfosubfeature a:link{
font-weight:normal;
}
#areaInfofeatures .areaInfosubfeature a:visited{
font-weight:normal;
}

/*generalfeatures*/
#generalfeatures {

}
#generalfeatures .mainfeature {

}
#generalfeatures .subfeature {
background-image:url(../images/mainSite/template/homefeature_grey.jpg);
background-position:right bottom;
background-repeat:no-repeat;
width:282px; /*from main page this has changed*/
height:72px;
float:right;
font-size : 10pt;
font-family : arial, verdana, sans-serif;
font-weight:normal;
text-align:left;
background-color:#FFF;
padding:3px;
padding-top:5px;/*from main page this has changed*/
padding-bottom:4px;
/*border:#d7d7d7 solid 1px;*/
margin-bottom:1px;

}
#generalfeatures .subfeature img{
float: left;
vertical-align:middle;
margin-right:6px;
}
#generalfeatures .subfeature b{
font-size:11pt;
margin-right:6px;
}
#generalfeatures .subfeature a:link{
font-weight:normal;
}
#generalfeatures .subfeature a:visited{
font-weight:normal;
}


#coursecontentwide {
width:583px;
float:left;
display:block;
}
#coursecontentwide .coursetitle {
display:block;
width:478;
background-color:#CCCCCC;
padding:15px;
margin:0px;
border:#FFFFFF solid 1px;
}
#coursecontentwide H1 {
font-size:18pt;
margin:0px;
}
#coursecontentwide .coursetitle p {
font-family : verdana, sans-serif;
font-size:18pt;
margin:0px;
}
#coursecontentwide .coursetitleftptbanner {
display:block;
width:478;
background-color:#CCCCCC;
padding:15px;
margin:0px;
border:#FFFFFF solid 1px;
}
#coursecontentwide .coursetext {
display:block;
width:453;
padding:15px;
margin:0px;
}
#coursecontentwide .coursetext H2 {
font-size:13pt;
margin:0px 0px 0.75em 0px;
}
#coursecontentwide .coursetext H3 {
font-size:11pt;
margin:1.5em 0px 0.5em 0px;
background-color:#EEE;
padding:5px;
}
#coursecontentwide .coursetext p, {
/*font-family: verdana, sans-serif;*/
font-size:11pt;
margin:0px 0px 0.75em 0px;
}

#coursecontentwide .coursetext span {
/*font-family: verdana, sans-serif;*/
font-size:11pt;
margin:0px 0px 0.75em 0px;
}
/* DATABASE LI FORMATTING ISSUE CHECK HERE */
#coursecontentwide .coursetext li { /*vik added*/
font-size:12pt;
margin:0px 0px 0.75em -35px;
text-decoration:none;
list-style-type: none; /*vik mod*/
}


/*For the Application bit*/

#appcontentwide {
width:583px;
float:left;
display:block;
padding-left:10px;
padding-top:10px;
}

#appcontentwide .coursetitle {
display:block;
width:478;
background-color:#CCCCCC;
padding:15px;
margin:0px;
border:#FFFFFF solid 1px;
}


.apptext {
height:40px;
background-color:#ffffff;
}



.apptextheader {
height:40px;
font-size:16pt;
}

.apptextleftpadding {

}