body, div, p, h1, h2, h3, h4, ul, li, table, img
{
	margin:0 0 0 0;
	padding:0;
	border:none;
}

body
{
	background: #346633;	
	font-family: Verdana, Arial, Sans-Serif;
	font-size:100%;
}
	
.clear, .spacer { clear: both; }

	
/* =layout
----------------------------------------------- */
.container
{
	margin: 10px auto 10px auto;
	width: 900px;
	font-size:0.7em;
}
.wrapper
{
	float: left;
	width: 885px;
}

.masthead_northern
{
	margin: 0 auto;
	width: 100%;
	background: #ffffff;
	height: 85px;
	background: transparent url(../images/masthead_northern.gif) left top;
}

.main
{
	float:left;
	background-color: #fff;
	color: #333;
	padding: 0 0 5px 0;
	width: 100%;
	min-height: 500px;
}
	.navBarNorthern
	{
		margin: 0;
		padding: 0;
		width: 885px;
		height: 35px;
		background-color:#e0e082; /*437c658*/
	}
	
		.navBar a:link, .navBar a:visited, .navBar a:hover
		{
			text-decoration: none;
		}
	
	.content
	{
		float: left;
		width: 835px;
	    margin: 2px 30px 0 20px;
	}
		
    .content2PanelL
    {
		float: left;
		width: 634px;
	    margin: 2px 0 0 20px;      
    }
    
    .content2PanelR
    {
		float: left;
		width: 200px;
	    margin: 15px 0 0 0; 
        padding-left:20px;
    }

	.contentTop
	{
		float: left;
		width: 100%;
		margin-top:2px;
	}
	
	.contentTopL
    {
	    float: left;
	    width: 231px;
	    text-align:center;
    }

	.contentTopR
    {
	    float: left;
	    margin-left:5px;
	    width: 644px;
    }
    
    .contentTopRInside
    {
        float: left;
        margin: 0 10px 0 10px;
    }
    
   
    .TopRInsideL
    {
        float: left;
        width: 200px;
        padding-left: 10px;
    }
    
    .TopRInsideR
    {
        float: left;
        width: 400px;
    }
            
    	
	.contentBottom
	{
		float: left;
		width: 875px;
		margin: 3px 0 0 5px;
		padding-top:4px;
        padding-bottom:2px;
		border-top: solid 1px #ccc;
		background-color: #f6f6f6;
	
	}	
	
    .contentBottomL
    {
	    float: left;
	    width: 205px;
	    margin: 0 10px 0 20px;
	    border-right: dashed 1px #e0e082;
    }	
    
    .contentBottomC
    {
	    float: left;	    
	    width: 205px; 
	    margin: 0 10px 0 10px; 
        border-right: dashed 1px #e0e082;	    
    }	
    
    .contentBottomR
    {
	    float: left;	    
	    width: 395px; 
	    margin-left:10px;               
    }	        

/* =Multi Panel
----------------------------------------------- */
.mainPanel
{
	float:left;
	background-color: #fff;
	color: #333;
	padding: 0 0 25px 0;
	width: 100%;
	min-height: 300px;
}

.contentPanel
{
	float: left;
	padding: 0 20px;
	width: 520px;
	/* width: 780px; caution with using width here...Can Break IE6 */
}

.sideR
{
	float: left;
	padding: 0 20px;
	width: 100px;    
}

	
/* =breadcrumb
----------------------------------------------- */
.breadcrumb {
	margin-top: 4px;
	margin-bottom: 4px;	
	line-height:18px;
	text-align:left;	
	font-size:0.9em;		
}	

.footer
{
	clear: both;
	width: 100%;	
	padding: 8px 0;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	background-color: #346633;
	vertical-align:middle;
}	
	.footer p {
		margin-top: 0.1em;
		margin-bottom: 0.5em;
		color:#fff;
		text-align: center;
	}
	.footer a:link, .footer a:visited 
	{
		color: #fff;
		text-decoration: underline;
		border: none;
	}
	.footer a:hover 
	{
		color:#e0e082;
		text-decoration: underline;
		border: none;
	}

/* =typography
----------------------------------------------- */
h1 {
	padding: 0.6em 0 0.25em 0;
	color:#333;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight:normal;
	font-size:1.3em;
	text-transform:none;
}

h1.home {
	padding: 0.6em 0 0.25em 0;
	color:#346633;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
	text-transform:none;
	border-bottom: solid 1px #92A434;
}

h2 {
	padding: 0.9em 0 0.5em 0;
	color:#016735;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
	text-transform:none;	
}

h2.calTitle {
	padding: 0 0 0 0;
	color:#016735;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.1em;
	text-transform:none;	
}

h3 {
	padding: .2em 0 0 0;
	color:#311d14;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight:normal;
	font-size:1.2em;
}

h4 
{
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font: bold 12px/14px verdana;
	color: #311d14;
	border-bottom: 1px dashed #8697ca;
	margin-bottom: 8px;
}
h5
{
    font-family: verdana;
    font-weight: normal;
    font-size: 11px;
    color: #311d14;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}
p {
	margin-top: 6px;
	margin-bottom: 8px;	
	line-height:20px;
	text-align:left;	
}
	p.highlight
	{
		display: block;
		background: #F9F5E8;
	}
	p.subHeadline 
	{
		margin-top: 3px;
		margin-bottom: 3px;
		font-weight:bold;
		color:#666;
	}
	p.indent 
	{
		margin-left:2.0em;	
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}
	p.indentGraphic
	{
		margin-left:2.0em;	
		margin-top: 1.0em;
		margin-bottom: 0.3em;
	}


/* =links
----------------------------------------------- 92A434 810000*/
a:link, a:visited {
	color: #8E2323;
	text-decoration:none;
}

a:hover {
	color:#006633;
	text-decoration:underline;
}

	
/* =lists
----------------------------------------------- */
ol 
{
	margin-top: 6px;
	margin-bottom: 6px;	
	padding-left:0px;
	margin-left:40px;
	list-style-type:decimal;
}
	ol.alpha { list-style-type: lower-alpha;}
	ol.decimal { list-style-type: decimal;}

li 
{
	color: #383131;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left:0px;
	padding-bottom:0px;
	padding-left:0px;
}

ul 
{
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left:0px;
	margin-left:20px;
	list-style-type:square;
}
	ul.square {list-style-type: square;}

	
	
.divSiteMap ul, divSiteMap li
{
    list-style-type:disc;
    
}	
	
/* =generic
----------------------------------------------- */
.imgLeft {
	padding: 2px;
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}
.imgRight {
	padding: 2px;
	float: right;
	margin-left: 5px;
	margin-top: 3px;
}

.imgLeftBorder {
	padding: 2px;
	float: left;
	margin-right: 5px;
	border: 1px solid #ededed;
	margin-top: 3px;
}
.imgRightBorder {
	padding: 2px;
	float: right;
	margin-left: 5px;
	border: 1px solid #ededed;
	margin-top: 3px;
}
	

/* =images
----------------------------------------------- */
img.pdficon 
{
	margin: 3px 2px 0 6px;
	vertical-align: middle;
	width: 24px;
	height: 20px;
	border: 0;
}
img.pdficon2
{
	margin: 3px 6px 0 6px;
	vertical-align: middle;
	float: left;
	width: 24px;
	height: 20px;
	border: 0;
}
.thumbnail {
	float: left;
	width:180px;
	height:190px;
	margin: 0 15px 0 5px; 
	padding:0 10px 0 0; 
	font-size:0.9em;
	text-align:center;
}	


/* =pages
----------------------------------------------- */
/* =home =2Panel 
	h1.home {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	color: #533a27;
	font-size: 22px;
	line-height: 27px;
	}*/
	
	

	
/* =calendar
----------------------------------------------- */
a.calendar:link, a.calendar:visited {
	color: #78A7EE;
}
a.calendar:hover {
	color:#C39439;
}

/* =other
----------------------------------------------- */
.center {text-align:center;}
.txtRight {text-align:right;}

div.highlight
{
	width: 97%;									/* related to width of main content area */
	padding: 8px;
	background-color:#F8F8E7; 
	border:1px solid #c9c9c9;	

}

/* =new world order styles
----------------------------------------------- */
.hr-red-rule 
{
    background: url(../images/horizontal-red-rule.gif) repeat-x;
	height: 10px;
	/*margin-top: 18px;*/
	margin-bottom: 10px;
} 

.hr {
	background: url(../images/horizontal-rule.gif) repeat-x;
	height: 10px;
	/*margin-top: 18px;*/
	margin-bottom: 10px;
}


.hr-menu-rule {
	background: url(../images/horizontal-menu-rule.gif) repeat-x;
	height: 6px;
	margin-top: 5px;
	margin-bottom: 6px;
}

.hr-directory-rule {
	height: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
}


hr {
	display: none;
	overflow: hidden;
}

/* =CRRC - Convention Styles
----------------------------------------------- */

.darkOrange
{
    color:#f58026;
}

.lightOrange
{
    color:#f7a11a;
    
}

.midBlue
{
    color:#5db0c2;
}

.divJSC	
{
    background: url(../uploads/images/events/JSC/JSC.jpg);
    width:612px;
    height:395px;
}

.divJSCText
{
    text-align:center;
    padding:50px;
}

.boxWrapper
{
    float:left;
    text-align:center;
    padding: 0 95px 0 95px;
 
}

.box
{
    float:left;
	background: #f9f9f9;
	border: 1px solid #e4d4a5;
	padding: 2px 1px 6px 1px;
	margin: 0 8px 10px 0;
	width:198px;
	min-height:200px;
	text-align:center;
}

   .box h2 {
	    padding: 0.5em 0 0.1em 0;
	    color:#b32725;
	    font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	    text-align:center;	
	    font-weight:normal;
	    font-size:1.1em;
        letter-spacing:1px;		    
	    text-transform:uppercase;	
    }
    
    .box p
    {
        text-align:center;
	    margin-top: 6px;
	    margin-bottom: 6px;	
	    line-height:12px;  
	    font-size:10px;      
    } 

    .box div
    {
        text-align:center;
	    margin-top: 6px;
	    margin-bottom: 6px;	
	    line-height:12px;   
        font-size:10px;	         
    } 
    
	a.conLink:link, a.conLink:visited 
	{
		color: #00758B;
		text-decoration: none;
		border: none;
	}
	a.conLink:hover 
	{
		color:#00758B;
		text-decoration: underline;
		border: none;
	}    

/* =CMS toolbar
----------------------------------------------- */
div.cmstoolbar
{
    overflow:hidden;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #000;
    background: #ddd;
    border-top: solid 1px #bbb;
    font-size: 11px;
}

span.cmstoolpanel
{
    height: 20px;
    border-left: solid 1px #fff;
    border-right: solid 1px #ccc;
    display: inline-block;
    padding-top: 3px;
    vertical-align: top;
}

.cmstool, .lbOn
{
    margin-left: 6px;
    margin-right: 12px;
    vertical-align: top;
}

.cmstoolimage
{
    margin-right: 3px;
    vertical-align: top;
}

@media screen
{
  div.cmstoolbar
  {
    position: fixed;
  }
}