/* GLOBAL STYLES */
@import url(global.css);

/* UNIQUE TO SUBPAGE */
#sidebar 					{ background: url(../images/textarea-bg.gif) repeat-y; }
.nav 						{ background: #183F76 url(../images/bg-sub-nav.jpg) no-repeat 0 100%; }
.textarea					{ width: 734px; font-size: 1.5em; line-height: 1.4em; float: right; }
.titlebar					{ background: #20549e url(../images/bg-html.jpg) no-repeat 71% 45.55%; border-bottom: 3px solid #97366b; }
.abouttitlebar 				{ background: #20549e no-repeat 71% 45.55%; border-bottom: 3px solid #97366b; }
.abouttitlebar h1			{ width: 394px; font-weight: normal; color: #FFF !important; font-size: 2em !important; margin: 0; padding: 20px; float: left; }
.titlebar h1				{ width: 394px; font-weight: normal; color: #FFF !important; font-size: 2em !important; margin: 0; padding: 20px; float: left; }
.titlebar p					{ width: 734px; color:#FFF; font-size:1.4em; }
.large						{ font-size: 1.5em; font-weight: normal; }
.textarea p:first-child		{ margin-top: 0; }
.textarea h1				{ font-weight: normal; color: #97366b; font-size: 1.6em; line-height: 1.2em; }
.textarea h2				{ color: #000; font-size: 1.1em; line-height: 1.3em; }
.textarea ul				{ margin: 25px 0; }
.contentarea				{ padding: 20px; }
.contentarea li				{ margin-left: 40px }
.box 						{ padding: 0; }
#footer 					{ width: 779px; padding: 10px 0 20px 180px; }

/* MooTools Accordian (for the win!) */
#accordion 						{ width: 100%; }
h3.toggler 						{ cursor: pointer; background: #20549e; color: #FFF; margin: 10px 0 !important; padding: 5px; }
.toggler small					{ font-size: 0.7em; }