/*************************************************************/
/*   Design:   CEO Netweaver's Website                       */
/*   File:     Global layout structure                       */
/*-----------------------------------------------------------*/
/*   Author:   Jason                                         */
/*   Date:     April 16, 2010                                */
/*   Homepage: wwww.ceonetweavers.org                        */
/*-----------------------------------------------------------*/
/*   License:  Site to be used by CEO Netweavers and         */
/*             its chapters only.                            */
/*             Thank you!                                    */
/*************************************************************/


body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff url(../images/background_fill3.png);
	background-repeat: repeat-x;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#f4f4f4;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
.page-container {  /* should be able to delete this ******************************/
    background:#FFF;
	margin: auto;
	margin-top:1px;
	width:1000px;
}


/* HEADER */
.header {width:1000px;}
.header-tippytop {width:1000px; height:28px; background:#000; }
.header-tippytop form {float: right; padding:5px 10px 5px 5px; clear:right; font:Verdana, Geneva, sans-serif; font-size:10px; color:#FFF; font-weight:bold; }
.header-tippytop input { font:Verdana, Geneva, sans-serif; font-size:10px; color:#005288; background-color: #FFF; padding: 0px 2px 0px 2px;}
.header-tippytop textarea { font:Verdana, Geneva, sans-serif; font-size:11px; color:#005288; background-color: #FFF; margin: 0px 2px 0px 8px; border: #09F solid 1px; height:15px; width:70px; }
.text { font:Verdana, Geneva, sans-serif; font-size:11px; color:#005288; margin: 0px 4px 0px 0px;}
.button { font:Verdana, Geneva, sans-serif; font-size:11px; color:#09F; margin: 0px 4px 0px 0px; background-color: #FFF; border: #09F solid 1px; font-weight:bold;}

.header-top {width:1000px; height:150px; background:rgb(255,255,255) url(../images/bg_header_fill2.png); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-top h1 {float: right; font: "Trebuchet MS", Arial, Helvetica, sans-serif; size: 18px; color:#FFF; margin:20px 10px 0px 0px; clear:right; font-style:italic;}
.header-top h2 {float: right; font: "Trebuchet MS", Arial, Helvetica, sans-serif; size: 12px; color:#FFF; margin:5px 10px 5px 0px; text-align: right; clear:right;}
.header-top p {float: right; margin:5px 10px 2px 0px; clear:right;}
.header-top form {float: right; padding:5px 10px 5px 5px; clear:right; font:Verdana, Geneva, sans-serif; font-size:10px; color:#FFF; font-weight:bold; }
.header-top img { width:130px; height:130px; padding: 4px 0px 0px 4px; float:left; }
.header-top input { font:Verdana, Geneva, sans-serif; font-size:10px; color:#005288; background-color: #FFF; padding: 0px 2px 0px 0px;}
.header-top a { background:none; border:none; }
.header-top a:visited { background:none; border:none; }
.header-top a:hover { background:none; border:none; }

a {	color: #506C00; }
a:hover { text-decoration: none; }
a img {	border: 0; }


.header-middle {width:1000px; height:150px; background:rgb(0,0,0); border-top: solid; border-bottom: solid; color:#000; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:1000px; height:1px; background-color:#000;}


.nav-national h1 { text-align: left; font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color:#09F; text-decoration: underline; font-weight:bold; padding: 0 0 0 10px;}
.nav-national ul { text-align: left; list-style:none; padding: 0 0 0 20px; }
.nav-national ul li { font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding:2px 0 0px 0px; }
.nav-national ul li a{ font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#282828; text-decoration: none; }
.nav-national ul li a:hover { display: block; text-decoration: none; color: #FFF; font-weight:bold; background-color: #09F; padding: 0 0 0 5px; }

.nav-chapterlist h1 { text-align: left; font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color:#09F; text-decoration: underline; font-weight:bold; padding: 0 0 0 10px;}
.nav-chapterlist ul { text-align: left; list-style:none; padding: 0 0 0 20px; }
.nav-chapterlist ul li { font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding:2px 0 0px 0px; }
.nav-chapterlist ul li a{ font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#282828; text-decoration: none; }
.nav-chapterlist ul li a:hover { display: block; text-decoration: none; color: #FFF; font-weight:bold; background-color: #09F; padding: 0 0 0 5px; }


.col1 h1 { font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; color: #09F; padding: 0 0 10px 0;}
.col1 h2 { font:Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; color: #005288; }
.col1 h3 { font:Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #005288; }
.col1 h4 { font:Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #005288; padding: 0px 0 0px 10px;}
.col1 p { font:Verdana, Geneva, sans-serif; font-size:12px; color:#666; line-height: 20px; }
.col1 a { font: Verdana, Geneva, sans-serif; font-size:12px; color: #09F; }
.col1 a:hover { font: Verdana, Geneva, sans-serif; font-size:12px; color: #Ef4135; }
/*.col1 ul{ list-style:none; margin:5px; text-align:left; background: #CCC; border-left: #EF4135 4px solid;  }
.col1 ul li{ padding:10px 0 8px; }*/
.col1 ul{ font:Verdana, Geneva, sans-serif; font-size:12px; color:#666; text-align:left; }
.col1 ul li{ padding:2px 0 0px; }

			
/* Call out box */
.calloutbox{ margin:30px 0px 0px 0px; padding:0px 0 0 0; background: #CCCCCC; border:#09F 1px solid; padding:4px; }
.calloutbox h1 { font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #EF4135; text-decoration: underline; font-weight:bold; margin:0px; text-align: left; }
.calloutbox h2 { font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #005288; font-weight:bold; margin:15px 0px 0px 4px; text-align: left; }
.calloutbox p { font: Verdana, Geneva, sans-serif; font-size:12px; color: #000; padding: 2px 4px 2px 4px; text-align:left; line-height: 15px; }
.calloutbox a { font: Verdana, Geneva, sans-serif; font-size:12px; color: #09F; }
.calloutbox a:hover { font: Verdana, Geneva, sans-serif; font-size:12px; color: #Ef4135; }

.calloutbox ul{ list-style:none; margin:5px; text-align:center; }
.calloutbox ul li{ background: 7px 50% no-repeat; padding:10px 0 8px; border-bottom:#d4d3d3 1px solid; }
.calloutbox ul li a{ font-size:12px; color:#282828; }
.calloutbox ul li a:hover { display: block; margin: 0; padding: 2px; text-decoration: none;	color: #FFF; font-weight:bold; background-color: #7eb2d5; }


/* IMAGES */
.imgleft { float: left; padding: 5px 5px 5px 5px; }
.imgright { float: right; padding: 5px 5px 5px 5px; }

.sponsors { margin: 20px 0px 60px 0px; clear:both; }
.sponsors img { float: right; padding: 0px 0px 15px 15px; }
.sponsors h2 { font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #005288; font-weight:bold; margin:15px 0px 0px 0px; text-align: left; }

/* Footer */

.footer {
	clear:both;
	width: 1000px;
	height: 70px;
	background-color: #005288;	
}

.footer p {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 15px;
	text-align: center;
	color: #FFF;
}

.footer a {
	color: #FFF;
}

.footer a:hover {
	color: #EF4135;
}