﻿body 
{
    margin: 0;
    padding: 0;
    
}


h2.header
{
 color: #80b6ce;   
}

h2.pageheading
{
    color: #2D4783;
}


.quicklinks{

background: #ffffff url(images/sectionsbg.gif) repeat-x scroll 0 0;

border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding-bottom: 5px;

}
.quicklinks h4{
background-color: #9A0000;
border-top: 1px solid #000000;
margin-top: 0px;
text-align: center;
}


/*
.quicklinks
{
 background-color: Silver;
   border: solid 1px #000000;
   
   
}
.quicklinks h3
{
    background-color: #2D4783;
    color: #FFFFFF;
    border-bottom: solid 1px #000000;
    padding-left: 15px;
    margin-top: 0px;
}
*/



	#page{
width: 900px;
height: auto;
margin: 0 auto;
text-align: left;
padding: 0;
background-color: #3c6aee;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
display: block;
}

body{
margin: 0;
padding:0;
}
.leftside{
float:left;
width: 250px;
margin:10px;
height:100%;
}
#middle{

width: 600px;
float: right;
/*padding-top: 10px;*/
padding-right:0px;
padding-left: 0px;
z-index: 100;
}

#innermiddle{
margin-left: 20px;
margin-right: 10px;
margin-top: -25px;
}

#header{

position: relative;
width: 900px;
height: 110px;
background-color: #498ce7;
margin:0px;
padding:0px;
background: #498ce7 url(images/canenabanner.png); 
}

.search{
float:left;
height: 35px;
width: 250px;
padding-top: 5px;
font-size: 12px;
}


.sponsors{

background: #ffffff url(images/sectionsbg.gif) repeat-x scroll 0 0;
width: 730px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding-bottom: 5px;
float: left;
display: inline;

}

.contentdiv{

background: #ffffff url(images/sectionsbg.gif) repeat-x scroll 0 0;

border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding-bottom: 5px;
float: left;
display: inline;

}
.contentdiv h4{
background-color: #9A0000;
border-top: 1px solid #000000;
margin-top: 0px;
text-align: center;
}

.sponsors h4{
background-color: #9A0000;
border-top: 1px solid #000000;
margin: 0;
padding-left: 131px;
font-size: 16px;
}

.inline{
display:inline;
width: 510px;
float: left;

}




.whatsnew{
background: #ffffff url(images/sectionsbg.gif) no-repeat scroll 0 0;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
float: left;
padding-bottom: 5px;
width: 250px;

}
.whatsnew h4{
background-color: #9A0000;
border-top: 1px solid #000000;
margin-top: 0px;

}
.whatsnew a
{
    text-decoration: none;
    color: #2d4783;
}
.whatsnew a:hover
{
    text-decoration:underline;
}

.whatsnew li
{
    padding-bottom: 5px;
}
.navarea{
background: #ffffff url(images/sectionsbg.gif) no-repeat scroll 0 0;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
float: left;
}
.navarea h4{
background-color: #9A0000;
border-top: 1px solid #000000;
margin: 0px;
padding: 4px 0px 4px 35px;

}
.navarea li
{
    list-style-type: none;
    margin:0;
    background-color: #2D4783;
    border-top: 1px solid #ffffff;
}

.navarea li a:hover
{
    background-color: #697ab6;
}
.navarea li a
{
    color: #ffffff;
    text-decoration: none;
   display:block;
   width: 161px;
   padding: 10px;
}


.navareaevents{
background: #ffffff url(images/sectionsbg.gif) no-repeat scroll 0 0;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
float: left;
}
.navareaevents h4{
background-color: #9A0000;
border-top: 1px solid #000000;
margin: 0px;
padding: 4px 0px 4px 35px;

}
.navareaevents li
{
    list-style-type: none;
    margin:0;
    background-color: #2D4783;
    border-top: 1px solid #ffffff;
}

.navareaevents li a:hover
{
    background-color: #697ab6;
}
.navareaevents li a
{
    color: #ffffff;
    text-decoration: none;
   display:block;
   width: 190px;
   padding: 10px;
}

.menu li ul 
{
     position: absolute;     
     width: 10em;     
     left: -999em; 
     }

.menu li:hover ul 
{
     left: auto; 
}

.menu, .menu ul 
{
     padding: 0;     
     margin: 0;     
     list-style: none; 
} 
     
.menu a 
{
 display: block;     
 width: 10em;
} 
        
.menu li 
{
 float: left;     
 width: 10em; 
}


.menu li:hover ul, .menu li.sfhover ul 
{     
    left: auto; 
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


.navlist
{
    margin: 0;
    padding: 0;
}

.whatsnew ul{
list-style-type:square;

}


#page #header *{
display: inline;
}
.rightmenu
{
    clear: both;
float: left;
height: 26px;
position: relative;
display:inline;
padding:0px;
margin:0px;
background-color: #9a0000;
margin-left: 30px;
width: 250px;

}
.rightmenu li a:hover
{
    text-decoration: underline;
}

.rightmenu li a
{


color: White;
text-decoration: none;
vertical-align: middle;


}

.about
{
    
    padding-right: 5px;
}
.contact a
{

padding-right: 5px;
    
}
.contact
{
    float: left;
    margin:0;
    padding:0;
}

#header .links
{

background: transparent url(images/triangle.gif) no-repeat scroll 0 0;
position: absolute;
top: 74px;
left: 620px;
width: 441px;
height: 26px;
padding: 0;
margin: 0;
}

tr
{
    vertical-align: top;    
}



#spacer{
background: transparent url(images/spacer.gif) no-repeat scroll 0 0;
width:900px;
height:10px;
margin:0px;
padding:0px;
}

.submenu
{
    z-index: 10000;
   overflow: visible;
    background-color: Green;
  
    
}




#home a
{
 width: 69px;  
 height: 24px;
background-color: #9a0000;
display: block;
padding: 8px 0px 0px 35px;
border-right: 1px solid #000000;  
}

#membership a{

width: 110px;
height: 24px;
background-color: #9a0000;
display: block;
padding: 8px 0px 0px 40px; 

border-right: 1px solid #000000;
}

#membership li a
{
 font-size: 10px;
 width: 110px;   
}


#standardization a{

width: 160px;
height: 24px;

padding: 8px 0px 0px 53px;
display: block;
background-color: #9a0000;
border-right: 1px solid #000000;
}

#standardization li a
{
    font-size: 10px;
    width: 160px;
}




#newsreports a{

width: 145px;
height: 24px;
padding: 8px 0px 0px 42px;
display: block;
background-color: #9a0000;

}

#newsreports li a
{
 font-size: 10px;
 width: 145px;   
}

#committee a{

width: 160px;
height: 24px;
padding: 8px 0px 0px 58px;
display:block;
background-color: #9a0000;
border-right: 1px solid #000000;
}

#committee li a
{
    font-size: 10px;
    width: 160px;
}

#home a:hover
{
background-color: #697ab6;
cursor:pointer;
}


#membership a:hover{
background-color: #697ab6;

cursor:pointer;
}


#standardization a:hover{
background-color: #697ab6;

cursor:pointer;
}

#meetings a:hover{
background-color: #697ab6;

cursor:pointer;
}
#committee a:hover{


cursor:pointer;
background-color: #697ab6;
}




#navbar{
/*background: transparent url(images/navbg.gif) repeat-x scroll 0 0;*/
clear:both;


width: 900px;

height: 32px; /* IE */
margin:0px;
padding:0px;
}

.imgsrotation img{

display:block;
border: 1px solid #000000;
min-height: 100px;

max-width: 500px;

}




.menu{
clear: both;
float: left;

position: relative;
display:inline;
padding:0px;
margin:0px;
/*background: transparent url(images/menubg.gif);*/
}

.menu li{
float: left;
list-style-type:none;
margin:0px;
padding:0px;


}

.menu li a
{
    color: #ffffff;
    text-decoration: none;
}

#mainContent{
background-color: #ffffff;

position: relative;
margin:10px;



}

h4.subtitle{
color: #9a0000;
line-height:110%;
}

h2.subtitle
{
    color: #9a0000;
}


#links{
width: 180px;
float:left;
margin-left: 10px;

background: #E5E5DA url(images/linkstop.gif) no-repeat scroll center top;
text-align: center;
padding-top: 5px; /*added for IE 6 for round top image to appear */
}

#links a{
text-decoration: none;

color: black;
font-weight:bold;

}

#linksinner{
background: #E5E5DA url(images/linksbottom.gif) no-repeat scroll center bottom;
padding-bottom: 5px;
}

#content{
width:880px;

float: left;
/*background-color: #ffffff;*/


margin-bottom: 5px;
z-index: -1;

}

#innercontent{
background: #FFFFFF url(images/innerbg.gif) no-repeat scroll 0 0;
padding-bottom: 15px;
width: 880px;
float:left;

z-index: -1px;
}

#footer{
clear:both;
padding: 15px 0 15px;
position:relative;
text-align: center;
/*background-color:#E5E5da;*/
background-color: #777777;
width: 900px;
font-size:13px;
color: #000000;



}
.attachments a
{
 text-decoration: none;
}
.attachments a:hover
{
 text-decoration: underline;
}


.tblheading
{
    background-color: Silver;
}

.panel1
{
    display: none;
}

#footer a
{
    color: #ffffff;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}

#rightarea{
float: left;
width: 180px;
}

#left{
width:295px;
float:left;
}

#right{
width:325px;float:left; margin-left: 15px;
}

.small 
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
}
