/* General Structure */

/* Basic Structure */


/* Header */
#header #topnav.section
{
    background-color: #d1b3d1;
}

#header #topnav #first.section
{
    background: url(/topnav_left_corner-doit.gif) #ad77ad no-repeat left top;
}

#header #search.section
{
	background-color: #6f376f;
}

#header #atoz.section
{
    background: url(/toptools_curve_doit.gif) #ad77ad no-repeat left bottom;
}

/* Main navigation */

#mainnav a.selected
{
	color:#ffffff;
	background-color: #6f376f;
}


/* Bread Crum */

#breadcrumbs a.section
{
	color: #3466ff;
	font-weight:bold;
}

/* content */

#content #content_left #content_nav #breadcrum
{
	border: solid 1px #e6e4e5;
	margin: 0px;
	padding: 0px;
	
}

#content #content_left #content_nav #links
{
	border: solid 1px #e6e4e5;
	margin-top: 1px;
	padding: 0px;
}

#content #content_left #content_nav #breadcrum ul a 
{
	padding:5px 5px 5px 25px;
	color: #000000;
	background: url(/i-navigation-up-doit.gif) no-repeat 5px 7px;
	font-weight: bold;
	display: block;
	clear: both;
	margin:0;
}

#content #content_left #content_nav #breadcrum ul a:hover
{
	background:#d1b3d1 url(/i-navigation-up-o.gif) no-repeat 5px 7px;
	text-decoration: none;
}

#content #content_left #content_nav #links ul a 
{
	padding:5px 5px 5px 25px;
	color: #000000;
	display: block;
	clear: both;
	margin:0;
}

#content #content_left #content_nav #links a:hover
{
	background-color:#d1b3d1;
	text-decoration: none;
}


#content #content_left #content_nav #links li.selected a
{
	color: #6f376f;
	background:url(/i-navigation-right-doit.gif) no-repeat 7px 5px;
	font-weight: bold;
	
}

#content #content_left #content_nav #links li.selected a:hover
{
	background:#d1b3d1 url(/i-navigation-right-o.gif) no-repeat 7px 5px;
}


#content #content_left #content_main
{
	float: left;
	width: 360px;
	margin-left: 10px;
	font-size: small;
}

#content #content_right
{
	float: right;
	width: 207px;
}

#content #content_right #relatedarea
{
    margin: 0px;
	border: solid 1px #e6e4e5;
}
*.relatedarea
{
    margin: 0px;
	border: solid 1px #e6e4e5;
}


#content #content_right ul
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    list-style-type: none;
}


#content #content_right li
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 4px;
    padding-top: 3px;
}



/* Footer */


/* general classes */
.section
{
    color: #6f376f;
}

.grey_back
{
	background-color: #e6e4e5;
}

.grey_box_title
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.grey_box_body
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.search-button 
{
	color: #fff;
	background: url(go_search_do-it-online.gif) no-repeat center center;
	border: 0px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 90%;
	padding: 5px;
}



	/**************CATEGORIES****************/

.DIOCategories {
float: left;
padding-top:6px;
margin-bottom: 5px;
text-align:right;
background-color: #AD8AB8;
width: 280px; height: 27px; 


font-size: 11pt;
font-weight: bold;
color: white;
}


.DIOCategories:hover {
	
	color: #1C169E;
	text-decoration: none;
	}
	


/* CSS Document */

/* CSS for CIR created by MIMTech Ltd */

.floatLeft {
	float: left;
	position:relative;
	font-size: small;
}

.floatRight {
	float: right;
	position:relative;
}

/* Form presentation styles */


#formStyle1 {
	width: 100%;
}
#formStyle1_padding {
	font-size: medium;
}

.redText{
	color:#FF0000;
	font-size: small;
}


#formColumn3 {
	width: 33.3%;
	height: 472px;
	float: left;
	text-align: left;
	vertical-align: top;
	background-color: #D1B3D1;
}
#formColumn2 {
	width: 50%;
	float: left;
	text-align: left;
	vertical-align: top;
}
label {
	font-size: small;
}

.formFooter {
	float: left;
	width: 100%;
}

.formHeader {
	font-size: large;
	font-weight: bold;
	color: #6E366E;
	padding: 0 0 3px 0;
}

.eventPageHeader {
	font-size: large;
	font-weight: bold;
	color: #F53635;
	padding: 0 0 3px 0;
}

.activityPageHeader {
	font-size: large;
	font-weight: bold;
	color: #6E366E;
	padding: 0 0 3px 0;
}

.orgPageHeader {
	font-size: large;
	font-weight: bold;
	color: #24499A;
	padding: 0 0 3px 0;
}

.orgSmallHeader {
	font-size: small;
	font-weight: bold;
	color: #24499A;
	padding: 0 0 0 0;
}

.eventSmallHeader {
	font-size: small;
	font-weight: bold;
	color: #F53635;
	padding: 0 0 0 0;
}

.activitySmallHeader {
	font-size: small;
	font-weight: bold;
	color: #6E366E;
	padding: 0 0 0 0;
}

.formRow {
	float: left;
	width: 100%;
}

textarea {
	width: 85%;
}

.formAdminTop {
	float: left;
	width: 100%;
}
.formTopRowTextarea {
	width: 250px;
	float: left;
	text-align: center;
}
.footer {
	float: left;
}
#formColumn4 {

	width: 25%;
	float: left;
	text-align: left;
	vertical-align: top;
}
#formSimpleSearch {
	width: 90%;
	float: left;
	text-align: left;
	vertical-align: top;
	border: 1px solid #6F376F;
}

.formRow_colour1 {
	float: left;
	width: 100%;
	background-color: #D1B3D1;
	height: inherit;
}

.formRow_colour2 {
	float: left;
	width: 100%;
	background-color: #E6E4E5;
	height: inherit;
}

.formRow_padding {
	float: left;
	width: 98%;
	padding: 5px;
}

.divider_outer
{
	float: left; 
	width: 100%;
}
.divider
{
	font-size: 3px; 
	background-color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.form-item textarea 
{
	width: 250px;
}

/* CSS Classes used for Create Event Form */

.createEventFormUnit_outer
{
	float: left;
	width: 100%;
}
.createEventFormUnit_inner
{
	float: left;
}

.createEventFormTitle_outer
{
	float: left;
	width: 572px;
}
.createEventFormTitle_inner
{
	float: left;
	font-weight: bold;
	padding: 5px;
}

.createEventFormText_outer
{
	float: left;
	width: 100%;
}
.createEventFormText_inner
{
	float: left;
	padding: 5px;
}

.createEventFormRow_outer
{
	float: left;
	width: 100%;
}
.createEventFormRow_inner
{
	float: left;
	padding: 3px;
}

.createEventFormRowTitle_outer
{
	float: left;
	width: 200px;
}
.createEventFormRowTitle_inner
{
	float: right;
	font-weight: bold;
	text-align: right;
	font-size: 11px;
	padding: 3px 20px 3px 3px;
}

.createEventFormRowField_outer
{
	float: left;
	width: 62%;
}
.createEventFormRowField_inner
{
	float: left;
}

.createEventFormSubmitButtons_outer
{
	float; left;
	width: 100%;
}
.createEventFormSubmitButtons_inner
{
	float: left;
	padding: 20px;
	text-align: center;
}

.createEventFormRowText
{
	font-size: 11px;
}
.fontWeightNormal
{
	font-weight: normal;
}

.dottedLine {
	float: left;
	background-image: url("dottedline.gif");
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
	font-size: 0px;
}

.loginBox {
	float: left;
	width: 187px;
	background-color: #F5F0F6;
}

.contentBox {
	float: left;
	width: 100%;
	background-color: #F5F0F6;
}

.boxBorder {
	border: 1px solid #E6E4E5;
}

.boxHeader {
	background-color: #E6E4E5;
	border: 1px solid #F5F0F6;
	font-size: small;
	font-weight: bold;
	color: #693269;
	padding: 3px;
	height: 20px;
}

.eventBoxHeader {
	background-color: #E6E4E5;
	border: 1px solid #F5F0F6;
	font-size: small;
	font-weight: bold;
	color: #F53635;
	padding: 3px;
	height: 20px;
}

.activityBoxHeader {
	background-color: #E6E4E5;
	border: 1px solid #F5F0F6;
	font-size: small;
	font-weight: bold;
	color: #6E366E;
	padding: 3px;
	height: 20px;
}

.boxContents {
	float: left;
	width: 100%;
}
.boxContents_padding {
	padding: 5px 5px 0 5px;
}

.brClearAll{
	clear:all;
}

/* END - CSS Classes used for Create Event Form */