/**
 * Styles by Selina Chang
 * selinachang@gmail.com for questions
 */

/**  Color palette: use these codes.
 *
 *  rgb( 50, 50, 50);   # near black - text
 *  rgb( 32, 32, 32);   # near black background 
 *  rgb( 51,102,153);   # dark blue  336699
 *  rgb(108,188,255);   # light blue  6CBCFF
 *  rbg(  0,  0,  0);   # black
 *  rgb(255,255,255);   # white  EEEEEE
 *  rgb(203,207,180);   # light brown  CCCCCC
 *
 *
 *  Global elements here:
 */

/**
 * 	background-image: url(../images/blue_gradient.png);
 *	background-repeat: repeat-x;
 *	background-color: rgb(108,188,255);
 *
 *  */

body {
    font-family:Helvetica,Verdana,Geneva,Arial,sans-serif;	font-size:14px;
    text-align: left;	
    margin: 0px;
    padding: 0px;
}

p, li, td, th {
    font-family:Helvetica,Verdana,Geneva,Arial,sans-serif;
    font-size:14px;
    text-align: left;
}



/* Image Border and position */
/*  margin: 0 0 0 1em;     */
/*       */


img.right {
    border: none;
    padding: 3px;
    margin: 0 0 0 0;
    float: right;
}

/* margin: 0 1em 0 0;   */
/*       */

img.left {
    border: none;
    padding: 3px;
    margin: 0 0 0 0;
    float: left;
}

img.center {
    margin-left: auto;
    margin-right: auto 
}

/* Headers and Captions */

h1, h2, caption{
    color:#336699;
    font-family:Helvetica,Verdana,Geneva,Arial,sans-serif;
    font-size:16px;
    font-weight:bold;
    text-align: left;
}

h3, h4, caption{
    color:#000000;
    font-family:Helvetica,Verdana,Geneva,Arial,sans-serif;
    font-size:16px;
    font-weight:bold;
    text-align: left;
}

h5, caption{
   	color:#336699;
    font-family:Helvetica,Verdana,Geneva,Arial,sans-serif;
    font-size:16px;
    font-weight:bold;
    text-align: left;
	padding: 0px 20px 0px 20px;
	text-shadow: #cecece 2px 2px 2px;
}

h6, caption{
	color:#336699;
    font-family:Helvetica,Verdana,Geneva,Arial,sans-serif;
    font-size:19px;
    font-weight:bold;
    text-align: left;
 	padding: 0px 20px 0px 20px;
	text-shadow: #cecece 2px 2px 2px;
}

h5{margin-top:0em} 
h5{margin-bottom:0em} 
h6{margin-top:0em} 
h6{margin-bottom:0em} 

caption {
    background-color: #EEEEEE;
}

/* Menu */
/* display:inline-block; */

#menu {
    width: 100%;
    background-color: #999999;
    margin-left: auto;
    margin-right: auto; 
    margin: 0px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

#menu a
{
    text-align: center;
    text-transform: uppercase;
    padding: 0em 0.5em 0em 0.5em;
    background-color: #999999;
    color: black;
    font-family: "Trebuchet MS", Helvetica,Verdana,Geneva,Arial,sans-serif;
    text-decoration: none;
    font-size:12px;
}

#menu a:hover {
    background-color: #CCCCCC;
    text-decoration:none;
}

/* Contains the whole page, the header and left, middle, and right column */
/*      */
/* Container will take up 96% of the browser width */
/* Container is divided into header, content and footer*/
/*  	Content is divided into 3 column   */
/*  		Left and Right Columns are fixed width  */
/*  		Middle Column is variable width  */


#container {
    background-color: #FFF;
    margin: 0 auto;
    width: 960px;
    min-height: 512px;
}

/*  Original Maverick Angel site had this gradient in the header  */
/*    */
/*   background: url(../images/spacer_head_gradient.gif) repeat-y top right;    */
/*     display:inline-block;   */


#header {
    width: 100%;
    margin:0px;
    height:100px;
    background-color:rgb( 51,102,153);
}

#content {
    background-color:#CCCCCC;
    width: 100%;
    overflow:hidden;
/*    position:relative;
*/
    clear: both;
    margin: 0;
    padding: 0;
}

#content2 {
    margin: 0;
    padding: 0;
}

/* Left Column = CI pageinfo  */

.debug {
/*    border: 1px solid red;
*/
}

/*
     Changed width to 150px from 140px  - MWH - Jan 12, 2009
*/

#left_column {
    background-color: #CCCCCC;
    margin: 0;
    padding-top: 2em;
    width:  170px;
    float:  left;
}

/* Middle Column = CI pagecontent  */

#middle_column {
    background-color: white;
    overflow:   auto;
    margin-left: 160px;
    margin-right: 160px;
    width: 620px;
}

#middle_column p, h1, h2, h3, h4, table{
    padding: 0px 20px 0px 20px;
    overflow: visible;
}

/* 
   Right Column
   Changed width to 150px from 140px  - MWH - Jan 12, 2009
*/

#right_column {
    padding-top: 2em;
    width: 170px;
    right:   0px;
    top:    10px;	
    float: right;
    background-color: #CCCCCC;
}

/*  Was   MWH - Jan 12, 2009
   #left_column p, #right_column p {
    padding: 0px 05px 0px 05px;  Top, right, bottom, left
    font-size: 12px;
	}
*/

#left_column p  {
    padding: 0px 15px 0px 15px;
    font-size: 12px;
}
#right_column p {
    padding: 0px 15px 0px 15px;
    font-size: 12px;
}

/* Footer */

#footer { 
    background: url(../images/spacer_head_gradient2.gif) repeat-y top left;
    width:100%;
    height:2.2em;
    display:inline-block;
    color:#333333;
    font-family:Helvetica,Verdana,Geneva,Arial,sans-serif;
    font-size:10px;
    padding:2px;
    clear: both;
}

#footer2 { 
    background: url(../images/spacer_head_gradient2.gif) repeat-y top left;
    color: black;
	display:inline-block;
	font-family: "Trebuchet MS", Helvetica,Verdana,Geneva,Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	height:1.4em;
	padding: .2em 0em 0em .8em;
	text-transform: uppercase;
	width:100%; 
}

/* Used in events.shtml */

table#events td {
    border: 1px solid #ccc;
}
table#events th {
    background-color: #B0C4DE;
}

/* Used in index.shtml */

table#home td {
    border: none
}
table#home th {
    background-color: #B0C4DE;
}

/* Used main page (Index.shtml) */

#externalmarquee {
    width:  100px;
    float:  left;
    height: 260px;
    border: 0px solid black;
    padding:0px 5px 0px 10px;
    margin: 0;
}

.nested_content {
    float:left;
/*    clear: both; */
    margin: 0;
    width: 100%;
    background-color: white;
}

.nested_left {
    margin-left: -20px;
}

.center {
    text-align:center;
}

.left {
    float: left;
}
.right {
    text-align: right;
}
.imageleft {
    float: left;
    padding: 1em;
    border: none;
}
.imageright {
    float: right;
    padding: 1em;
}

.clearboth {
    clear:both;
    height:1px;
    border:none;
    margin:0; 
    padding:0;
    background:transparent;
}

.clearleft {
    clear: left;
}

.box {
    background-color: #CCCCCC;
    border: 1px solid #333333;
    text-align: center;
    padding: .5em 8em;
}

.quote {
    width: 180px; 
    background:#eeeeee; 
    color:#666666; 
    float: right; 
    border:2px solid #666666; 
    font-weight:bold; 
    padding:5px; 
    margin: 10px;
    padding-right: 10px;
    font-family : times, serif;
    font-size:19px; 
    font-style: italic;
    font-weight: bold;
}

.lightgray {
    background-color: #eee;
}