body{
margin:0;
padding:0;
line-height: 1.5em;
font-size: 13px;
font-family: ariel, helvetica, verdana, sans-serif;
color: #444444;
background-color:#eaeaea;
background: #C7D9E3 url(/website-design-phoenix/images/page-bg.gif) top center repeat-x;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 980px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#ffffff;
}

#logosection{
width: 980px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin-top:10px;
height: 55px; /*Height of logo section*/
background: transparent url(/website-design-phoenix/images/top-bg.gif) top right no-repeat;
}

#topsection{
background: #ffffff;
height: 70px; /*Height of top section*/
border-bottom:0px solid #dcdcdc;
}

#topsection h1{
margin: 0;
font: 18px/24px arial,helvetica,verdana,sans-serif;
color:#2A6491;
}


#contentwrapper{
float: left;
width: 100%;
background-color:#ffffff;
}

#contentcolumn{
margin-right: 340px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 340px; /*Width of right column*/
margin-left: -340px; /*Set left margin to -(RightColumnWidth) */
}

#footer{
clear: left;
width: 100%;
width: 980px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
color: #333333;
text-align: center;
padding: 0;
font-size:11px;
}

#footer a{
color: #577286;
}

#widesection {
clear: left;
width: 100%;
width: 980px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding: 0;
}

.innertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.ltbg {
background: #EFEFEF;
padding:10px;
}
.nobg {
padding:10px;
}
.shadedbg {
background: #ffffff url(/website-design-phoenix/images/shade-bg.gif) top center repeat-x;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #1E677B; /*Green color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 545px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px 'trebuchet ms', Arial, helvetica, sans-serif;
color: #1E677B;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #1E677B; /*Green color theme*/
background: #1E677B url(/website-design-phoenix/images/nav-bg-green.gif) top center repeat-x;
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
text-decoration: none;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #1E677B; /*Green color theme*/
background: #1E677B url(/website-design-phoenix/images/nav-bg-green.gif) top center repeat-x;
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #1E677B; /*Green color theme*/
background-color: black;
color: white;
}

/*** My style ***/
h1 {
font: bold 20px/24px arial,helvetica,verdana,sans-serif;
color:#2A6491;
}

h2 {
font: bold 16px/18px arial,helvetica,verdana,sans-serif;
color:#444444;
}

h3 {
font: bold 16px/18px arial,helvetica,verdana,sans-serif;
color:#2A6491;
margin-bottom:0px;
}

a:link, a:visited, a:active {
text-decoration: none;
color: #0099cc;
}
a:hover {
text-decoration: underline;
color:#006699;
}

.bord {
border: 1px solid #dcdcdc;
}
.bord-top {
border-top: 1px solid #dcdcdc;
}


.text {
font-size: 12px;
font-family: ariel, helvetica, verdana, sans-serif;
color: #444444;
text-align: left;
}
.accent1 {
color:#EB7A0F;
}

.mini {
font-size: 10px;
line-height:12px;
font-family: arial, helvetica, verdana, sans-serif;
color: #444444;
text-align: left;
}
.small {
font: 12px arial, helvetica, verdana, sans-serif;
color:#444444;
}