/* 

master style sheet: www.ila3000.org
author:             scott mccrossen / five65.com
updated:            08/03/2006
client:             ILA 3000, New Orleans, La.

notes:              two column design, vertical, left-top navigation, content
                    and content sections with options for including blurb Boxes.

*/

/* --------------   MISCELLANEOUS, but GENERAL STYLES   -------------- */
 
img {
	display: block;
	border: 0px;
	}

hr { display: none; }

div {
	border: 0px solid #66ccff;
}


/* ----------------    GENERAL LAYOUT PARAMETERS   ---------------- */


body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(images/back01.gif);
	background-repeat: repeat-x;
	background-position: center top;
}



#container{

    width: 740px;
	\width: 740px;
	w\idth: 740px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;

}

#head{

    text-align: center;
    height: 101px;
    border: 0px;
   
}

#head img {

   padding: 6px 500px 0px 0px;
   margin: 0px 0px 0px 0px
}


#content{
 
    float: right;
    width: 535px;
    \width: 535px;
    w\idth: 535px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;    
    padding-top: 0px;
    padding-bottom: 30px; 
	
	
}


#sidebar
{
	width: 200px;
	\width: 200px;
	w\idth: 200px;
	padding-top: 0px;
	background-color: #fff;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    
}


#footer
{

    width: 740px;
    \width: 740px;
    w\idth: 740px;
    clear: both;
    padding: 0px;
    margin: 0px;
    border-top: solid 1px #ccc;
    background-color: #efefef;  
 
    
}


#footer p {
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    font-size: 11px;
    color: #333;
    padding: 5px 15px 5px 0px;
    margin: 0px 0px 0px 0px;
}


#footer p a {
	color: #eaeaea;
	background-color: #333;
	text-decoration: none;
}



/*------------------   NAVIGATION   ---------------------*/



/*------------------   MENU BOXES   ---------------------*/
 .top_pad {
	height: 80px;
 }
 
.menubox {
    width: 170px;
    \width: 170px;
    w\idth: 170px;
    padding-top:80px;
    margin:0px;
 }
 
 
.menubox_title {
	background-attachment: scroll;
	background-image: url(images/menubox_title.gif);
	background-repeat: no-repeat;
	background-position: center top; 
 
 }
 
 .menubox_title h1 {

    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
    color: #ffffff;
    padding:12px 10px 12px 10px;
    margin:0px 0px 0px 0px;
    background-attachment: scroll;
	background-color: transparent;
 }
 
 
.menubox_content {
	background-attachment: scroll;
	background-image: url(images/menubox_02.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


.menubox_content ul {
       
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    padding:0px;
    margin:0px;
}


.menubox_content li {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.1em;
    color: #666666;
	padding:0px;
	margin:0px;
	list-style-image: none;
	list-style-type: none;
	
}


.menubox2 {
    width: 170px;
    \width: 170px;
    w\idth: 170px;
    padding-top:10px;
    margin:0px;
 }
 
 
.menubox2_title {
	background-attachment: scroll;
	background-image: url(images/menubox_title.gif);
	background-repeat: no-repeat;
	background-position: center top; 
 }
 
 .menubox2_title h1 {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
    color: #ffffff;
    padding:12px 10px 12px 10px;
    margin:0px 0px 0px 0px;
    background-attachment: scroll;
	background-color: transparent;
}
 


.menubox2_content {
	background-attachment: scroll;
	background-image: url(images/menubox_02.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


.menubox2_content ul {
       
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    padding:0px;
    margin:0px;
}


.menubox2_content li {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.1em;
    color: #666666;
	padding:0px;
	margin:0px;
	list-style-image: none;
	list-style-type: none;
	
}

.menu_text {
	background-attachment: scroll;
	background-image: url(images/rightArrow3.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D3D3;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6F6F6F;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 5px;
	margin: 0px 5px;
	display: block;
}


.menu_text a {
	padding-left: 20px;
	color: #666;
	text-decoration: none;
	display: block;
}

.menu_text a:hover {
	background-image: url(images/rightArrow3a.gif);
	background-repeat: no-repeat;
    background-position: -3px;
	padding-left: 20px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #66ccff;
	text-decoration: none;
	display: block;
}


.menu_textOn {
	background-attachment: scroll;
	background-image: url(images/rightArrow3.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D3D3;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #66ccff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 5px;
	margin: 0px 5px;
	display: block;
}


.menu_textOn a {
	padding-left: 20px;
	color: #66ccff;
	background-color: transparent;
	text-decoration: none;
	display: block;
}

.menu_textOn a:hover {
	padding-left: 20px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #6F6F6F;
	text-decoration: none;
	display: block;
}


.menu_textlast {
	background-attachment: scroll;
	background-image: url(images/rightArrow3.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 5px;
	margin: 0px 5px;
	display: block;
}

.menu_textlast a {
	padding-left: 20px;
	color: #666;
	text-decoration: none;
	display: block;
}

.menu_textlast a:hover {
	background-image: url(images/rightArrow3a.gif);
	background-repeat: no-repeat;
    background-position: -3px;
	padding-left: 20px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #66ccff;
	text-decoration: none;
	display: block;
}

.menu_textlastOn {
	background-attachment: scroll;
	background-image: url(images/rightArrow3.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #66ccff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 5px;
	margin: 0px 5px;
	display: block;
}

.menubox_bottom {
	padding:20px 0px 0px 0px;
	margin:0px;
	background-attachment: scroll;
	background-image: url(images/menubox_03.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
}

.menubox2_bottom {
	padding:20px 0px 0px 0px;
	margin:0px;
	background-attachment: scroll;
	background-image: url(images/menubox_03.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
}



/*--------------------    MAIN CONTENT SECTION   -------------------------*/



.contentboxes h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	background-color: transparent;
	font-weight:normal;
    padding: 10px 0px 15px 0px;
    margin:0px;
}

.contentboxes h1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #bf3229;
	background-color: #E0F4FD;
	font-weight:normal;
	padding: 10px 0px 15px 0px;
	margin:0px;
	text-decoration: underline;
}

.contentboxes h1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #bf3229;
	background-color: #66ccff;
	font-weight:normal;
	padding: 10px 0px 15px 0px;
	margin:0px;
	text-decoration: none;
}


.contentboxes h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #f4f4f4;
	font-weight:normal;
    padding: 5px 0px 5px 0px;
    margin:0px;
}

.contentboxes h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6F6F6F;
	font-weight:bold;
    padding: 5px 0px 5px 0px;
    margin:0px;
    border-bottom: dashed 1px #ccc;
}

.contentboxes p {

    font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #333;

}

.contentboxes p a{
    background-color: #e0f4fd;
    color: #bf3229;
    text-decoration: none;
    border-bottom: none;
}    

.contentboxes p a:hover {
    background-color: #e0f4fd;
    color: #bf3229;
    text-decoration: none;
    border-bottom: 1px dotted #666;
}    

.contentboxes h4
	{
	position: relative;
	width: 50%;
	color: #bf3229;
	font: 12px normal;
	font-family: Trebuchet MS, Arial, helvetica, sans-serif;
	margin: 1em 0;
	padding: 0.1em 0 0.5em 0;
	border-bottom: 1px dotted #bba;
	border-top: none;
	}
	
.contentboxes h4 a { color: #bf3229; }
	
.contentboxes h4 span
	{
	color: #666;
	}
	
.contentboxes h4 a:hover { color: #b40; }
	
.contentboxes h4 a:hover span { color: #666; }



.contentboxes ul {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6F6F6F;

}

.contentboxes li {


    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #66ccff;
    padding:5px;

}


.contentboxes li a {


    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cc0000;
    padding:5px;
}


.contentboxes li a:hover {


    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cccccc;
    padding:5px;
}


.contentboxes img {

       background-color:#eaeaea;
       padding:10px;
}


.content_left {

    width: 300px;
    \width: 2300px;
    w\idth: 300px;
    margin:0px;
    padding:10px 0px 0px 0px;
    float:left;

}

.content_left h4 {
	position: relative;
	width: 50%;
	color: #bf3229;
	font: 12px normal;
	font-family: Trebuchet MS, Arial, helvetica, sans-serif;
	margin: 1em 0;
	padding: 0.1em 0 0.5em 0;
	border-bottom: 1px dotted #bba;
	border-top: none;
	}
	
.content_left h4 a { color: #bf3229; }
	
.content_left h4 span {
	color: #666;
	}
	
.content_left h4 a:hover { color: #b40; }
	
.content_left h4 a:hover span { color: #666; }

.content_left p {
    margin:0px;
    padding:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    
}

.content_left p a{
    background-color: #fff;
    color: #333;
    text-decoration: none;
    border-bottom: none;
}    

.content_left p a:hover {
    background-color: #e0f4fd;
    color: #bf3229;
    text-decoration: none;
    border-bottom: 1px dotted #666;
}    


.content_left ul {
    margin:0px;
    padding:15px 0px 15px 20px;
    
}


.content_left li {
    margin:0px;
    padding:2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6F6F6F;
}


.content_right {
    width: 226px;
    \width: 226px;
    w\idth: 226px;
    margin:0px;
    padding:10px 2px 0px 0px;
    float:right;

}

.content_right h3 {
	position: relative;
	color: #fff;
	background-color: #6f6f6f;
    font: 16px normal;
	font-family: Trebuchet MS, Arial, helvetica, sans-serif;
	margin: 0 0;
	padding: 6px 6px 1px 6px;
	border-bottom: 1px dotted #bba;
	border-top: none;
	}
	
.content_right h3 a { color: #0EBFE9;
}

.content_right p {
    margin:0;
    padding: 10px 6px 10px 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.6em;
    color: #333;
   	background-color: #dcdcdc;
}

.content_right p a{
    margin:0;
    padding: 6px 6px 10px 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #bf3229;
    background-image: url(images/arrow_right.gif);
    background-position: left 50%;
    background-repeat: no-repeat;
   	background-color: #dcdcdc;
}

.content_right p a:hover{
    margin:0;
    padding: 6px 6px 10px 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #bf3229;
    background-image: url(images/arrow_right2.gif);
    background-position: left 50%;
    background-repeat: no-repeat;
   	background-color: #dcdcdc;
}

/* end of CSS file */