/*******************************************************
 *
 *  Site:      	Layton Community Action Council
 *  File:      	AllStyle.css
 *  Purpose:   	Common Stylesheet For All LCAC Pages
 *  Updated:	November 30, 2009	  
 *
/******************************************************/

/* Default Font */
* { font-family : Verdana, Arial, Helvetica, sans-serif; }
 
/* Body Defaults */
body { background-color : #0b294a;
       color : #000000;
       font-size : 71%;
       margin : 0em; }

/* Wrapper Div Properties */
div#Wrapper { border : 0em;
	      margin : 1.1em auto;
	      padding : 0em;
              position : relative;
              width : 75em; }

/* Title Image Properties  */
div#TitleImage { background-color : #ffffff;
		 border : 0em;
                 margin : 0em auto;
                 padding : 0em;
		 text-align : center;
                 width : 75em; }

#TitleImage img { border : 0em;
		  height : 17.5em;
                  margin : 0em auto;
                  padding : 0.5em; }

/* Content Div Properties */
div#ContentDiv, div#ContentDiv table { border : 0em;
				       margin : 0em auto; }

div#ContentDiv { background-color : #ffffff;
                 padding : 0em;
                 width : 75em; }

div#ContentDiv table { border-collapse : collapse;
                       padding : 1em 3em 1em 3em; 				/* Top Right Bottom Left */
                       /*table-layout : fixed; */
                       width : 69em; }

td#ContentBox { border : 0em;
                margin : 0em auto;
		padding : 0em;
	        vertical-align : top; 
		width : 46em; }

td#ContentBox h3 { color : #fcba72;
		   font : bold 1.2em Verdana, sans-serif;
                   padding-top : 1em; }

/* Layout For Contacts Page */
td#ContentBox table.contacts, td#ContentBox table.contacts td { border : 0em;
                                                                margin : 0em auto;
                                                                text-align : center; }

td#ContentBox table.contacts { border-collapse : collapse;
                               padding : 0em;
                               width : 40em;
                               table-layout : fixed; }

td#ContentBox table.contacts td { padding : 0.5em; }

/* Main Page Content Properties */

div#IndexDiv { border : 0em;
	       margin : 0em;
               padding : 1em 3em 1em 3em; }                               /* Top Right Bottom Left */


/* Main Menu Image Properties */
td#MainMenuImage { padding-top : 2em;
                   text-align : right;
                   vertical-align : top;
                   width :  5em; }

td#MainMenuImage img { width : 3.2em; }

/* Main Menu Properties */
td#MainMenu { vertical-align : top;
              width : 22em; }

ul#Menu { padding : 1em; }

ul#Menu li { padding-bottom : 0.5em; }

ul.SubMenu { list-style-position :  inside; }

ul#Menu, ul.SubMenu { border : 0em;
          	      list-style-type : none;
                      margin : 0em auto;
		      text-align : left; 
		      vertical-align : middle;
                      white-space : nowrap; }

ul#Menu a { color : #4a70bc; }

ul#Menu a:hover { color : #fa890f; }

ul#Menu a, ul#Menu a:hover { font : bold 1.5em Verdana, sans-serif;
                             text-decoration : none; }

ul#Menu ul.SubMenu li a, ul#Menu ul.SubMenu li a:hover { font : 1.2em Verdana, sans-serif; }

/* Color Break Properties */
div#BlueBreakLarge, div.BlueBreakSmall, div#OrangeBreakLarge, div.OrangeBreakSmall { border : 0em; 
										     margin : 0em auto; 
										     padding : 0em; 
										     width : 75em; }

div#BlueBreakLarge, div.BlueBreakSmall { background-color : #394d99; }

div#OrangeBreakLarge, div.OrangeBreakSmall { background-color : #fcba72; }

div#BlueBreakLarge { height : 3em; }

div#OrangeBreakLarge { height : 1em; }

div.BlueBreakSmall { height : 1em; }

div.OrangeBreakSmall { height : 0.5em; }

/* Footer Properties */
div#Footer, div#Footer table, td#FooterLeft, td#FooterMiddle, td#FooterRight { border : 0em; 
									       margin : 0em auto; }

div#Footer, div#Footer table { width : 73em; }

div#Footer { background-color : #ffffff; 
	     padding : 1em; }

div#Footer table { height : 10em; 
		   padding : 0em; }

td#FooterLeft, td#FooterMiddle, td#FooterRight { padding : 0em; 
						 vertical-align : middle; }

td#FooterLeft, td#FooterRight { width : 14em; }

td#FooterLeft img, td#FooterRight img { border : 0em;
					height : 8.6em; }

td#FooterLeft { text-align : left; }

td#FooterRight { text-align : right; }

td#FooterMiddle { text-align : center; 
		  width : 45em; }

td#FooterMiddle p { font-size : 1.2em; 
		    font-weight : bold; }

/* Footer Menu Properties */
div#FooterMenu p { text-align : center;
		   vertical-align : middle; }

div#FooterMenu p, div#FooterMenu a { color : white;
                   		     font-size : 1.2em;
                   		     font-weight : bold; 
		   		     text-decoration : none ; }