/* --------------------------------------------------------------

    base.css

    Author: 
    Date: 

    This is the main stylesheet 
    
    +top

--------------------------------------------------------------

  +Resets default browser CSS styles

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

/* --------------------------------------------------------------

    +Default Styles

-------------------------------------------------------------- */

body { 
	margin:0;
	padding:20px;
	height:100%;
	font-size: 0.8125em;
	font-family: verdana,sans-serif;
	color: #666666;
}

body.mainbody {
	margin:0;
	padding:0;
	text-align: center;
	background-image:url(/images/structure/bottom-gradient.jpg);
	background-color:#360036;
	background-position:bottom;
	background-repeat:repeat-x;
	background-attachment:fixed;
}

.floatleft, .float-left { float: left; }
.floatright, .float-right { float: right; }

.clear { clear: both; }
.clear-floats { clear: both; font-size: 1px; }

hr { height:1px; }

small { font-size: 0.88em; line-height:1em }

/* --------------------------------------------------------------

    +Layout
    
    -- This is the optimum layout for 1024px
    -- Individual column width 93px
    -- 9 column layout
    -- margin 14px

-------------------------------------------------------------- */

#top 		{ width: 100%; margin: 0 auto; padding: 0; position: relative; }
#shell 	{ width: 933px; margin: 0 auto; position: relative; }
#page 	{ background:url(/images/structure/logo.gif) no-repeat; float:left; width:933px; text-align: left; }
#content { float:left; width:788px; background-color:#fff; padding:10px 0 10px 10px; }
#header {	 }


.col { float: left; margin:0 14px 5px 0; width: 146px; padding-bottom: 5px; }
.box .col { padding-bottom: 0; margin-bottom:0; }
.floatright { float: right; }

.span-1 { width: 116px; }
.span-2 { width: 250px; }
.span-3 { width: 382px; }
.span-4 { width: 514px; }
.span-5 { width: 646px; }
.span-6 { width: 778px; }

div.last, .col .last	{ margin-right: 0; }

/* --------------------------------------------------------------

    +Footer

-------------------------------------------------------------- */

#footer {
	text-align:right;
	clear:both;
	float:left;
	width:100%;
	background-image:url(/images/structure/bottombar.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:20px 0;
	height:100px;
	margin-top:20px;
	font-size: 0.88em;
	color:#CC66CC;
}

/* --------------------------------------------------------------
		
		+Overwrite Styles 
		
    Add these class names to clear any margins, paddings or floats
    Keep these declarations at the BOTTOM of this stylesheet

-------------------------------------------------------------- */

.clear-floats { clear: both; font-size: 1px; height: 1px; line-height: 0px; }

.bold 	 	{ font-weight: bold; margin: 0; }
.quiet 	 	{ font-weight: lighter; text-transform: none; letter-spacing: 0; color:#999; }
	.vevent .span-1 p.quiet 	 	{ text-align:right; }
	.span-4 p.quiet 	 	{ text-align:left; }
	.dark .quiet 	 	{ color:#ccc; }
.quieter 	 	{ font-weight: lighter; text-transform: none; letter-spacing: 0; color:#ccc; }
	.quieter a 	 	{ color:#ccc; }
.last 		{ margin-right: 0; }
.half 		{ width: 50%; }
.full 		{ width: 100%; }
.left 		{ float: left; }
.italic 	{ font-style: italic; letter-spacing: 0.04em; }

.no-marg 			{ margin: 0; }
.no-pad 			{ padding: 0; }

/* --------------------------------------------------------------

    +Typography + Headings

-------------------------------------------------------------- */

p { margin-bottom: 1.5em; }
p, blockquote, dd, dt, table { font-size: 1em; line-height: 1.4em; }
ul, ol { font-size: 1em; line-height: 1.4em; }
strong { font-weight:bold; }

/* Links -------------------------------------------------- */

a:link { color: #bf1fbf; text-decoration:none; }
a:visited { color: #a34ca3; text-decoration:none; }
a:hover, a:visited:hover { text-decoration:underline; }


/* BASIC FORM */

form.dsForm { margin:0; }
form.dsForm fieldset { padding:5px 0 0 0; border-width:0; }
form.dsForm fieldset.bdr { margin-bottom:10px; border-width:1px; border-style:solid; border-color:#ccc; }
form.dsForm fieldset legend { padding: 0 14px 0 14px; font-size:1em; font-weight:bold; }
form.dsForm fieldset ol { margin: 0; padding: 0; }
form.dsForm fieldset ol li { list-style: none; padding: 5px 14px; margin: 0; }
form.dsForm fieldset ol li label { width: 170px; display: block; float: left; vertical-align: top; }
form.dsForm fieldset ol li label span { width:170px; display:block; }
form.dsForm fieldset ol li:hover { color:#000; }
	form.dsForm fieldset ol li.shade:hover,
	.shade form.dsForm fieldset ol li:hover { background-color:#e0e0e0; }
	form.dsForm fieldset ol li.warn:hover,
	.warn form.dsForm fieldset ol li:hover { background-color:#eac5c5; }
	.warn form.dsForm fieldset ol li.hi:hover { background-color:#d89b9b; }
form.dsForm fieldset ol li:hover label { color:#000; }
form.dsForm fieldset li.hi { margin-top:5px; }
form.dsForm fieldset fieldset { border: none; margin: 3px 0 0; }
form.dsForm fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.dsForm fieldset fieldset label { display: block; width: auto; margin-left: 175px; }
form.dsForm em { font-weight: bold; font-style: normal; color: #f00; }

#DsForm1 { margin:0; }
#DsForm1 fieldset { padding:5px 0 0 0; border-width:0; }
#DsForm1 fieldset.bdr { margin-bottom:10px; border-width:1px; border-style:solid; border-color:#ccc; }
#DsForm1 fieldset legend { padding: 0 14px 0 14px; font-size:1em; font-weight:bold; }
#DsForm1 fieldset ol { margin: 0; padding: 0; }
#DsForm1 fieldset ol li { list-style: none; padding: 5px 14px; margin: 0; }
#DsForm1 fieldset ol li label { width: 170px; display: block; float: left; vertical-align: top; }
#DsForm1 fieldset ol li label span { width:170px; display:block; }
#DsForm1 fieldset ol li:hover { color:#000; }
	#DsForm1 fieldset ol li.shade:hover,
	.shade #DsForm1 fieldset ol li:hover { background-color:#e0e0e0; }
	#DsForm1 fieldset ol li.warn:hover,
	.warn #DsForm1 fieldset ol li:hover { background-color:#eac5c5; }
	.warn #DsForm1 fieldset ol li.hi:hover { background-color:#d89b9b; }
#DsForm1 fieldset ol li:hover label { color:#000; }
#DsForm1 fieldset li.hi { margin-top:5px; }
#DsForm1 fieldset fieldset { border: none; margin: 3px 0 0; }
#DsForm1 fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
#DsForm1 fieldset fieldset label { display: block; width: auto; margin-left: 175px; }
#DsForm1 em { font-weight: bold; font-style: normal; color: #f00; }

input.button {
	background:#641E66;
	margin-left:170px;
	color:#fff;
	font-size:100%;
	font-family:verdana, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px outset #fff;
	cursor:pointer;
	padding:3px 5px;
}
input.button:hover {
	background:#CC66CC;
}
input.button:active {
	border:1px inset #fff;
}

/* --------------------------------------------------------------

    +Navigation

-------------------------------------------------------------- */

/* Left Menu */

#leftMenu { float:left; width: 135px;}
#leftMenu p { color: #fff; text-align:right;padding-right:10px; }
#leftMenu ul {
	margin:0;
	padding:0;
	color: #fff;
	list-style:none;
	padding-right:10px;
	}

#leftMenu ul li, #leftMenu ul ul li {
	text-align:right;
	text-transform:uppercase;
	padding:0;
	margin:0;
}

#leftMenu ul li {
	font-weight:bold;
	margin-top:1em;
}

#leftMenu ul ul li {
	font-weight:normal;
	margin-top:0.5em;
}

#leftMenu a { color: #cc66cc; text-decoration:none; }
#leftMenu a:hover { color: #cc66cc; text-decoration:underline; }


	/* Secondary Menu within the Left Menu */

	#secMenuOuter { background:url(/images/structure/secmenu/bottom-bkgd.gif) bottom left no-repeat #fff; }
	#secMenuInner { background:url(/images/structure/secmenu/top-bkgd.gif) top left no-repeat }

	#secMenuInner ul { padding:10px 5px 10px 10px; }
	#secMenuInner ul li { margin:1px 0; padding:4px 2px; text-transform:none; border-top:1px solid #eee; }
	#secMenuInner ul ul { padding:5px 0 5px 0; }
	#secMenuInner ul ul li { margin:1px 0; padding:4px 4px; text-transform:none; border-top:0; }

/* Headings -------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: bold;
	clear: none;
	line-height: 1.5em;
	}
	
h1 { font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size:3.00em; margin-bottom: 0.667em; color:#000; }
h2 { font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size: 2.60em; margin: 20px 0 5px 0; }
h3 { font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size: 1.50em; margin-bottom: 5px; }
h4 { font-size: 1.4em; line-height: 1.4em; }
h5 { font-size: 1.2em; margin-bottom: 1.2307em; }
h6 { font-size: 1.1em; margin-bottom: 1.5em; }

	/* Column typography */
	
	.col p, .col table { padding:0; margin:0.5em 10px 1em 10px; }
	.col dt { padding:0; margin:0.5em 10px 0 10px; }
	.col dd { padding:0; margin:0.5em 10px 0.5em 20px; }
	.col blockquote { padding:5px 20px; margin:0.5em 10px 1em 10px; }
	.col ul, .col ol { padding:0 0 0 1.4em; margin:0.5em 10px; }
	.col h1, .col h2 { margin: 20px 10px 5px 10px; }
	.col h3 { clear:both; padding:1em 0 5px 0; margin:0 10px; }
	.col h4, .col h5, .col h6 { padding:5px 0 0 0; margin:0 10px 5px 10px; }
	.col dd h4, .col dd h5, .col dd h6 { padding:0; margin:0; }
	.col dd p { padding:0; margin:0; }

	.col ul.vcalendar, ul.vcalendar, ul.vcalendar ul { margin: 0; padding: 0; list-style:none; }

	/* Module typography */
	.module h3 {  padding:5px 10px; margin:0; background-image:url(/images/structure/feature/heading-bg.gif); background-repeat:repeat-x; background-position:top; background-color:#742376; }
	.module h3 { color:#ccc; }
	.module h3 a:link { color:#fff; }
	.module h3 a:visited { color:#ccc; }

	.hi { background:#e5def2 }
	.shade { background:#e6e6e6; }
	
	.dark { color:#ccc; background-color:#000; }
	.dark a, .dark h1, .dark h2, .dark h3, .dark h4 { color:#fff; }
	
	.dark .hi { background:#641E66 }
	.dark .shade { background:#333333 }

			/* Info */
			.bloc ul, ul.bloc { margin:0.8em 10px; padding:0; list-style:none; }
			.bloc ul li, ul.bloc li { clear:both; display:block; width:100%; margin-bottom:2px; padding-top:2px; }
			.bloc ul li img, ul.bloc li img { margin:-2px 10px 5px 0 }
			.bloc ul li strong, ul.bloc li strong { text-transform:uppercase; }

/* --------------------------------------------------------------

    +Images

-------------------------------------------------------------- */

.media img { float:left; margin:10px; border-width:1px; border-style:solid; border-color:#CCC; padding:1px; }
.media a img { border-color:#bf1fbf; }
.media a:hover img { background-color:#bf1fbf; }

/* --------------------------------------------------------------

    +Content Elements

-------------------------------------------------------------- */

	/* Feature bar */

.featurebar {
	background-position:left;
	background-repeat:no-repeat;
}

.featurebar h2 {
	text-align:right;margin-top:40px; padding-right: 10px;
}

/* Utilities */
ul ul ul.util, ul.util { margin:0.8em 10px; padding:0; list-style:none; }
ul.util li { margin-bottom:5px; font-size: 0.87em; line-height:1em; }
ul.util li a { background-repeat:no-repeat; background-position:top left; display:block; height:12px; padding-left:20px; }
.dark ul.util li a { background-position:bottom left; }
ul.util li a:hover { background-position:bottom left; }
.dark ul.util li a:hover { background-position:top left; }

			ul.inline-list { padding-bottom:5px; }
			ul.inline-list li { float:left; margin-right: 7px; }