body	{
	font:	14px/21px "proxima-nova-1","proxima-nova-2",sans-serif;
	background:	#6c5e7e url('img/light-top-bg.png') repeat-x;
	margin:	0;
	color:	rgba(0,0,0,.8);
	}

	.GillSansStd-Bold, h1.subnav { font-weight:800; }
	.GillSansStd-Light {font-weight:100;}


/* main divs */
#head	{
	width: 960px;
	margin:	0px auto 9px;
	position:	relative;
	}
#wrapper	{
	padding:	40px;
	width: 880px;
	margin:	0 auto 40px;
	background:	#f4f0f7 url('img/topshadow.png') 0 38px repeat-x;
	position:	relative;
	-webkit-box-shadow: rgba(0,0,0,.3) 0 0 20px;
	}
#bottom	{
	clear:	left;
	height:	150px;
	}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 20px;}
div.last { margin-right: 0; }
.span-1  { width: 55px;}
.span-2  { width: 130px;}
.span-3  { width: 205px;}
.span-4  { width: 280px;}
.span-5  { width: 355px;}
.span-6  { width: 430px;}
.span-7  { width: 505px;}
.span-8  { width: 580px;}
.span-9  { width: 655px;}
.span-10 { width: 730px;}
.span-11 { width: 805px;}
.span-12, div.span-12 { width: 880px; margin: 0; }

h2	{
	font-size: 20px;
	margin:	5px 0;
	color:	rgba(0,0,0,.8);
	}
p + h2	{
	margin-top:	30px;
	}
h3	{
	font-size: 16px;
	font-weight:800;
	color:	rgba(0,0,0,.8);
	}

.classes h2	{
	margin-bottom:	20px;
	}
.classes h3, .classes p, .box > h3	{
	margin:	0 0 5px 0;
	}




a	{
	color:	#4d2a76;
	}
a:hover	{
	color:	#000;
	}
img	{
	border:	0;
	max-width:880px;
	}
span.flag	{
	font-size:12px !important;
	background:#f9f2b7;
	padding:2px;
	border-radius:2px;
	border:1px solid #dcd6a0;
	}
.subnav .flag	{
	background:#624486;
	color:#b0b741;
	border:0;
	padding:1px 3px;
	}

.action, .button	{
	background:	#402264;
	padding:	6px 9px;
	color:	#fff;
	text-decoration:	none;
	border:	0 !important;
	cursor:	pointer;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64408f', endColorstr='#402264'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#64408f), to(#402264)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #64408f,  #402264); /* for firefox 3.6+ */
	}


.green-button {
	text-decoration: none;
	padding:3px 8px;
	border-radius:8px;
	-moz-border-radius: 8px;
	color:#fff !important;
	font-size:13px;
	border:	0;
	cursor:	pointer;
	height:auto !important;
	background: #b6d19b; /* Old browsers */
	background: -moz-linear-gradient(top, #b6d19b 16%, #68985c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,#b6d19b), color-stop(100%,#68985c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b6d19b 16%,#68985c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b6d19b 16%,#68985c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b6d19b 16%,#68985c 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6d19b', endColorstr='#68985c',GradientType=0 ); /* IE6-9 	*/
	background: linear-gradient(top, #b6d19b 16%,#68985c 100%); /* W3C */
	}	
.green-button:hover	{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9eac7', endColorstr='#68985c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d9eac7), to(#68985c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d9eac7,  #68985c); /* for firefox 3.6+ */
	}

.topics .action	{
	background:	#5c3985;
	}
.action.tiny, .class-list .action, .button.tiny, .tiny .button	{
	font-size:12px !important;
	padding:	3px 9px;
	}
h2 a.action	{
	position:	relative;
	top:	-3px;
	margin-left:	10px;
	font-size:	13px;
	}
.line .action {
	padding-top: 5px;
	width: 150px;
	border-top: solid 1px #393144;
	}
a.go	{
	color:	#3e1f62;
	background:	#f1bd3a;
	padding:	6px;
	font-size:	12px;
	text-decoration:	none;
	}
a:hover.go, a:hover.action, input:hover.action, input:hover.button, .button:hover	{
	background:	#3e1f62;
	color:	#faedaa !important;
	}
.topics a:hover.action, .topics input:hover.action	{
	background:#744ba3;
	}
.center	{
	text-align: center;
	}
.tiny	{
	font-size:12px;
	}
.copy	{
	color:#393144;
	}

.tinystat	{
	padding: 1px 4px;
	font:	10px "Lucida grande", sans-serif;
	}

.shadow, .classes	{
	-webkit-box-shadow: rgb(209, 209, 181) 0 0 20px;
	}
.round, #wrapper, #footer, img, .student-links a, #feature, #search input, #feature #controls a, .action, .button, a.go, ul.subnav, .comment blockquote, .box, .calendar-prev a, .calendar-next a	{
	border-radius: 8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	}
img.icon	{
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	}
a img	{	
	text-decoration:	none;
	}

.view	{
	font-size:	12px;
	color:	#666;
	display:	block;
	}
h1	{
	font-size:	28px;
	color:	#3e1f62;
	font-weight:normal;
	}
#head h1	{
	margin:	0;
	text-indent:	-9000px;
	background:	url('img/aromahead.png');
	width:	309px;
	height:	26px;
	}
#head h1 a	{
	display:	block;
	position:	absolute;
	width:	309px;
	height:	26px;
	}
#head p	{
	margin:	-30px 0 0 0;
	float:	right;
	width:	500px;
	text-align:	right;
	}


#footer	{
	margin:	0 auto 15px;
	width:	880px;
	padding:	40px;
	background:	#5b506a;
	}
#footer h3, #footer p	{
	margin:	0;
	color:	#d9cfe0;
	font-size:	14px;
	line-height:17px;
	}
#footer a	{
	color:	#d9cfe0;
	}
#footer .tiny	{
	color:#aaa2b5;
	}
#footer p {
	margin-bottom:8px;
	}


.intro	{
	font-size: 18px;
	line-height:29px;
	margin-bottom:	20px;
	font-weight: 100;
	}
.intro strong	{
	font-weight:400;
	}
.intro a	{
	text-decoration:	none;
	border-bottom: 1px solid #d2c4dd;
	padding:3px 3px 0 3px;
	}
.intro a:hover	{
	background: #d2c4dd;
	}

	
#head .student-links a	{
	padding:6px 13px 6px 35px;
	text-decoration:none;
	font-size:13px;
	color:#fff;
	background-color:#614784;
	border-radius: 25px;
	-moz-border-radius: 25px;
    -webkit-border-radius: 25px;
	font-family: 'Arvo', arial, serif; 
	
	}

#head a.social  { background-color:transparent; width:24px; padding:0px; margin-right:4px;  } 
#head a:hover.social { background-color:transparent !important; } 



#head .student-links  a:hover	  { background-color:#9a7dc2; }
#head .student-links .blog	      { background:#614784 url('img/icon-head-blog.png') 10px 50% no-repeat ; }
#head .student-links .faq	      { background:#614784 url('img/icon-head-faq.png') 10px 50% no-repeat; }
#head .student-links .newsletter  { background:#614784 url('img/icon-head-newsletter.png') 10px 50% no-repeat; }


.box p	{
	margin-top:	0;
	}
h1 > p	{
	margin-top:	0;
	}
table	{
	border-collapse:	collapse;
	margin-bottom:	15px;
	width:	100%;
	}
textarea	{
	width:	250px;
	height:	120px;
	}

td, th	{
	padding:	5px;
	border:	1px solid #e5e5e5;
	}
th	{
	background:	#EBEBEB;
	}
hr	{
	border:	0;
	border-top:	1px solid #bbb;
	clear:	both;
	margin:	20px 0;
	}


/* navigation */
#nav	{
	height:	38px;
	background:	#38195d url('img/navbg.jpg');
	margin: -40px -40px 30px -40px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	}
#nav ul, #nav li, ul.subnav, .subnav li	{
	list-style:	none;
	padding:	0;
	font-size:	12px;
	margin:	0;
	}
#nav li, .subnav li	{
	float:	left;
	}
#nav li a	{
	float:	left;
	display:	block;
	padding:	11px 20px 0px;
	height:	27px;
	color:	#fff;
	text-decoration:	none;
	border-right:	1px solid #392255;
	font:	normal 12px "lucida grande", sans-serif;
	letter-spacing: 2px;
	text-transform:	uppercase;
	}
#nav li a:hover	{
	background:	#402264;
	color:	#dcca54;
	}
#nav li a.selected, #nav li a.selected:hover	{
	background:	#402264 url('img/nav-arrow.png') 50% 0 no-repeat;
	color:	#dcca54;
	}

	ul.subnav	{
		height:	37px;
		background:	#402264;
		margin:-30px -40px 30px;
		-webkit-border-radius:	0;
		-moz-border-radius:	0;
		}
	ul.subnav.single	{
		margin-top:	0;
		}
	h1.subnav	{ /* title for student dashboard, etc. */
		background:	#402264;
		margin:-30px -40px 0px;
		color:	#fff;
		padding: 25px 0px 30px 20px;
		}
	ul.subnav li a	{
		float:	left;
		display:	block;
		padding:	9px 20px 9px;
		text-decoration:	none;
		color:	#fff;
		}
	ul.subnav li a	{
		color:	#c4a6e6;
		}
	ul.subnav li.selected a	{
		color:	#dcca54;
		background:	transparent url('img/nav-arrow-purple.png') 50% 37px no-repeat;
		height:	26px;
		}
	ul.subnav li a:hover	{
		color:	#fff;
		}

	.sidebar .subnav	{
		background:	#29173e;
		color:	#fff;
		}
	.sidebar .subnav ul	{
		margin:	0;
		padding:	0;
		}
	.sidebar .subnav li	{
		float:	none;
		}
	.sidebar .subnav li a	{
		display:	block;
		color:	#fff;
		border-top:	1px solid #20152c;
		}

#nav li a:hover	{
	background:	#402264;
	color:	#ead879;
	}
#nav li:first-child a	{
    -webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	}
#nav #search	{
	padding:	5px 10px 0px;
	float:	right;
	}
#nav #search input	{
	font-size:12px;
	border:0;
	padding:	5px;
	outline:	0;
	}

#nav li#logout a	{
	border:	0;
	border-left:	2px solid #e5e5e5;
	}


a.edit	{
	color:#599859;
	}
a.edit:hover	{
	color:#fff;
	background:#599859;
	border:0;
	}
.delete a	{
	color:	red;
	border-bottom:	1px solid red;
	}
.weak	{
	font-size:	80%;
	color:	#999;
	}

.box	{
	padding:	20px;
	background:	#fff;
	margin-bottom:	20px;
	}
.subfeatures .box, .stroke	{
	background:	transparent;
	xborder:1px solid #d9cfe0;
	}
.box.alt, .sub .box	{
	background:	#d9cfe0;
	}
.home.sub .box	{
	min-height:290px;
	}
a.block	{
	background:	#e5e5e5;
	text-align:	center;
	padding:	10px;
	}


.highlight	{
	padding:	10px;
	}
.highlight, .tinystat	{
	background:	#b4d7ed;
	color:	#204257;
	}
.total	{
	background-color:	#c6e7ba;
	color:	#345a24;
	padding:	10px;
	}
.left	{
	float:	left;
	width:	180px;
	padding-right:	10px;
	}
.break	{
	clear:	left;
	height:	100px;
	}

.clear	{
	clear:	both;
	}

.error	{
	color:	red;
	}
.plain	{
	list-style:	none;
	margin-left:	0;
	padding-left:	0;
	}
.plain li	{
	margin-left:	15px;
	}
td a	{
	text-decoration:	none;
	border:	0;
	}
.tiny	{
	font-size:	12px;
	}
.deem	{
	color:	#666;
	font-size:	11px;
	}
.note	{
	background:#ddd1eb;
	color:	#3e1f62;
	border:	10px solid #fff;
	}
input['type=text'], textarea	{
	font-size:	13px;
	padding:	3px;
	}

#nextprev	{
	clear:	both;
	margin-top:	20px;
	}
#nextprev a	{
	padding:	4px;
	margin-right:	4px;
	text-decoration:	none;
	border:	0;
	background:	#d7f0f7;
	}

/* comments on order detail */

.comments h2	{
	color:	#a39f89;
	}
.comment blockquote{
	font:	14px "Lucida grande", sans-serif;
    padding:	15px;
	background:	#e5e1ce;
	color:	#77735d;
    margin:	0;
    min-height:	40px;
	}
.comment	{
	margin-bottom:	20px;
	}
.comment .meta{
	margin:	0 0 0 ;
	font-size:	13px;
	background:	url('img/comment_line.png') no-repeat;
	padding:	15px 0 0 5px;
	color:	#77735d;
	}
.comment .date	{
	color:	#666;
	font-size: 12px;
	font-style:	italic;
	}
.comment_pic	{
	float:	left;
	margin:	0 15px 0 0;
	}

.comment_count	{
	float:	right;
	width:	50px;
	height:	47px;
	margin:	0;
	background: url('img/comment_line.png') 0 bottom no-repeat;
	}
.comment_count a	{
	width:	50px;
	height:	20px;
	text-align:	center;
	font:	18px georgia, serif;
	padding:	5px 0 8px;
	margin:	0;
	display:	block;
	background:	rgb(229, 242, 248);
	}



/* self-clear floats */
.group:after, .post:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
.last	{
	margin-right:	0;
	padding-right:	0;
	}
input[type=text].tiny	{
	width:	15px;
	}
.yellow	{
	background:	#b1b841;
	}
.purple	{
	background:	#3e1f62;
	}


#feature	{
	position:	relative;
	margin-bottom:	20px;
	color:	#fff;
	height:	210px;
	}
#feature .contents	{
	position:	absolute;
	z-index:	10;
	left:30px;
	width:	360px;
	}
#feature #controls	{
	position:	relative;
	z-index:	11;
	}
#feature .bg	{
	position:	absolute;
	top:	0;
	left:	0;
	z-index:	1;
	}
#feature .box, .transparent	{
	background:	transparent !important;
	}
#feature h2	{
	font-size:	28px;
	line-height:30px;
	color:	#fff;
	}
#feature a	{
	color:#fbebac;
	text-decoration:	underline;
	}
#feature h2 a 	{
	color:	inherit;
	}
#feature h2 a:hover	{
	color:#fbebac;
	}
#feature #controls	{
	margin:	0;
	position:	absolute;
	bottom:	20px;
	right:	20px;
	}
#feature #controls a	{
	background:	#4f2c7a;
	display:	block;
	width:10px;
	height:10px;
	margin:	0 0 0 10px;
	float:	left;
	text-decoration:	none;
	font-size:	12px;
	text-indent: -9000px;
	}
#feature #controls a:hover	{
	background:	#fff;
	}
#feature #controls a.activeSlide	{
	background:	#fff;
	}

#grad .box	{
	min-height:	270px;
	}

h2 a, h3 a	{
	text-decoration:	none !important;
	}


.box h2 img	{
	float:	right;
	margin-bottom:	10px;
	}





/* sub pages */
h2 .weak	{
	font-size:	80%;
	padding-left:	10px;
	}
.topics.box	{
	background:	#3e1f62;
	color:	#fff;
	}
.topics a, .topics h2	{
	color:	#fff;
	}
.post	{
	margin-bottom:	30px;
	border-bottom:	1px solid #e5e5e5;
	padding-bottom:	20px;
	}
.right	{
	float:	right;
	margin:0 0 25px 25px;
	}

/* grads */
h2 span	{
	color:	#735992;
	font-size:	80%;
	text-transform:	uppercase;
	letter-spacing:	2px;
	}
.random-grads .image, .recent-grads .image	{
	float:	right;
	}
.random-grads .post h3, .random-grads .post p, .recent-grads p, .recent-grads h3	{
	margin:	0;
	}
.random-grads .post	{
	margin:	0 0 10px 0;
	padding-bottom:	10px;
	font-size:	12px;
	color:	#6c5e7e;
	}
h3.states	{
	margin:15px 0;
	background:#d9cfe0;
	padding:5px;
	clear:both;
	}

.recent-grads .post	{
	float:	left;
	width:100%;
	margin-right:	20px;
	}
.recent-grads .image	{
	margin-left:	20px;
	}
.recent-grads img	{
	float:right;
	display:block;
	}


/* current-classes */
.current-classes h2 span	{
	color:	#d95827;
	}
.enroll	{	
	background:	#d95827;
	}
.current-classes .post img	{
	float:right;
	margin:0 0 15px 15px;
	}

/* dashboard */
.class-list .title	{
	font-size:	1.2em;
	display:	block;
	text-decoration: none;
	xcolor:#000;
	}
.class-list .title .enter	{
	font-size:	12px;
	color:	#1a88b1;
	text-decoration: underline;
	}
.class-list li	{
	padding-bottom:	10px;
	}
.date	{
	font-size:	.9em;
	color:	#6c5e7e;
	}
.greenhilite	{
	background:#58a55d;
	}
.paid	{
	/* green */
	color:#228f57;
	}

.why .box	{
	min-height:	140px;
	}
.reminder	{
	background: url('img/reminder.png') 0 50% no-repeat;
	min-height:35px;
	padding:5px 5px 20px 38px;
	color:#529757;
	border-bottom:1px solid #e5e5e5;
	font-size:11px;
	}

/* home page class features list */
.class-features ul, .class-features li	{
	margin:0;
	padding:0;
	list-style: none;
	}
.class-features h2 img	{
	position: relative;
	top:-5px;
	}

.class-features ul	{
	margin: 0 0 13px 0;
	}
.class-features li	{
	border-bottom:1px solid #e5e5e5;
	}
.class-features li span	{
	font-size:11px;
	color:#8c819a;
	}
.class-features li a	{
	display:block;
	margin:0;
	padding:4px 8px;
	text-decoration: none;
	}
.class-features li a:hover	{
	background:#cec9d4;
	}


ul.lined	{
	margin:0 0 15px 0;
	padding:0;
	}
.lined li	{
	margin:0;
	padding:0;
	list-style: none;
	border-bottom:1px solid #e5e5e5;
	}
.sub .lined li	{
	border-bottom:1px solid #c4b7ce;
	}
.lined li a	{
	display:block;
	margin:0;
	padding:4px 8px;
	text-decoration: none;
	}
.lined li a:hover	{
	background:#cec9d4;
	}
.sub .lined li a:hover	{
	background:#c4b7ce;
	}



/* form code; used on dashboard, account forms, and elsewhere */
form ul	{
	list-style: none;
	margin-left:0;
	padding-left: 25px;
	}
form li	{
	padding-bottom:11px;
	}
label	{
	width:150px;
	float:left;
	margin-right:10px;
	text-align: right;
	font-size:12px;
	}
input[type=text], input[type=password]	{
	padding:2px;
	font-size:14px;
	}
input.short	{
	width:30px;
	}
input.medium	{
	width:55px;
	}
li.optional label	{
	font-size:12px;
	opacity:.7;
	}


div	{
	xborder:1px solid red;
	}



/* roster boxes */
.roster-boxes div.span-3	{
	height:500px;
	overflow: auto;
	}
.roster-boxes select	{
	display:none;
	}



/* single grad page */
.single-grad .image img	{
	max-width:100%;
	}

/* admin strip */
#adminstrip {
	position: fixed;
	bottom:0;
	padding:10px;
	background:#402264;
	border-top:2px solid #5b506a;
	width:100%;
	z-index: 20;
	text-align: center;
	font-size:12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin:0;
	}
#adminstrip li	{
	display:inline;
	margin:0 5px;
	}
#adminstrip a	{
	color:#b3a4c4;
	background:#5e427f;
	padding:2px 6px;
	border-radius:	4px;
	text-decoration: none;
	}
#adminstrip a:hover	{
	xbackground:#000;
	color:#fff;
	}

/* bio on dashboard */
.bio img	{
	max-width:100%;
	}


/* home blog */
.blog	{
	margin-left:20px;
	}
.blog p	{
	margin-top:0;
	}
.author	{
	font-size:11px;
	color:#666;
	margin:0;
	}
.blog h3	{
	margin-bottom:5px;
	}
.blog .post img	{
	max-width:180px;
	}
.blog .image {
	float:left;
	width:180px;
	margin-left:-210px;
	text-align: right;
	}
.blog .post	{
	padding-left:210px;
	}
.lav	{
	background:url('img/lav-bg.jpg') bottom right no-repeat;
	}


/* gallery */
ul.gallery, ul.galleries	{
	padding:0;
    margin: 0 135px;
    padding: 0;
	}
.gallery li, .galleries li	{
	list-style: none;
	float:left;
    height: 200px;
    margin: 0 13px 10px;
    position: relative;
    width: 273px;
	}
.gallery li img {
	width:auto;
	height:auto;
	max-width:150px;
	max-height:90px;
	}
.galleries li	{
	position: relative;
	width:273px;
	height:200px;
	margin:0 10px 10px;
	}
.galleries img	{
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	}
.galleries a	{
	position: absolute;
	z-index: 2;
	display: block;
	width:100%;
	padding:80px 0;
	text-align:center;
	color:#fff;
	font-size:22px;
	font-weight: 800;
	text-decoration: none;
	}
.galleries li img {
	max-width:275px;
	max-height:200px;
	}
.gallery li a:hover, .galleries li a:hover {
	opacity:	.8;
	}

/* .single for single page content */
.single	{
	width:430px;
	margin:0 280px 0 130px;
	}


/* calendar */
.calendar-month	{
	font-weight:800;
	font-size:20px;
	}
.day-block span.day	{
	font-size:11px;
	}
.calendar td	{
	vertical-align: top;
	margin:0;
	padding:7px 10px;
	}

.thin	{
	font-weight: 100;
	}

.schedule h2	{
	margin-bottom:3px;
	}
.schedule h3	{
	margin:0 0 10px;
	}
.post.schedule {
	border:0;
	margin:0;
	border-top:1px solid #e5e5e5;
	padding-top:10px;
	}
.post.schedule:first-child {
	border-top:0;
	}
.details{
	xborder-top:2px solid #e5e5e5;
	margin:0;
	padding:0;
	}
.details li	{
	float:left;
	list-style: none;
	margin:0 15px 0 0;
	padding:8px 15px 8px 0;
	font-size:12px;
	}
.details span	{
	display: block;
	margin:0;
	font-size:16px;
	}
.details span.tiny	{
	font-size:11px;
	}
.schedule .title	{
	text-align: right;
	width:360px;
	padding:4px 20px 0 0;
	float:left;
	margin-right:20px;
	xborder-right:1px solid #e5e5e5;
	}
.details li:last-child	{
	border-right:0;
	padding-top:0;
	}
.details li.cost	{
	min-width:50px;
	}
.more_websites  {
display:none;
    }
	
.quote {
	background:  url('img/quote-top.jpg') top center no-repeat #D9CFE0;
	width: 280px;
	float:right;
	margin-left:20px;
}

.quote p, .quote div {
	padding:15px 15px 0;
	font-size:13px;
}

.quote .name {
	background:url('img/quote-btm.jpg') top center no-repeat;
	padding: 20px 10px 0 90px;
	height:36px;
	font-size:11px;
	font-style:italic;
}

#faq-search input[type='text'] {
	font-size: 12px;
	border: 1px solid #eee;
	padding: 5px;
	outline: 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width:300px;
}

#faq-search {
	margin-bottom:20px;
}

.faq-active {
	background:url('img/arrow-right.png') right center no-repeat;
	padding-right:22px;
	color:#DCCA54 !important;
}
.down-arrow {
  background: url("img/arrow-down.png") right top no-repeat;
  cursor:pointer;
}
.up-arrow {
  background: url("img/arrow-up.png") right top no-repeat;
  cursor:pointer;
}
h3.down-arrow, h3.up-arrow  {
	padding-right:20px;
}


#head .topbar { padding-left:610px; margin-right:0px; text-align:right; margin-bottom:40px; } 
.clear { clear:both; }

#head .topbar a {
	text-decoration:none;
}

a.top-btn span {
	background: url("img/btn-green-login.jpg") no-repeat scroll top left; 
	float: left;
	height: 35px;
	padding-left: 0px;
	margin-right: 5px;
	margin-left: 0px;
	text-decoration:none;
	color:#FFFFFF;
	outline:none;
	text-decoration:none;
	}
	
	a.top-btn span {
	text-decoration:none;
	background: url("img/btn-green-login.jpg") no-repeat scroll top right; 
	float: left;
	height: 35px; 
	position: relative;
	left: 0px;
	padding-right: 40px;
	padding-top: 0px;
	font-family: 'Arvo', arial, serif; 
	font-size:15px;
	cursor: pointer;
	line-height: 29px;
	padding-left:20px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	
	}
	a.top-btn:hover { background-position: left bottom; }
	a.top-btn:hover span { color: #ffffff; background-position: right bottom; text-decoration:none;}
	
	.panel { float:left; text-align:right; width:180px; /*font-family: 'Arvo', arial, serif;*/ padding-top:5px;} 
	.panel a:hover { color:#6b8c58; } 
	.panel a {padding-left:10px; }