.frame-PC{width:320px;border:1px solid black;margin:0px auto 0px auto;}
.page{font-size:18px;color:#333333;font-family:Arial;padding:0;margin:0;}
.page-small{font-size:14px;color:#333333;font-family:Arial;padding:0;margin:0;}
.page-medium{font-size:18px;color:#333333;font-family:Arial;padding:0;margin:0;}
.page-large{font-size:22px;color:#333333;font-family:Arial;padding:0;margin:0;}
.sp{padding:7px 10px 10px 10px;overflow:hidden;}

/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

	html {
		-webkit-text-size-adjust: none;
		}

}

body
{
    font-size: 100%;
    text-align: right;
    margin: 2px;
}


/* specific divs */
#mobile_container
{
    padding: 0px;
    font-family: Calibri, Arial, Times New Roman;
    min-width: 20px;
    max-width: 320px;
}

/* Put these at the bottom for the IE7 z-index bug */
#mobile_menu_bar
{
    text-align: left;
    float: left;
    width: 100%;
    position: relative;
    z-index: 3000;
}


#mobile_menu_bar ul
{
    display: block;
    padding: 5px;
}

/* Un-selected buttons */
.mobile_menu_button, .mobile_contact_page_button, .mobile_main_site_button
{
    padding: 5px;
    color: #000000;
    font-weight: 100;
    vertical-align: middle;
/*    height: 40px;
    width: 110px;*/
    background-color: #DEDFE7;
    position: relative;
}


/* Hover over Un-selected buttons */

.mobile_menu_button:hover, .mobile_contact_page_button:hover, .mobile_main_site_button:hover
{

}

/* Selected buttons */

#mobile_home_page .mobile_menu_button, #mobile_contact_page .mobile_contact_page_button
{
    padding: 10px 5px 10px 5px;
    color: #FFFFFF;
    font-weight: 100;
    background-color: #3F78D2;
    vertical-align: middle;
    position: relative;
}

#mobile_menu_bar ul li
{
    display: inline;
    text-align: left;
    list-style-type: none;
    width: 110px;
    height: 40px;
}

#mobile_menu_bar ul ul
{
    display:none;
    width: 110px;
    height: 40px;
    z-index: 1000;
}

#mobile_menu_bar ul ul li
{
    display:inline;
    width: 110px;
    height: 100px;
    z-index: 1000;
}



#mobile_home_page #mobile_menu_bar ul li:hover ul
{
    display: block; /* this and position:absolute make this work I think */
    position: absolute;
    top: 28px;
    left: 0px;
    z-index: 500;
    width: auto;
    height: auto;
    padding: 5px;
    color: #000000;
    font-weight: 100;
    vertical-align: middle;
    background-color: #DEDFE7;
    border-width: thin;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}


#mobile_menu_bar ul li:hover li
{
/*    border-width: thin;
    border-top-style: solid;*/
}

.mobile_sub_menu_button
{
/*    margin: 10px 0px 10px 0px; */
    color: #000000;
    font-weight: 100;
    vertical-align: middle;
    /* height: 100px; */
    width: 110px;
    background-color: #DEDFE7;
    position: relative;
    font-size: large;
}

.mobile_list_text1_large
{
    font-size: 100%;
    color: #FFFF66;
}

.mobile_spacer_box1
{
    /* This margin allows the actual box inside to have a padding and be 100% */
    margin: 0px 23px 0px 0px;
}

#mobile_sms_footer
{
/* Inherit from container */
}

#mobile_menu_bar ul 
{

}