@import "verticalmenu.css";
/* Styles for 'simpleone' theme, updated 5 Dec 06 */
a:link, a:visited {
    text-decoration: none;
    color: #0000ff;
    }
a:active, a:hover {
    text-decoration: none;
    color: red;
    }
td.xar-norm { background: #fff;}
td.xar-alt {background: #f0f0f0;}
body {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 10px;
    background: #000000;
	min-width: 1024px;         /* 2 x LC width + RC width */
	margin: 0;
	padding: 0;
    }

div {font-size: 12px;}

img {border: none;}

textarea {border: solid 1px #000; padding: 2px;}

fieldset {
    border: solid 1px #e0e0e0;
    background: #fff;
    margin: 5px 0;
    padding: 15px;
    }
legend {
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
    min-width:10em;
    display:block;
    border: solid 1px #e0e0e0;
    color: #666;
    background: #f0f0f0;
    }
code {
    font-family:"Courier New", Courier, monospace;
    font-size: 11px;
    color:#660066;
    }
pre {
    font-family:"Courier New", Courier, monospace;
    font-size: 11px;
    color: #009900;
    font-weight: bold;
    }
	
h1, h2, h3, h4 {
    color: #000080;
    font-family: "Trebuchet MS", sans-serif;
    }

/*  XARAYA REQUIRED ANONYMOUS CLASSES  */

/* these defaults apply to the left block group */
.xar-block-head{
    text-align: center;
    border-bottom: dotted 1px #000;
    margin-bottom: 0px;
    }
.xar-block-title {
    font-family: "Trebuchet MS", sans-serif;
    font-weight: bold;
    color: #008080; 
    }
.xar-block-body {
    font-size: 10px;
    }
.xar-block-foot {
    margin-bottom: 10px;
    }

/* right block group classes */
.xar-block-head-right{
	background-image: url(../images/note_head.png);
	background-repeat: no-repeat;	
    text-align: center;
	margin-bottom: 0px;
    }
.xar-block-title-right {
	background-image: url(../images/note_fill.png);
	background-repeat: repeat-y;
    font-family: "Trebuchet MS", sans-serif;
    font-weight: bold;
    color: #800000;
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
    }
.xar-block-body-right {
	background-image: url(../images/note_fill.png);
	background-repeat: repeat-y;
	text-align: justify;
    font-size: 10px;
	margin-bottom: 0px;
	margin-right: 30px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 1px;
	padding-bottom: 5px;
    }
	
.xar-block-foot-right {
	background-image: url(../images/note_foot.png);
	background-repeat: no-repeat;	
    margin-bottom: 10px;
	height: 43px;
    }

/* topnav block group classes */
.xar-block-head-topnav {}
.xar-block-title-topnav {}
.xar-block-body-topnav {}
.xar-block-foot-topnav {}

/* center block group classes */
.xar-block-head-center{
    text-align: center;
    }
.xar-block-title-center {
    font-size: 16px;
    font-family: "Trebuchet MS", sans-serif;
    font-weight: bold;
    color: #008080;
    }
.xar-block-body-center {}
.xar-block-foot-center {
    margin-bottom: 10px;
    }
.xar-mod-head {}
.xar-mod-title {
    font-size: 18px;
    }
.xar-mod-body {
	padding-left: 10px;
	padding-right: 20px;
}
.xar-mod-foot {}
.xar-alt {
	background-image: url(../images/bluedither.png);
}
.xar-accent {
    background: #e0e0e0;
    }
.xar-alt-outline {}
.xar-accent-outline {
	border: solid 1px #000;
	background: #f0f0f0;
	}/* also provides background for comment bbcode box  */
.xar-norm-outline {}
.xar-norm {}
.xar-sub {
    font-size: 9px;
    color:#666;
    }

/* --------------------- THE MENU STYLES ------------------- */
.xar-menu-section {
    margin: 0;
    padding: 0;
    list-style:none;
    color: #003663;
    }
.xar-menu-section-current {
    margin: 0;
    padding: 0;
    list-style:none;
    color: #FFCC66;
    }
.xar-menu-item {
    list-style-type: square;
    color: #003663;
}
.xar-menu-item-current {
    color: #999; /* makes the bullet a lighter color */
}
.xar-menu-item .xar-menu-item-current a:link, .xar-menu-item .xar-menu-item-current a:visited {
    color: #999;
    }
.xar-menu-item .xar-menu-item-current a:active, .xar-menu-item .xar-menu-item-current a:hover {
    color: #999;
    }
.xar-menu-item:hover {
    color: red; /* makes bullet red when hovering over item */
}
/* ----- a little fun ----- */
.xar-menu-item a:link, .xar-menu-item a:visited {
    color: #003663;
    }
.xar-menu-item a:active, .xar-menu-item a:hover {
    color: #999;
    }
/* ---------- yay ---------- */
.xar-menu-subitem {
    color: #003663;
}
.xar-menu-subitem:hover {
    color: red;
    }
.xar-menu-subitem a:link, .xar-menu-subitem a:visited {
    color: #003663;
    }
.xar-menu-subitem a:active, .xar-menu-subitem a:hover {
    color: #999;
    }
.xar-menu-subitem-current {
    color: #999;
}
.xar-menu-item .xar-menu-item-current .xar-menu-subitem a:link, .xar-menu-item .xar-menu-item-current .xar-menu-subitem a:visited {
    color: #003663;
}
.xar-menu-item .xar-menu-item-current  .xar-menu-subitem  a:active, .xar-menu-item .xar-menu-item-current  .xar-menu-subitem  a:active {
    color: #999;
}
/* --------------------- END THE MENU STYLES --------------- */
.xar-title {
    font-size: 14px;
    }
.xar-error {}
/* theme specific styles */

/* ---------------- HEADER STYLES ------------------------------------- */
.header {
    background:url(../images/header/cwa_header.png) no-repeat #000000;
	background-position: center bottom;
	margin: 0 auto;
	margin-top: 0px;
    height: 150px;
    /* padding-left: 176px;
	padding-right: 176px; */
    font-family: "Trebuchet MS", sans-serif;
	width: 1024px;
	z-index: -20000;
    }
	
.holidayheader{
	top: 0;
	position: absolute;
	width: 1024px;
	height: 245px;
	min-width: 1024px;
	margin: 0 auto;
	z-index:1;
}

.holidayright{
width: 100%;
text-align: right;
}

.holidayleft{
width: 50%;
float: left;
text-align: left;
}
.sitelogo {
float:left;
left:20px;
position:relative;
top:4px;
z-index:1001;
}
.localbox {
display:inline;
float:left;
margin-left:35px;
margin-top:40px;
width:200px;
}
.titlenamea {
color:black;
font-size:30px;
font-weight:bold;
position:relative;
z-index:1;
}
.sloganbox {
display:inline;
float:right;
margin-top:57px;
margin-right:15px;
z-index:1;
}
.titlename {
color:black;
float:right;
font-size:26px;
font-weight:bold;
position:relative;
z-index:1;
}
	
.emboss-shadow {
display: block;
position:absolute;
top:-4px;
left:-2px;
color:black;
}
.emboss-highlite {
display: block;
position:absolute;
top:-2px;
left:-1px;
color: gold;
}





/* ----------------- BEGIN TOP NAV BAR STYLES ------------------------- */
.topnav {
    background: url(../images/header/topbar_gradient.png) repeat-x; 
    margin: 0;
    padding: 0;
    height: 25px; 
    border-top: solid 1px #000; 
    border-bottom: solid 1px #000;
	z-index: 1000;
} 
.topnav ul, .topnav li {
    display: inline;
    margin-left: 0;
    padding: 0px 15px; 
    list-style: none;
    background: none !important;/* this style prevents the 
        redundant li background = VERY IMPORTANT */
} 
/* -----------------------------------------------------------
VERY IMPORTANT: 
The .topnav ul, .topnav li is very important need this! It is
basically what controls the outer appearance of the menu. 
---------------------------------------------------------- */
.topnavblock {
    padding: 5px;
    margin: 0;
	text-align: center;
    }
.topnav ul {}
.topnav li {}
.topnav-menu-section {
    margin: 0 0 0 10px;
    padding: 0;
    list-style:none;
    display: inline;
    }
.topnav-menu-section ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
    }
.topnav-menu-section ul li {
    list-style: none;
    margin: 0;
    padding:0;
    display: inline;
	color: red;
	font-weight: strong;

    }
.topnavimg {
	margin-top: -23px;
}
.topnav-menu-item li {}
.topnav-menu-item-current { background: #fff !important; }
.topnav a:link, .topnav a:visited {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #000;
    padding: 5px 0px 5px 0px;
    z-index: 1001;

    margin-right:-1px; /* this style can make spaces between the buttons. In this case -1 is to prevent double left border width */
    border-collapse:collapse;
	position: relative;
    }
.topnav a:active, .topnav a:hover {
    color: red;
	background: url(../images/header/topbar_gradient.png) repeat-x;
    }
	
	
* html body .topnavimg {
	float: right;
	background-image: transparent;
}
/* ----------------- END TOP NAV BAR STYLES ------------------------- */


#xcontentcontainer {
	padding-left: 250px;      /* LC width */
	padding-right: 250px;     /* RC width */
	overflow: hidden;
	}

#xcontentcontainer .column {
	position: relative;
	float: left;
	padding-top: 20px;
	}
	
#xleftcol {
	width: 250px;	/* LC width */
	right: 250px;	/* LC width */
	margin-left: -100%;
	padding-left: 15px;
	padding-right: 0px;
	background: yellow;
	background: url(../images/cork.png) repeat-y;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
	}
	
#xcontent {
	width: 100%;
	background: url(../images/whiteboard.png) white repeat-y right;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */

    }
	
#xrightcol {
	width: 250px;	/* RC width */
	margin-right: -100%;
	background: url(../images/cork.png) repeat-y;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
    }

/*** IE6 Fix ***/
	* html #xleftcol {
	left: 250px;	/* RC width */
	}
	
	
.footer {
    font-size: 10px;
    color: #999;	
	background: black;
    text-align: center;
	bottom: 0;
	width: 100%;
	position: relative;
	clear: both;
	z-index: 99999;
    }
.footer a:link, .footer a:visited {
    text-decoration: none;
    color: #008000;
    }
.footer a:active, .footer a:hover {
    text-decoration: none;
    color: #A52A2A;
    }

/* --------------- RANDOM QUOTES BLOCK ------------- */
.quote_summary {
    font-style: italic;
    font-size: 10px;
    }
.quote_title { 
    color: #CC3333; /* author name */
    font-size: 10px;
    } 

/* --------------- BLOG SUMMARY AND DISPLAY TEMPLATES -------------- */
.blogtitle_summary {
    border-bottom: solid 1px #999; 
    border-top: solid 1px #999; 
    font-size: 14px; 
    padding: 3px;
    margin: 0;
    }
.blogtitle_summary h1 {
    margin: 0;
    padding: 0;
    }
.blogauthor {
    color: #999;
    font-size: 10px;
    margin-bottom: 10px;
    }
.blogcomments {
    margin-left: 10px; 
    font-style: italic;
    }
.blogsummary {
    font-size: 11px; 
    font-family: 'Courier New', Courier, mono; 
    color: #000; 
    padding: 5px;
    }
.blog_displaycontainer {
    margin: 0 20px 0 20px; 
    border: dashed 1px #999; 
    padding: 8px;
    }
.blog_displaytitle {
    margin-bottom: 20px; 
    background: #008080; 
    padding: 5px;
    font-size:14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    color: #fff;
    }

/* --------------- DOCUMENT SUMMARY & DISPLAY TEMPLATES --------------- */
.docs_displaytitle {
    margin-bottom: 5px; 
    background: #008080; 
    padding: 5px;
    font-size:14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    color: #fff;
    }
.docs_summarytitle {
    font-size: 12px;
    font-weight: bold;
    border-bottom: solid 1px #e0e0e0;
    }
div.docs_summarytitle h5 {
    float: right; 
    margin: -1.33em 3px 0 0; 
    padding: 0; 
    color: #667;
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    }
	
.docs_summarytitle a:link, .docs_summarytitle a:visited {color: #003663;}
.docs_summarytitle a:hover, .docs_summarytitle a:active {color: #ccc;}

/* --------------- FAQ SUMMARY & DISPLAY STYLES ---- */
h2.faq_title {
    padding: 0; 
    margin: 20px 0 0 0;
    }
h3.faq_title {
    padding: 0; 
    margin: 0 0 10px 0;
    border-bottom: dotted 1px #666;
    }
.faq_title a:link, .faq_title a:visited {color: #003663;}
.faq_title a:hover, .faq_title a:active {color: #ccc;}
faqsummary_wrapper {
margin-bottom: 20px;
} /* -- this is the wrapper around the entire summary on
    user-summary-faq ---- */
.faq_summarybody {
    margin: 0 15px;
    }
.faq_sumsum {
    font-style: italic;
    margin: 0 10px 15px 10px;
    }
.faq_sumbody {}
.faq_displaywrapper {
    margin: 0 10px 30px 10px;
}
.faq_displaysummary {font-style: italic;}
.faq_submittedby {
    font-size: 10px;
    color: #999;
    }
.faq_displaybody {margin: 20px 0 0 0;}
.faq_nexttag {float: right; margin: 0 15px 0 15px;}
.faq_prevtag {float: right;}

/* --------------- COMMENTS STYLES ----------------- */
div .xar-ib-actionpanel.xar-accent {
    border: solid 1px #000;
  	background: url(../images/bbcodepanel_bg.png) repeat-x;
    }
.xar-ib-actionpanel {
    width: 14em;
    float: right;
    padding: 0 .25em;;
    height:19em;
    margin: 10px 5px 10px 5px;
}
input.xar-ib-field, textarea.xar-ib-fieldtext {
    border: solid 1px #000;
    margin: 10px auto;
    width: 90% !important;
    font-family:"Courier New", Courier, monospace;
    font-size: 12px;
}

.xar-cm-note {} /* the font for 'not responsible for comments...etc */

.xar-ib-wrapper {
    margin: 0;
    padding: .25em;
    height: 21em !important;
}

/* --------------- REGISTRATION BLOCK -------------- */
.rlogin_input {
    width: 100px;
    border: solid 1px #008080;
    }

/*---------------- TOP ITEMS BLOCK ----------------- */
.topitemsblock {
	list-style-type: none;
	font-size: 10px;
	margin: 0;
	padding: 0;	
	}
.topitemsblock ul {
	list-style-type: square;
	margin: 0 10px 0 15px;
	padding: 3px;
	}	
.topitemsblock ul li {
	list-style-type: square;
	margin: 0;
	padding: 0;
	}
	
/* --------------- USEFUL STYLES ------------------- */
.fauxpadding {
    margin: 5px;
    }
.hidden { visibility: hidden;}
.clearboth { clear: both; }
.clearright { clear: right; }
.clearleft {clear: left; }
.bordered_input {border: solid 1px #008080;}
.xar-standard-box-padding{

	padding: 0;
	margin: 0;
	}

/* ---------- TINYMCE STYLES FOR STYLE DROPDOWN ---------- */
.highlighter {
    background: yellow;
    font-style: italic;
    color: #000;
}

.path {
    font-family: "Courier New", Courier, monospace;

    color: brown;
    font-size: 1.2em;
    font-weight: bold;
}
.inverse {
background: #000;
color: #fff;
}

/* ---------------- other interesting styles for forms ------------ */
 .xar-form-input-wrapper input {
border: solid 1px #000;
} /* adds border around the name, email, and organization input boxes */
.xar-form-input-wrapper select {
border: solid 1px #000;
} /* adds a border around the select menu */    

/* more styles for forms --------------------------------- */
.xar-form-label {
border-bottom: dotted 1px #000;
}


/* end the styles for forms ----------------------------- */
.frameadjm10 {
margin-left: -10px;
}

/*triangle divs */


#triangleslide {
position: relative;
padding-top: 113px;
z-index: 1;
height: 348px;
}

#triangle {
z-index: 999999999;
position: absolute;
margin: -461px auto;
height: 448px;
width: 100%;
}

.trishow{

}
 /* Unionist tiles */
 .pl_black{
	background-image: url(../../../images/unionist/black_tile.png);
	background-repeat: repeat-x;
	height: 40px;
	margin-top: 5px;
	font-weight: bold;
	color: 	#EEDD82;
	line-height: 40px;
	width: 150px;
	text-align: center;
 }
 
 .pl_brass{
	margin-top: 2px;
 	background-image: url(../../../images/unionist/brass_tile.png);
	background-repeat: repeat-x;
	height: 30px;
	width: 150px;
	line-height: 30px;
	text-align: center;
 }
 
 .pl_span{
   padding: 5px;
   float: left;
 }