/************************************************************************************************************************/
/**  Styles common to all layouts  **/
/************************************************************************************************************************/


/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

body, #header, #nav, #foot, #wrapper {width:100%}


/** GLOBAL SETS **/
.clear {clear:both;}
.hidden {display:none;}
body {margin:0 0 50px 0;font-size:13px;color:#222;font-family:Arial,Helvetica,sans-serif, cursive;background:#FFF url(images/bg.png) top repeat-x;text-align:center;}
a:link, a:visited {color:#4682B4;text-decoration:underline;}
a:hover, a:focus {color:#1a1a1a;text-decoration:underline;}

#header {
/**  DIFF style had position:relative  **/
	position:relative;
	height:90px;
	background:transparent url(images/cwb.png) 3% 50% no-repeat;
/**  	Margin-bottom: 5px; **/
}

#header .logo {
	font-size:44px; 
	position:relative;
	font-family: Papyrus, fantasy;
	top:25%;
	left:10%;
}

#header a.logo:link, #header a.logo:visited, #header a.logo:hover {
	color:#FFFFFF;
	font-family: Papyrus, fantasy;
	letter-spacing:+1px;
	text-decoration:none;
	text-shadow: 3px 3px 5px black;
}

/*------------------------------------
    NAV
------------------------------------*/
#nav {
    float: left; 
    font-size:15px;
    font-weight: bold;
    text-transform:uppercase;
}

#nav ul {
    background-color: #103FFB;
    width: 100%
    display: inline;
    float: left:
	
}

#nav a {
    padding: 5px;
    text-decoration: none;
}
#nav a:hover {
    color: #black;
    text-decoration: underline;
}

/*--- DROPDOWN ---*/
#nav {
    width:100%;
}

#nav ul {
    margin:0;
    position: relative;
}

#nav ul li {
    display:inline-block;
    background-color: #103FFB;
	
  /**  border-right: 1px solid #bbb; **/
}


#nav li:first-child {
  /**  border-left: 1px solid #bbb; **/
}

#nav ul li i {
     font-size:13px;
} 

#nav ul li a {
    color: #FFFFFF;
    display:block;
    font-size:13px;
    text-decoration:none;
    text-align:left;
}

/* The Dropdown Styles */
/* =================== */
/* Hide Dropdowns by Default */
#nav li ul {
    display: none;
    position: absolute; 
/*
top: 79px;
*/
}
/*
*/
/* Display Dropdowns on Hover */
/*
*/
#nav li:hover > ul {
    display:block;
    margin-left:20px;
    /* display:list-item; */
    z-index:50;
    text-decoration:none;
}
/* Fisrt Tier Dropdown */
/*
*/
#nav ul li {
/*
*/
    float:none;
    position: relative;
    border-bottom:none;
}
#nav ul li i {
    margin-left:20px;
    }
#nav ul li a {
    text-align:left;
}

/* Second, Third and more Tiers */
nav ul ul li {
    position: absolute relative;
}

#nav li > a:after { content: ' »'; }
#nav > li > a:after {content: ' »'; }
#nav li > a:only-child:after {content: ''; }

.current a {
    color:black;
    font-size:22px;
    font-color:#FF0000;
}

/*
    background-color:#DDFFFF;
*/
.current_parent a {
    color:black;
    font-size:22px;
    font-color:#FF0000;
}

/*--- END DROPDOWN ---*/



#sidebar img {
	display: block;
	max-width: 100%;
	margin: 10px;
}


#content {
	width: 76%;
	background:transparent 50% 0% no-repeat;
	text-align:left;
	float: right;
	margin-left:5px;
	margin-right:5px;
}

#content h1 {
	font-size:30px;
	font-family:Arial,Helvetica,sans-serif;color:#000;
	line-height:40px;
	padding:0px 0 0px 0;
}
/*
    background-color:#E5E5E5;
*/

#page-content {}
	
#content #page-content h1 {font-size:25px;font-family:Arial,Helvetica,sans-serif;colour: #666; line-height:40px;margin:40px 0 40px 0;}
#content #page-content h2 {font-size:22px;font-family:Arial,Helvetica,sans-serif;colour: #666; line-height:37px;margin:25px 0 10px 0;}
#content #page-content h3 {font-family:Arial,Helvetica,sans-serif;font-size:18px;color:#666;margin:25px 0 10px 0;}
#content #page-content h4 {font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#666;margin:25px 0 10px 0;}
#content #page-content h5 {font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#666;margin:25px 0 10px 0;}
#content #page-content h6 {font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#666;margin:25px 0 10px 0;}

#page-content {width:100%;}
.page-meta {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px;}
.page-meta span {text-transform:none;color:#4682B4;font-size:15px;font-family:georgia;}

#content .page-text {font-size:14px;line-height:22px;margin-bottom:50px;margin-right:10px;}
#content .page-text p, #content .page-text ul, #content .page-text ol {margin:0 0 22px 0;}
#content .page-text ul, #content .page-text ol {margin-left:25px;}
#content .page-text ul ul, #content .page-text ol ul, #content .page-text ul ol, #content .page-text ol ol {
	margin:0 0 0 25px;
}
#content .page-text blockquote {
	margin:0 0 22px 20px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 10px;
	}
#content code {border:1px dotted #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
#content pre code {line-height:17px;padding:15px;border:1px dotted #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

#content .page-text img {marin:0 0 20px 0;border-style:none;}

.eventEntry{  
	border-style: solid;
    border-width: medium;
	border-radius: 8px;
	border-color:#666;
	background-color: LightGrey;
	margin:2px;
	padding:2px;
}


.eventTitle{color:#696969;font-family:arial;font-style:bold;font-size:15px}
.eventTime{color:#696969;font-family:arial;font-size:13px;}
.eventDetails{display:none; color:#696969;font-family:arial;font-size:13px}

.eventEntry:hover .eventDetails{
display : block;
}

a.button{
 background-color:#103FFB;
 border:1px solid #660000;
 border-radius:5px;
 color:#FFFFFF;
 margin-right:10px;
 padding:10px 10px 10px 10px;
}

/* .eventDetails{color:#4682B4;font-family:arial;font-size:13px} */

.section {margin-top: 20px;padding:15px;text-align:left;}
.section p, .section ul, .section ol {line-height:20px;margin:0 0 20px 0;}
.section ul, .section ol {margin-left:20px;}
.section ul ul, .section ol ul, .section ul ol, .section ol ol {
	margin:0 0 0 20px;
}

.section h2 {color:#666;font-size:22px;font-family:arial;line-height:22px;letter-spacing:-1px;margin:0 0 15px 0;padding:0;}
.section h3 {color:#666;font-family:arial;font-size:19px;margin:0 0 10px 0;}
.section h4 {color:#666;font-family:arial;font-size:15px;margin:0 0 10px 0;}
.section h5 {color:#666;font-family:arial;font-size:13px;margin:0 0 10px 0;}
.section h6 {color:#666;font-family:arial;font-size:10px;margin:0 0 10px 0;}

.section blockquote {
	margin:0 0 20px 20px;
	line-height: 19px;
	font-size:12px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}

/* .section a {color:#666;} */
	
.section code {border:1px solid #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
.section pre code {line-height:17px;padding:15px;border:1px solid #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

.credits {font-size:11px;color:#666;padding-top:15px;margin-top:30px;border-top:1px dotted #ccc;}
.credits p {margin:0 0 0 0;line-height:16px;padding:5px 0 0 0;}
.credits a:link, .credits a:visited {color:#666;}
.credits a:hover {color:#333}

/* P01 Contact Plugin */
#p01-contact1_field0 {width: 40%;}
#p01-contact1_field1 {width: 40%;}
#p01-contact1_field2 {width: 75%;}
#p01-contact1_field3 {width: 100%;}

/************************************************************************************************************************/
/**  Styles unique to desktop layout  **/
/************************************************************************************************************************/

@media all and (min-width: 700px) {

    #sidebar2 {display:none;}

    #sidebar {
	width:22%;
	float:left;
	border:1px solid #ccc;
	background:#f6f6f6;
	margin-bottom:50px;
    }

    #content {width:76%}

}

/************************************************************************************************************************/
/**  Styles unique to mobile layout  **/
/************************************************************************************************************************/

@media all and (max-width: 700px) {

    /** #sidebar {display:none;background:#F00000}  
    #sidebar2, #content {width:100%}
#sidebar2 {display:none}  
**/
	

#sidebar2 {display:none;background:#F00000}  

#header .logo {
	font-size:28px; 
	position:absolute;	
    margin-left:5px;
}

#sidebar, #content, #sidebar2 {width:100%;clear:both;float:left;}

#sidebar2 {border:1px solid #ccc}
	
#sidebar .section {display:none;} 

#nav {list-style:none;width:100%} 

#nav li {
	border: 1px solid #ccc; 
	text-align:left;
	float:left;
	background:#103FFBF;
/**		background:#26c95f;  **/
	font-size:13px;
	text-transform:uppercase;
}