@charset "utf-8";

.container { width: 947px; padding: 0 21px; margin: 0 auto; }

body {	background: #fff9ef url(http://www.SunniPath.com/img/bg-body.png) repeat-y top; margin: 0px; color: #333; font-size:100%; line-height: 1.5em; }
p { line-height: 1.5em; }
.smallcaps { font-variant: small-caps; letter-spacing: 1.4px; text-transform: lowercase; font-size: 106.25%; line-height: 1%; padding:0 0 0 1px; } 
.colborder {  border-right: 1px solid #e8e0cc; }
strong { font-weight: normal; color: #444; font-weight: bold}
em { background: #ffc; }
a { color: #b25324; text-decoration: none; }
a:hover { color: #d9480f; text-decoration: underline; }
.imgeffect img { margin: 1em 1em 1em 0; padding: .5em .5em 2em .5em; border: 1px solid #E8E0CC; }

a.smallcaps { color: #ab4918; } 
.smallcaps-link { color: #ab4918; }
.smallcaps-link a:hover { color: #999; }
a.smallcaps:hover { color: #d9480f; } 
p img { float: left; margin: .5em .75em .5em 0; padding: 0; }


h1,h2,h3,h4,h5,h6 { color: #47382c; font-family: Georgia, "Times New Roman", "lucida bright", Times, serif; line-height: 1.25em; }
h1 { color: #ab2011; clear: both; font-family: "Times New Roman", Georgia, "lucida bright", Times, serif; font-size: 3em; margin-top: .5em; line-height: 1em; }
h2 { font-size: 2em; margin: .5em 0 .25em 0; color: #000; }
h3 { font-size: 1.5em; margin: .375em 0 .375em 0; color: #111;}
h4 { font-size: 1.25em; margin: .37em 0 .375em 0; color: #111;}
h5 { font-size: 1.125em; font-weight: normal; margin: .5em 0 .25em 0; color: #222; line-height: 1.5em; }
h6 { font-size: 1em; font-weight: bold; color: #222; }
.toph { margin-top: 0; padding-top: 0; }

#content { margin-top: .5em; }

blockquote  { margin: 1em 0; padding: 0 2em 0 1.5em; color: #615e58; border-left: 6px #EDE6DC solid;  }

ol { padding-left: 2em; }
li { margin-bottom: .5em; }

.superscript { font-size: 50%; vertical-align: top;  }
.subtitle { padding: .25em 0; border-top: solid 1px #E8E0CC; border-bottom: solid 1px #E8E0CC; margin-bottom: 2em; }

#titlearea { padding-left: 12px; } 
#titlearea img { clear: none; margin: 0 0 0 .25em; }
.breadcrumb { font-size: .6875em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #47382c; line-height: 100%; margin: 1em 0 .75em 0; } 
.smalltype { font-size: .75em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #807a75; line-height: .5em; margin: 1em 0 .75em 0; }
#pagetitle { margin: 1em 0 0 -1px; padding-bottom: 0; margin-bottom: 0; }
#pagetitle h1 { padding-bottom: 0; margin-bottom: 0; }
#pagetitle h1 {display: inline; padding-right: 60px; background: url(http://www.SunniPath.com/img/ornament-001-21H.gif) 100% 65% no-repeat; }


#ecampuswelcome { text-align: right; padding-top: 1.275em; background: url(http://www.SunniPath.com/images/highlight-001.png) no-repeat right center; }
#ecampuswelcome .smallcaps { color: #ab2011 }
.smallcaps:first-letter { font-size: 2em; }

.MyCourseBoxes { width: 507px; }
dl.MyCourseBoxes { background: url(http://www.SunniPath.com/images/bg-box-002.png) repeat-y; }  
dl.MyCourseBoxes dt { background: #9f5829 url(http://www.SunniPath.com/images/BoxTitle001-507w-Blank.png) top left no-repeat; padding: 6px 0 6px 1em; color:#fff; font-size: 1.5em; line-height: 1; font-weight: normal; }
dl.MyCourseBoxes dd { background: url(http://www.SunniPath.com/images/BoxFooter-002-507w.png) bottom left no-repeat; padding: 1em 1em 2em .5em; margin:0;}
dd p { margin:0; padding: 1em; line-height:1.5em;}
dd a { color: #9e4f28; font-weight: bold; }
dl.MyCourseBoxes img { padding: 1.2em 1em 2.5em 20px; margin: 0; }
dl.MyCourseBoxes img:hover { background: url(http://www.SunniPath.com/images/rollover-entercourse.png) no-repeat; }
.CourseInfo { padding: .75em 0 .25em 0; display: block; }
#ilm-notice ul { margin: 0 0 2em; }
#ilm-notice li { border:1px solid #e6d8cf; display: block; background: #fdf7da; padding: 3px 1em 3px 3em; margin: 0;  background: #fdf7da url(../../img/icon-notice-yellow.png) left top no-repeat; }
#ilm-notice li { color: #fdf7da; }
#ilm-notice .notice-high { background: #fdf7da url(../../img/icon-notice-red.png) left top no-repeat; }
/* #ilm-notice li a:hover { color: #fdf7da; } */
/* #ilm-notice a:hover {color: #fff; text-decoration: none; } */
/* #ilm-notice li:hover { border:1px solid #222; background: #c24a1b; } */

.prepend-100w  { padding-left: 6.375em; }

.asidebox { margin: .25em 0 1em 0; }
.asidebox { display: block;  }
#aside img { clear: both; margin: 0 .5em .5em 0;  } 
#aside .sidetitle { clear: both; padding: 0; margin: 0 .5em .5em 0; border-bottom: 1px solid #ece5e1; display: block; width: 100%; } 
#aside .sidetitle img { clear: both; padding: 0; margin: 0; vertical-align: bottom; } 
#aside li, 
#aside p { font-size: .75em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #47382c; line-height: 1.5em; margin: 0 0 .5em 0; } 
#aside td { font-size: .75em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #47382c; line-height: 100%; } 
#aside ul,
#aside li { list-style: none; padding-left: 0; margin-left: 0; display: block; }
#aside li a {padding-left: .25em; padding-right: .25em; display: block; }
#aside li a:hover { background-color: #d9480f; color: #fff; padding-left: .25em; padding-right: .25em; text-decoration: none;}

#homepage-ad img { padding-bottom: 24px; }
#home-sideads .no-hover a:hover { padding-bottom: 4px ; background-color: #fff; }
#home-sideads .no-hover img { padding-bottom: 4px ; }
#home-sideads .no-hover img:hover { padding-bottom: 4px ; background-color: #fff; }
#home-sideads .no-hover { padding: .5em 1em 1.5em 2px; }
#home-sideads .no-hover a:hover { padding: .5em 1em 1.5em 2px; background-color: #fff; }
#home-sideads .no-hover img { padding: .5em 1em 1.5em 2px; }
#home-sideads .no-hover img:hover { padding: .5em 1em 1.5em 2px; background-color: #fff; }

#dhtml-carousel {height: 438px;}

td      { border-bottom: 1px solid #eee; }
th,td   { padding: 5px 10px 5px 0; }
/* tr:hover {background: #fff6cf; } */

.error-small, .notice-small, .success-small    { padding: .75em .75em .5em; margin-bottom: .25em; border: 1px solid #ddd; font-family: Arial, Helvetica, sans-serif; font-size: .75em; line-height: 1.4em; }
.error-small      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice-small     { background: #fff9d7;  color: #817134; border-color: #f2eab6; }
.success-small    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error-small a    { color: #D12F19; }
.notice-small a   { color: #817134; }
.success-small a  { color: #529214; }

.error, .success, .notice { padding-top: 1.5em; padding-bottom: 0; }

.box-13 { background: url(http://www.SunniPath.com/images/bg-box-002.png) repeat-y; }

#aside .aside-ads a:hover { padding: 1em 0em 1em 2px; background-color: #fff; background: url(http://www.sunnipath.com/img/rollover-learnmore-01.png) no-repeat 114px 10px; }
#aside .aside-ads img { padding: 1em 0em 1em 2px; }
#aside .aside-ads img:hover { padding: 1em 0em 1em 2px; }

#fullvideo { padding: 1em 0 1em 0; margin-bottom: 2em; background: url(http://www.SunniPath.com/img/bg-box-003.png) repeat-y top left; text-align: center; }

.nopm, .nopm img { padding: 0; margin: 0 }
.img2  img { float: left; margin: 1em 1em .75em 0; padding: 0; }

#AnswersHome-Latest ul { margin: 0 0 2em; }
#AnswersHome-Latest li { font-size: .6875em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #47382c; line-height: 100%; margin: 1em 0 .75em 0;  list-style: none; }

.title-ul { width: 100%; border-bottom: 1px solid #C7955A; }
.title-ul h1, h2, h3, h4 { padding-bottom: 1px; margin-bottom: 0; }

.quran  { background: #FFF9EF url(http://www.SunniPath.com/img/quran-cover.png) 6px center no-repeat; display: block; padding: 12px 2em 12px 100px; float: left; clear: both;  margin:0px 0 1.5em 0; border-top:4px double #D5B88C; border-bottom:4px double #D5B88C; text-align: left; color:#403324; min-height:1%; }
/* width: 507px; line-height: 1.75em;  */
p.quran:first-line {font-variant: small-caps; letter-spacing: 1.4px; text-transform: lowercase; font-size: 106.25%; line-height: 1%; padding:0 0 0 1px; color: #262626;}
p.quran:first-letter { margin: 3px .085em 2px 0; padding: 0; float:left; color:#d1ab6f; font-size:3em; line-height: .5em; font-family: "Times New Roman", Times, Georgia, serif; text-transform: capitalize;}

#question, #answer { margin-bottom: 2em; }
/* #answer p:last-child { display: inline; margin: 0; padding-right: 24px; background: url(http://www.SunniPath.com/img/endmark.gif) 100% 95% no-repeat; font-style: italic; } */

.dropcap { margin: 6px .125em 0px 0; padding: .3em .175em; float:left; color:#fff; background: #464932 url(http://www.sunnipath.com/img/DropCap6.png) center center; font-size:4.5em; line-height: .5em; font-family: "Times New Roman", Times, Georgia, serif; text-transform: capitalize; border: 3px solid #4b4d40; }

.ftr { font-size:12px; width:578px; margin: 0 auto; }
.copy { width:908px; display: block; margin: 0 auto; padding: 0 21px; float: left;}
#footer {margin: auto; width: 998px;}

#application-steps {text-align: right; font-size: .75em; font-family: Helvetica, Arial, Verdana, sans-serif; color: #80726c; line-height: 100%; margin: .5em 0 0 0; position:relative; }
#application-steps p {text-align: right; line-height: 100%; margin: .25em 0 0 0; position: bottom; }
.step-numbers { letter-spacing: .35em; }
.current {text-align: right; font-size: 1.4em; color: #000; font-weight: bold; line-height: 100%; }
.step-name { font-size: 1.25em; color: #000; font-weight: bold; border-top: 1px solid #E8E0CC; padding-top: .5em; }

.firstpar { font-size: 1.2em; }
#titlearea img {padding-bottom: 1em; padding-top: 2em; }

#nav3 { background: #7c8066; }
#nav3 li, 
#nav3 p { font-size: .85em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #47382c; line-height: 1.5em; margin: 0; } 
#nav3 ul { padding: 0; margin-left: 0; display: block; border-top: 1px solid #dbdecc; }
#nav3 li { list-style: none; padding: 0; margin-left: 0; display: block; border-bottom: 1px solid #dbdecc; padding-right: 1px;  }
#nav3 li a { padding: .5em 1em .5em .5em; display: block; background: #fff url(http://www.sunnipath.com/img/bullet-11-c0c3af.png) 98% center no-repeat; border-right: 2px solid #bfc2b2; }
#nav3 li a:hover { color: #fff;  text-decoration: none; background: #d9480f url(http://www.sunnipath.com/img/bullet-11-white.png) 98% center no-repeat;}
#nav3 li a.active, #nav3 li a.active:hover { color: #7c8066;  text-decoration: none; background: #eef0e1 url(http://www.SunniPath.com/img/bullet-11-7c8066.png) 98% center no-repeat; border-right: 2px solid #eef0e1; }
.content3 { padding-left: 40px; padding-top: 1em; background: #fff url(http://www.SunniPath.com/img/bg-content3.png) left center repeat-y; border-top: 1px solid #dbdecc; }

#digitalcontent { width: 707px; }
.table-horizontal { font-family: Arial, Helvetica, Verdana, sans-serif; background: #fff; border-collapse: collapse; text-align: left; }
.table-horizontal th { font: bold; color: #AB2011; padding: 10px 8px; border-bottom: 2px solid #D9480F; vertical-align: middle; }
.table-horizontal td { font-size: .85em; border-bottom: 1px solid #dbdecc; color: #606159; padding: 6px 8px;}
.table-horizontal tbody tr:hover td { color: #515445; background-color: #fff7d7; }
.table-horizontal tfoot { font-size: .9em; font-family: Georgia, "Times New Roman", Times, serif; background-color: #fffcef; color: blue; }
.table-horizontal tfoot td { color: #9c9e90; }

cite { font-size: .75em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #807a75; line-height: .5em; margin: 1em 0 .75em 0; }


.gallery3 { list-style: none; margin: 0; padding: 0; }
.gallery3 { padding: 4px 0 0 2px; margin: 0 1em 0 0; float: left; position: relative; }
.gallery3 img { background: #fff; border: solid 1px #ccc; padding: 5px; }
.gallery3 img:hover { border-color: #999; opacity: 1; }
.gallery3 em { background: #fff; color: #999; font-style: normal; padding: 2px 8px 0 18px; display: block; position: absolute; top: 30px; left: 1px; border: 1px solid #999; font: 70%/140% Helvetica, Arial, sans-serif; opacity: .5; }
.gallery3 a { text-decoration: none; }
.gallery3 a:hover em { background: #ffdb01 url(http://www.sunnipath.com/img/orange-gradient.gif) repeat-y; border-color: #c25b08; color: #333; opacity: 1;}
.gallery3 span { width: 30px; height: 40px; display: block; position: absolute; top: 2px; left: 1px; background: url(http://www.sunnipath.com/img/paper-clip-mini.png) no-repeat; z-index: 3; }


.gallery4 {	list-style: none; margin: 0; padding: 0;  }
.gallery4 li { margin: 20px 20px 5px 0;	padding: 10px; background: url(http://www.sunnipath.com/img/poloroid-080x080.png) no-repeat; float: none; position: relative; }
.gallery4 img { float: left; margin: 0 24px 20px 0; }
.gallery4 span { background: url(http://www.sunnipath.com/img/tape.png) no-repeat; width: 77px; height: 27px;
	display: block; position: absolute; left: 44px; top: -12px; }
.gallery4 em { display: block; text-align: center; font: italic 100% Georgia, "Times New Roman", Times, serif; color: #333; }


.gallery4b {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery4b li {
	margin: 20px 16px 5px 0;
	padding: 10px;
	background: url(http://www.sunnipath.com/img/poloroid-140x164.png) no-repeat;
	float: left;
	position: relative;
}
.gallery4b img { float: left; margin-right: 22px; }
.gallery4b em {
	width: 110px;
	display: block;
	padding: 4px;
	text-align: center;
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #393939;
	background: url(http://www.sunnipath.com/img/tape2.png) no-repeat;
	position: absolute;
	top: -14px;
	left: 10px;
}
.gallery4b em:hover {
	text-decoration: none;
}
.gallery4b a:hover {
	text-decoration: underline;
}


.gallery10 { display: inline-block; position: relative; text-decoration: none; float: left; margin: 6px 12px 6px 0; }
.gallery10 img { border: 1px solid #cccccc; padding: 6px; margin: 0; }
.gallery10 img:hover { border-color: #888; }
.gallery10 img a { margin: 0; padding: 0; }
.gallery10 em { background: #111;border-bottom: 1px solid #333; color: #333; opacity: .62; padding: 3px 0 3px 0; position: absolute; left: 0px; bottom: 12px; text-align: center; width: 100%; font: 70%/140% Helvetica, Arial, sans-serif; margin: 0; }
.gallery10:hover em { opacity: 1; text-decoration: none; color: #ffffff; background: #000; border-bottom: 1px solid #333; }
.gallery10:hover a { opacity: 1; text-decoration: overline; }