
input {
width:100%;
	}
	
textarea {
width:100%;
	}

body {
    background-color:#000000;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:16px;
	color:#2A2A2B;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
}

h1 {
	font-size:27px;
	color:#D00059;
	font-weight:normal;
}

h2 {
	font-size:22px;
	color:#D00059;
	font-weight:normal;
}

#container {
    background-color:#E5E5E6;
	position: relative;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 200px;
}

#header	{
	padding: 0;
	margin: 0;
	width: 988px;
	height: 153px;
	top: 0px;
	left: 0px;
}

/*--- the main content ----------------------*/

#content {
    margin-bottom:57px;
	margin-left:31px;
	margin-right:31px;
}

#twitter {
    margin-top:40px;
    margin-bottom:57px;
	margin-left:31px;
	margin-right:31px;
}

/*--- screen widths greater than 980px wide -----------------------------------*/

@media screen and (min-width: 980px) and (max-width: 8000px) {

#container {
background-color:#E5E5E6;
	position: relative;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 988px;
}

/*-- main container: contains all between header and footer ----------------*/

#main_container {
	width:100%;
}

/*--- header ---------------------------------------------------------------*/

#header	{
	padding: 0;
	margin: 0;
	width: 988px;
	height: 153px;
	top: 0px;
	left: 0px;
	background-image:url(images/masthead.gif);
	background-repeat:no-repeat;
}

#header_mobile {
    display:none;
}

/*--- main navigation ------------------------------------------------------*/

#menu_container	{
	width: 988px;
	height: 32px;
}

#menu {
	width: 690px;
	height: 32px;
	margin-top:34px;
	float:right;
}

#menu_cell {
	height: 32px;
	margin-right:32px;
	color:#FFFFFF;
	font-size:14px;
	text-align:right;
	line-height:32px;

}

/*--- the main content ----------------------*/

#content {
    margin-top:35px;
    margin-bottom:27px;
	margin-left:31px;
	margin-right:31px;
	clear:both;
}

#boxes_desktop {
    height:105px;
    margin-top:35px;
    margin-bottom:27px;
	clear:both;
}

#boxes_tablet {
    display:none;
}

#credits {
    height:45px;
    margin-top:35px;
    margin-bottom:27px;
	margin-left:31px;
	margin-right:31px;
	padding-bottom:10px;
	text-align:center;
	clear:both;
}

a.one:link {font-size:20px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.one:visited {font-size:20px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.one:hover {font-size:20px; color:#FFFFFF; text-decoration:underline; font-weight:bold;}
a.one:active {font-size:20px; color:#FFFFFF; text-decoration:none; font-weight:bold;}

a.two:link {font-size:20px; color:#FFFFFF; text-decoration:none;}
a.two:visited {font-size:20px; color:#FFFFFF; text-decoration:none;}
a.two:hover {font-size:20px; color:#FFFFFF; text-decoration:underline;}
a.two:active {font-size:20px; color:#FFFFFF; text-decoration:none;}

}


/*--- screen widths between 766px and 979px wide -----------------------------------*/

@media screen and (min-width: 766px) and (max-width: 980px) {

#container {
	position: relative;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 750px;
}

#main_container {
	width:100%;
}

#header	{
	background-image:url(images/masthead_tablet.gif);
	background-repeat:no-repeat;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 153px;
	top: 0px;
	left: 0px;
}

#header_mobile {
    display:none;
}

#menu_container	{
	width: 320px;
	height: 32px;
	padding-left:18px;
	float:right;
}

#menu {
	width: 750px;
	height: 32px;
	margin-top:34px;
	float:right;
}

#menu_cell {
	height: 32px;
	margin-right:32px;
	color:#FFFFFF;
	font-size:14px;
	text-align:right;
	line-height:32px;
}

#content {
	width: 688px;
    margin-top:25px;
	margin-left:0;
	margin-right:0;
    padding-bottom:18px;
	padding-left:31px;
    padding-right:31px;
    text-align:left;
	clear:both;
	}
	
#content img {
    width:100%;
    height:auto;
	}
	
#boxes_desktop {
    display:none;
}

#boxes_tablet {
	width: 688px;
    height:105px;
    margin-top:35px;
    margin-bottom:27px;
	padding-left:31px;
    padding-right:31px;
	clear:both;
}
	
#credits {
    height:45px;
    margin-top:35px;
    margin-bottom:27px;
	margin-left:31px;
	margin-right:31px;
	padding-bottom:10px;
	text-align:center;
	clear:both;
}
	
a.one:link {font-size:16px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.one:visited {font-size:16px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.one:hover {font-size:16px; color:#FFFFFF; text-decoration:underline; font-weight:bold;}
a.one:active {font-size:16px; color:#FFFFFF; text-decoration:none; font-weight:bold;}

a.two:link {font-size:16px; color:#FFFFFF; text-decoration:none;}
a.two:visited {font-size:16px; color:#FFFFFF; text-decoration:none;}
a.two:hover {font-size:16px; color:#FFFFFF; text-decoration:underline;}
a.two:active {font-size:16px; color:#FFFFFF; text-decoration:none;}
	
}


/*--- screen widths less than 766px wide -----------------------------------*/

@media only screen and (max-width: 766px) {

body {
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
}

#container {
    width:100%;
    height:100%;
    margin-bottom:0;
}

#header	{
    display:none;
}

#header_mobile {
	width: 100%;
    height:52px;
    text-align:center;
}

#header_mobile img {
     padding:20px;
}

#menu_container	{
	height: 32px;
}

#menu {
    width:100%;
	height: 32px;
	float:right;
	background-color:#CC3300;
	margin-bottom:15px;
}

#menu_cell {
	width: 50%;
	height: 32px;
	border-bottom-style:dashed;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	line-height:32px;
	float:left;
	background-color:#2A2A2B;
}

#menu_cell a:link {
	width: 100%;
	height: 32px;
	border-bottom-style:dashed;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	line-height:32px;
	float:left;
	background-color:#2A2A2B;
}

#menu_cell a:visited {
	width: 100%;
	height: 32px;
	border-bottom-style:dashed;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	line-height:32px;
	float:left;
	background-color:#2A2A2B;
}

#menu_cell a:hover {
	width: 100%;
	height: 32px;
	border-bottom-style:dashed;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	line-height:32px;
	float:left;
	background-color:#D00059;
}

#menu_cell a:active  {
	width: 100%;
	height: 32px;
	border-bottom-style:dashed;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	line-height:32px;
	float:left;
	background-color:#2A2A2B;
}

#menu_cell_b {
	width: 50%;
	height: 32px;
	border-bottom-style:dashed;
	font-size:18px;
	text-align:center;
	line-height:32px;
	float:right;
	background-color:#CCCC33;
}

#main_container {
background-color:#E5E5E6;
	width:100%;
	height:100%;
}

#content {
    margin-top:310px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
    padding-bottom:18px;
    padding-left:18px;
    padding-right:18px;
    text-align:left;
	background:none;
	}
	
#content img {
width:100%;
height:auto;
	}
	
#image_block {
    display:none;
	}
	
#boxes_desktop {
    display:none;
}

#boxes_tablet {
    display:none;
}

#twitter {
    margin-top:40px;
    margin-bottom:57px;
}
	
#credits {
display:none;
}
	
}

/*--- additional link styles -----------------------------------------------*/

a.three:link {color:#2A2A2B; text-decoration:underline;}
a.three:visited {color:#2A2A2B; text-decoration:underline;}
a.three:hover {color:#2A2A2B; text-decoration:none;}
a.three:active {color:#2A2A2B; text-decoration:underline;}

a.four:link {font-size:20px; color:#FFFFFF; text-decoration:none;}
a.four:visited {font-size:20px; color:#FFFFFF; text-decoration:none;}
a.four:hover {font-size:20px; color:#FFFFFF; text-decoration:underline;}
a.four:active {font-size:20px; color:#FFFFFF; text-decoration:none;}

a.five:link {color:#D00059; text-decoration:none;}
a.five:visited {color:#D00059; text-decoration:none;}
a.five:hover {color:#2A2A2B; text-decoration:underline;}
a.five:active {color:#D00059; text-decoration:none;}

a.six:link {color:#D00059; text-decoration:none;}
a.six:visited {color:#D00059; text-decoration:none;}
a.six:hover {color:#2A2A2B; text-decoration:underline;}
a.six:active {color:#D00059; text-decoration:none;}

.bold {
    font-weight:700;
}

.small {
    font-size:12px;
}

.telephone {
	font-weight:400;
	}
	
.telephone_bold {
	font-weight:700;
	}