/* *** [Reset] ******************************************************************** */
* 														{ margin: 0; padding: 0 }
body													{ background: url(../Images/Backgrounds/bg-body.png) top left repeat-x #505c83; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; color: #113275;}
h1, h2, h3 												{ color: #20778F; font-weight: bold; }
h1 														{ font-size: 12pt;  }
h2 														{ font-size: 10pt; margin: 0 0 20px 0; }
h3 														{ font-size: 12px; }
h4                                                      {}
h5                                                      {}
h6                                                      {}

hr 														{ width: 400px; margin: 15px auto; border: 0; border-bottom: 2px dotted #000; clear: both; }
p 														{ font: 9pt/11pt Arial, Helvetica, sans-serif; margin-bottom: 1.5em; }
ul 														{ list-style: none; }
blockquote 												{ }
a	 													{ color: #0070B9; text-decoration: underline; font-size: 11px; }
a img 													{ border: 0; }
a:focus 												{ }
a:visited 												{ color: #4EA9E3; }
a:active 												{ }
a:hover 												{ color: #20778F; }
/*a:focus {outline: 2px solid gold !important;}*/
fieldset 												{ border: 0; }

/* *** [Homepage] ******************************************************************** */

/* ---[ Sharepoint Tools ]--------------------------------------------- */
#sp-header 													{ width: 100%; }
span.container-sharepoint-panel								{ display: block; }
span.container-sharepoint-panel div.init 					{ position: absolute; top: 0; z-index: 1; }
#sp-tools													{ height: 30px; background-color: #f7ffff; }
#sp-tools-login												{ float: left; padding: 5px 15px 0 5px; }
#sp-tools-action-menu										{ float: right; padding: 5px 15px 0 5px; }
#container-sharepoint-authoring-panel						{ display: block; }
#container-sharepoint-authoring								{ /*margin-top: -14px;*/}
#container-sharepoint-authoring table.ms-consoleframe		{ border: none; padding-bottom: 20px; background: url(../Images/Backgrounds/bg-sharepoint-authoring.png) repeat-x bottom left; }
#container-sharepoint-authoring table.ms-consolestatusframe	{ border-bottom: none; }

/* *** [Usable Classes] ******************************************************************** */
.offs 														{ position: absolute; left: -9999px; top:0; } /* offs = offscreen */
.btn {}

/* ---[ Clearfix <http://positioniseverything.net/easyclearing.html> ]-------------------------------------------------- */
.clearfix:after  											{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix                       						    { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix         									{ height: 1%; }
.clearfix                        							{ display: block; }
/* End hide from IE-mac */

/* *** [Master Layout] ******************************************************************** */

/* ww = wrapper of the wrapper */
#ww 														{ width: 762px; text-align: left; margin: 0 auto; }

/* wc = content wrapper */
#wc 														{ position: relative; width: 760px; }


/* *** [Generic Layout - Header] ******************************************************************** */
#hd 														{ position: relative; border-left: #fff solid 1px; border-right: #fff solid 1px; width: 758px; height: 266px; }
#logo			        									{ background: url(../Images/Logos/lg-waca.png) 0 0 no-repeat; position: absolute; width: 161px; height: 48px; top: 15px; left: 15px; }

/* *** [Generic Layout - Main navigation] ******************************************************************** */
#mn-nav 													{ background-color: #8f98ab; position: absolute; bottom: 0; width: 758px; height: 30px; border-top: #cbd7e7 solid 1px;  border-bottom: #dbe3f6 solid 1px; text-align: center; }
#mn-nav ul li												{ float: left; width: 126px; height: 29px; }
#mn-nav ul li.last											{ width: 128px;  }
#mn-nav ul li.last a										{ background: none; width: 128px; }
#mn-nav ul li a												{ background: url(../Images/Backgrounds/bg-sep.png) top right repeat-y; color: #fff; display: block; width: 126px; height: 30px; line-height: 29px; font-weight: bold; font-size: 11px; text-decoration: none; }


/* *** [ Generic Layout - SUB NAVIGATION ] ******************************************************************** */
 #sub-nav 									                { position: absolute; top: 0; right: 0; clear: both; width: 112px; margin-top: 5px; }
 #sub-nav li								                { float: left; margin-right: 15px; }
 #sub-nav li a								                { color: #fff!important; text-decoration: none; font-size: 9px; }
 #sub-nav li a:hover										{ text-decoration: underline; }

/* *** [Generic Layout - CONTENT] ******************************************************************** */
#ct 										{ position: relative; background: url(../Images/Backgrounds/backgrounds.png) 0px -30px no-repeat #fff; width: 758px; padding-bottom: 60px; border: #fff solid 1px; border-top: none; }
#ct a										{ font-size: 12px; }
#ct h1										{ margin-bottom: 20px; }

.ct-txt										{ padding: 20px 10px 0 10px;  }
.ct-txt ul									{ margin-bottom: 20px; }
.ct-txt ul li								{ padding: 0 0 0 10px; margin-bottom: 0.2em;  }
.ct-txt ol 									{ margin-bottom: 12px; }
.ct-txt ol li								{ margin-left: 50px;   }
.ct-txt ol li ul							{ margin-left: 10px;   }

/* table layout */
/* Table must has a class. Otherwise its will cause conflicts with Sharepoint components */
#ww table.custom 									{ width: 720px; font-size: 11px; margin-top: 5px; border-collapse: separate; border-spacing: 1px; }
#ww table.custom a									{ font-size: 11px!important; }
#ww table.custom td,									
#ww table.custom th								    { padding: 5px; text-align:left; vertical-align: top; line-height: 15px; }

#ww table.custom thead								{ color: #fff; font-weight: bold; }
#ww table.custom strong							    { font-weight: bold; display: block; }
#ww table.custom span								{ display: block; margin-top: 2px; }


#ww table.custom .date								{ width: 110px; }
#ww table.custom .event							    { width: 360px; }
#ww table.custom .club								{ width: 80px; }
#ww table.custom .dead								{ width: 80px; }
#ww table.custom .cost								{ width: 80px; }

#ww table tbody tr							        { background-color: #f1f2f9; }
#ww table tbody tr.alt						        { background-color: #e6eaf4; }




/* *** [ Generic Layout - FOOTER] ******************************************************************** */
#ft 										{ position: relative; width: 760px; height: 40px; background-color: #c3c9d5; margin-bottom: 20px; }
#ft p										{ position: absolute; top: 15px; right: 15px; color: #fff;  }



/* *** [Layout for HOME Page ] ******************************************************************** */

#ww-hp 										{ width: 760px; text-align: left; margin: 0 auto 0 auto; }
#wc-hp			 							{ position: relative; width: 760px; height: 310px;  background: url(../Images/Backgrounds/backgrounds.png) left bottom no-repeat ; }
#hd-hp 										{ position: relative; width: 760px; height: 281px; }

#logo-hp			        				{ background: url(../Images/Logos/logos.png) 0 0 no-repeat; position: relative;  width: 161px; height: 48px; margin-bottom: 30px; }

#ww-hp #mn-nav									{ background-color: #8f98ab; position: absolute; bottom: 0; left: 0; width: 758px; height: 45px; border-top: #cbd7e7 solid 1px;  border-bottom: #8e96ad solid 1px; border-left: #afb5c3 solid 1px; border-right: #afb5c3 solid 1px; text-align: center; }
#ww-hp #mn-nav ul li							{ float: left; width: 124px; height: 45px; }
#ww-hp #mn-nav ul li.last						{ width: 138px; }
#ww-hp #mn-nav ul li.last a						{ background: none; width: 138px; }
#ww-hp #mn-nav ul li a							{ background: url(../Images/Backgrounds/bg-sep.png) top right repeat-y; padding-top: 15px;  color: #fff; display: block; width: 124px; height: 30px; line-height: 14px; font-weight: bold; font-size: 12px; text-decoration: none; }
#ww-hp #mn-nav ul li a:hover					{ background-color: #5f6b84; }

/* *** [Layout for Base Page With Current Nav  ] ******************************************************************** */

/* [Column  in the content ] */
.cn .ct-txt									{ float: left; width: 500px;  padding: 20px 0 0 10px;  }


/* [Content navigation]  */
 #ct-nav									{ float: right; width: 170px; padding-bottom: 27px; margin: 22px 0px 0 0px; }
 #ct-nav li									{ width: 170px; line-height: 15px; border-bottom: #fff solid 1px; }
 #ct-nav li.last							{ border-bottom: none; }
 #ct-nav li a								{ width: 158px; font-size: 8pt; padding: 7px 2px 7px 10px; display: block; text-decoration: none; color: #fff; }


/* *** [Layout for Two Columns page  ] ******************************************************************** */
.col-1 										{ width: 345px; float: left; margin-top: 15px; padding-right: 10px; }
.col-1 h3 									{ color: #113275;  }

.col-2 										{ width: 365px; float: right; margin-top: 15px; }
.col-2 h3 									{ color: #113275; }



/* *** [Color Theme Management] ******************************************************************** */

/* teal section - [About Us] */
.teal #hd 													{ background: url(../Images/Backgrounds/bg-about.jpg) 0 0 no-repeat; }
.teal #mn-nav ul li a:hover									{ background-color: #20778F; }
.teal .ct-txt a:hover										{ color: #20778F; }

.teal table.custom thead											{ background-color: #20778F; }

.teal #ct h1,												
.teal #ct h2												{ color: #20778F; }

.teal #ct-nav												{ background: url(../Images/Backgrounds/bg-subnav-end.png) bottom left repeat-x; }
.teal #ct-nav li a											{ background-color: #5CA7BA; }
.teal #ct-nav li a:hover									{ background-color: #548AA4; }

.teal .ct-txt ul li											{ background: url(../Images/Icons/icons.png) 0 -330px no-repeat; }
.teal .ct-txt ol li											{ background: none; padding: 0; }


/* fern-green section - [Our Purpose] */
.fern-green #hd 											{ background: url(../Images/Backgrounds/bg-purpose.jpg) 0 0 no-repeat; }

.fern-green #mn-nav ul li a:hover							{ background-color: #476731; }
.fern-green .ct-txt a:hover									{ color: #476731; }

.fern-green table.custom thead								{ background-color: #476731; }



.fern-green #ct h1,												
.fern-green #ct h2											{ color: #476731; }

.fern-green #ct-nav											{ background: url(../Images/Backgrounds/bg-subnav-end.png) bottom left repeat-x; }
.fern-green #ct-nav li a									{ background-color: #5CA7BA; }
.fern-green #ct-nav li a:hover								{ background-color: #476731; }

.fern-green .ct-txt ul li									{ background: url(../Images/Icons/icons.png) 0px 5px no-repeat; }
.fern-green .ct-txt ol li									{ background: none; padding: 0; }



/* sangria section - [Event Calendar] */	
.sangria #hd 												{ background: url(../Images/Backgrounds/bg-events.jpg) 0 0 no-repeat; }
.sangria #mn-nav ul li a:hover								{ background-color: #9b2e11; }
.sangria .ct-txt a:hover									{ color: #9b2e11; }

.sangria table.custom thead										{ background-color: #9b2e11; }

.sangria #ct h1,												
.sangria #ct h2												{ color: #9b2e11; }

.sangria #ct-nav											{ background: url(../Images/Backgrounds/bg-subnav-end.png) bottom left repeat-x; }
.sangria #ct-nav li a										{ background-color: #5CA7BA; }
.sangria #ct-nav li a:hover									{ background-color: #9b2e11; }

.sangria .ct-txt ul li										{ background: url(../Images/Icons/icons.png) 0 -1335px no-repeat; }
.sangria  .ct-txt ol li										{ background: none; padding: 0; }




/* purple section - [News And Press Releases] */
.purple #hd 												{ background: url(../Images/Backgrounds/bg-news.jpg) 0 0 no-repeat; }
.purple #mn-nav ul li a:hover								{ background-color: #6c4075; }
.purple .ct-txt a:hover										{ color: #6c4075; }

.purple table.custom thead											{ background-color: #6c4075; }

.purple #ct h1,												
.purple #ct h2												{ color: #6c4075; }

.purple #ct-nav												{ background: url(../Images/Backgrounds/bg-subnav-end.png) bottom left repeat-x; }
.purple #ct-nav li a										{ background-color: #5CA7BA; }
.purple #ct-nav li a:hover									{ background-color: #6c4075; }

.purple .ct-txt ul li										{ background: url(../Images/Icons/icons.png) 0 -999px no-repeat; }
.purple  .ct-txt ol li										{ background: none; padding: 0; }




/* venetian-red section - [Forms et Reports] */
.venetian-red #hd 											{ background: url(../Images/Backgrounds/bg-forms.jpg) 0 0 no-repeat; }
.venetian-red #mn-nav ul li a:hover							{ background-color: #b53103; }
.venetian-red .ct-txt a:hover								{ color: #b53103; }

.venetian-red table.custom thead									{ background-color: #b53103; }


.venetian-red #ct h1,												
.venetian-red #ct h2										{ color: #b53103; }

.venetian-red #ct-nav										{ background: url(../Images/Backgrounds/bg-subnav-end.png) bottom left repeat-x; }
.venetian-red #ct-nav li a									{ background-color: #5CA7BA; }
.venetian-red #ct-nav li a:hover							{ background-color: #548AA4; }

.venetian-red .ct-txt ul li									{ background: url(../Images/Icons/icons.png) 0 -666px no-repeat; } /* If needed, configure bullet color for the bullets */
.venetian-red .ct-txt ol li										{ background: none; padding: 0; }



/* burnt-orange section - [Links] */
.burnt-orange #hd 											{ background: url(../Images/Backgrounds/bg-links.jpg) 0 0 no-repeat; }
.burnt-orange #mn-nav ul li a:hover							{ background-color: #bb7204; }
.burnt-orange .ct-txt a:hover								{ color: #bb7204; }

.burnt-orange table.custom thead									{ background-color: #bb7204; }

.burnt-orange #ct h1,												
.burnt-orange #ct h2										{ color: #bb7204; }

.burnt-orange #ct-nav										{ background: url(../Images/Backgrounds/bg-subnav-end.png) bottom left repeat-x; }
.burnt-orange #ct-nav li a									{ background-color: #5CA7BA; }
.burnt-orange #ct-nav li a:hover							{ background-color: #bb7204; }

.burnt-orange .ct-txt ul li									{ background: url(../Images/Icons/icons.png) 0 -2000px no-repeat; } /* If needed, configure bullet color for the bullets */
.burnt-orange .ct-txt ol li										{ background: none; padding: 0; }