/*
Add a Mobile Landing Page to Your Site
By Sam Dunn
Build Internet 2011
http://buildinternet.com/2011/01/add-a-mobile-landing-page-to-your-site
*/
.SmallText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #000000}
.MediumText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000}

.SmallerWhiteText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF}

.MediumWhiteText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF}

.LargeWhiteText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #FFFFFF}

.LargeText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; color: #000000}

.SmallLiText {  font:300 9px "helvetica neue", Helvetica, Arial, sans-serif; letter-spacing:0em; text-transform: none;}

.MediumLiText {  font:300 11px "helvetica neue", Helvetica, Arial, sans-serif; letter-spacing:0em; text-transform: none;}

TABLE.list { BORDER-COLLAPSE: collapse; border-color: black; background-color: #FFFFFF; padding: 5px;}

body{
    margin: 0;
    padding: 0;
    background-color: #000;
    text-align:center;
    background-image:url('mobile_bg.jpg');
    background-repeat:repeat-x;
}

button{
    padding: 5px;
    background-color: #FF6600;
    border:none;
    color:#FFFFFF;
    font-weight:bold;
    text-align:left;
}

	#banner{
		width:100%;
		padding:0px 0;
        text-align:center;
	}
    #banner2{
		width:100%;
		padding:10px 0;
		background-color:#8B6453;
	}
    #banner img{
    	margin:0px auto;
    }

	#content{
		padding:0px 0px 0px 0px;
        margin: 0;
        background-color:#FFF;
	}	
		#content .icon{ 
			height:80px;
			width:80px;
		}
		#content p{ 
			color:#000000;
			font:300 17px "helvetica neue", Helvetica, Arial, sans-serif;
			margin:0 0 0px 0;
			line-height:140%;
		}
		#content a{
			border-bottom:0px dotted #222;
			text-decoration:none;
            color:#004400;
		}
        #content a.whitelink{
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;
			text-decoration:none;
            color:#fff;
		}
        #content a.headlink{
			text-decoration:none;
            color:#fff;
		}
        #content input{
			font:500 12pt "helvetica neue", Helvetica, Arial, sans-serif;
            margin: 2px;
		}

			#content a.full-site{
				height:28px;
				font:500 9.5pt "helvetica neue", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				text-decoration:none;
				letter-spacing:0.1em;
				background:url('button-link.png') no-repeat right top;
				border:none;
				color:#000000;
				padding:7px 33px 6px 0;
			}

            #content a.more-link{
				height:28px;
				font:500 9.5pt "helvetica neue", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				text-decoration:none;
				letter-spacing:0.1em;
				background:url('more-link.gif') no-repeat right center;
				border:none;
				color:#000000;
				padding:7px 33px 6px 0;
			}

            #content a.home{
				height:28px;
				font:500 9.5pt "helvetica neue", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				text-decoration:none;
				letter-spacing:0.1em;
				background:url('home.gif') no-repeat right top;
				border:none;
				color:#000000;
				padding:7px 58px 6px 0;
			}

            #content a.back{
				height:28px;
				font:500 9.5pt "helvetica neue", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				text-decoration:none;
				letter-spacing:0.1em;
				background:url('back.gif') no-repeat right top;
				border:none;
				color:#000000;
				padding:7px 58px 6px 0;
			}

            #content a.roster{
				height:28px;
				font:500 9.5pt "helvetica neue", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				text-decoration:none;
				letter-spacing:0.1em;
				background:url('roster.gif') no-repeat right top;
				border:none;
				color:#000000;
				padding:7px 58px 6px 0;
			}

            #content a.map2{
				height:28px;
				font:500 9.5pt "helvetica neue", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				text-decoration:none;
				letter-spacing:0.1em;
				background:url('map.gif') no-repeat right top;
				border:none;
				color:#000000;
				padding:7px 58px 6px 0;
			}

            #content a.map{
				height:28px;
				font:500 9.5pt "helvetica neue", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				text-decoration:none;
				letter-spacing:0.1em;
				background:url('map_icon.gif') no-repeat right top;
				border:none;
				color:#000000;
				padding:7px 33px 6px 0;
			}

		ul{
			margin:0 0 0px 0;
            padding: 0;
		}
			ul li{
                color:#000;
				font:400 13px "helvetica neue", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				text-decoration:none;
				letter-spacing:0.1em;
				list-style:none;
                background-color:#FFF;
				padding:7px;
                margin-right:7px;
                margin-left:7px;
                margin-bottom:7px;
			}
            ul li.even{
                text-align:left;
				background-color:#F1F1F1;
			}
			ul li.odd{
                text-align:left;
				background-color:#CCC;
			}
            ul li.evenc{
                text-align:center;
				background-color:#F1F1F1;
			}
            ul li.oddc{
                text-align:center;
				background-color:#CCC;
			}
            ul li.iwsl{
                font:400 20px "helvetica neue", Helvetica, Arial, sans-serif;
                                background-image:url('mobile_black_bg.jpg');
                background-repeat:repeat-x;
                                color:#FFF;
                padding:5px;
                margin-right:0px;
                margin-left:0px;
			}
            ul li.black{
                                background-color: #000;
                                color:#FFF;
                padding:10px;
                margin-right:0px;
                margin-left:0px;
			}
            ul li.dark{
                background-color: #000;
                color:#FFFFFF;
                padding:10px;
                margin-right:0px;
                margin-left:0px;
			}
            ul li.darkbig{
                font:400 20px "helvetica neue", Helvetica, Arial, sans-serif;
                background-color: #000;
                color:#FFFFFF;
                padding:10px;
                margin-right:0px;
                margin-left:0px;
			}
            ul li.left{
                text-align:left;
                text-transform: none;
			}

            ul li.red{
				background-color:#FF9999;
			}
            ul li.error{
				background-color:#FF9999;
                margin-right:0px;
                margin-left:0px;
			}
            ul li.white{
                text-align:left;
				background-color:#FFF;
			}
            ul li.dev{
				font:400 8px "helvetica neue", Helvetica, Arial, sans-serif;
				background-color:#FF9999;
                padding:1px;
                margin-right:0px;
                margin-left:0px;
                margin-bottom:0px;
			}
            ul li.help{
				font:400 10px "helvetica neue", Helvetica, Arial, sans-serif;
				background-color:#FFFF99;
                padding:2px;
                margin-top:-7px;
                margin-bottom:7px;
			}
            ul li.none{
				font:400 10px "helvetica neue", Helvetica, Arial, sans-serif;
				background-color:#B7FFB7;
                padding:2px;
                margin-top:-7px;
                margin-bottom:7px;
			}
            ul li.helpbig{
				font:400 13px "helvetica neue", Helvetica, Arial, sans-serif;
				background-color:#FFFF99;
                padding:4px 4px 4px 4px;
                margin-top:-7px;
                margin-bottom:7px;
			}
            ul li.toolbar{
                text-align:left;
				background-color:#000;
                color:#FFF;
                padding:10px;
			}
            ul li.yellow{
				background-color:#FFFF99;
			}
			
#content A.butlink:link {
  border: 1px outset;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  COLOR: #FFFFFF;
  LINE-HEIGHT: 14px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  background-color: #666666;
  TEXT-DECORATION: none }
#content A.butlink:visited {
  border: 1px outset;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  COLOR: #FFFFFF;
  LINE-HEIGHT: 14px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  background-color: #666666;
  TEXT-DECORATION: none }
#content A.butlink:hover {
  border: 1px outset;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  COLOR: #FFFFFF;
  LINE-HEIGHT: 14px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  background-color: #666666;
  TEXT-DECORATION: none }

#content A.butlinkw:link {
  border: 1px solid;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  LINE-HEIGHT: 13px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  background-color: #FFFFFF;
  TEXT-DECORATION: none }
#content A.butlinkw:visited {
  border: 1px solid;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  background-color: #FFFFFF;
  LINE-HEIGHT: 13px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  TEXT-DECORATION: none }
#content A.butlinkw:hover {
  border: 1px solid;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  background-color: #FFFFFF;
  LINE-HEIGHT: 13px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  TEXT-DECORATION: none }

#content A.butlinkg:link {
  border: 1px solid;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  LINE-HEIGHT: 13px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  COLOR: #FFFFFF;
  background-color: #009900;
  TEXT-DECORATION: none }
#content A.butlinkg:visited {
  border: 1px solid;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  COLOR: #FFFFFF;
  background-color: #009900;
  LINE-HEIGHT: 13px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  TEXT-DECORATION: none }
#content A.butlinkg:hover {
  border: 1px solid;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  COLOR: #FFFFFF;
  background-color: #009900;
  LINE-HEIGHT: 13px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  TEXT-DECORATION: none }

#content A.butlinkb:link {
  border: 1px solid;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  LINE-HEIGHT: 13px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  COLOR: #FFFFFF;
  background-color: #0000CC;
  TEXT-DECORATION: none }
#content A.butlinkb:visited {
  border: 1px solid;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  COLOR: #FFFFFF;
  background-color: #0000CC;
  LINE-HEIGHT: 13px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  TEXT-DECORATION: none }
#content A.butlinkb:hover {
  border: 1px solid;
  padding: 5px 5px 5px 5px;
  FONT-SIZE: 13px;
  COLOR: #FFFFFF;
  background-color: #0000CC;
  LINE-HEIGHT: 13px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  TEXT-DECORATION: none }

#content A.smbutlink:link {
  border: 1px outset;
  padding: 1px 3px 1px 3px;
  FONT-SIZE: 9px;
  COLOR: #FFFFFF;
  LINE-HEIGHT: 10px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  background-color: #666666;
  TEXT-DECORATION: none }
#content A.smbutlink:visited {
  border: 1px outset;
  padding: 1px 3px 1px 3px;
  FONT-SIZE: 9px;
  COLOR: #FFFFFF;
  LINE-HEIGHT: 10px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  background-color: #666666;
  TEXT-DECORATION: none }
#content A.smbutlink:hover {
  border: 1px outset;
  padding: 1px 3px 1px 3px;
  FONT-SIZE: 9px;
  COLOR: #FFFFFF;
  LINE-HEIGHT: 10px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  background-color: #666666;
  TEXT-DECORATION: none }

#footer A.smbutlink:link {
  border: 1px outset;
  padding: 1px 3px 1px 3px;
  FONT-SIZE: 9px;
  COLOR: #FFFFFF;
  LINE-HEIGHT: 10px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  background-color: #666666;
  TEXT-DECORATION: none }
#footer A.smbutlink:visited {
  border: 1px outset;
  padding: 1px 3px 1px 3px;
  FONT-SIZE: 9px;
  COLOR: #FFFFFF;
  LINE-HEIGHT: 10px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  background-color: #666666;
  TEXT-DECORATION: none }
#footer A.smbutlink:hover {
  border: 1px outset;
  padding: 1px 3px 1px 3px;
  FONT-SIZE: 9px;
  COLOR: #FFFFFF;
  LINE-HEIGHT: 10px;
  FONT-FAMILY: arial, helvetica, sans-serif;
  background-color: #666666;
  TEXT-DECORATION: none }