body { color: #000000; margin: 0px; padding: 0px; font-weight:normal; font-family:"proxima-nova",Arial, Helvetica, sans-serif; font-size:1em; }

a{color: #2F85B7;}

.subhead {color: #2F85B7; font-weight: bold; padding: 10px 0px 3px;}

h1 {
font-family: verdana, arial, helvetica;
font-size: 18px;
margin: 0;
}

h3 {color: #2F85B7; font-weight: bold;}

#VOCUSHTML P {
	font-family: "proxima-nova",verdana,arial,helvetica !important;
	font-size: 15px !important;
	margin-bottom: 15px !important;
}

.alert {
	color: red;
}

.disabled {
	background-color: #efefef;
}

#header {
    float: left;
    width: 100%;
	text-align:center;
}

.headertext {
	font-family: "proxima-nova",Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 1.5em;
	padding-bottom: 5px;
}

#sitewrap {
    float: left;
    min-height: 100px;
    width: 100%;
}

#menuwrap {
    float: left;
    min-height: 100px;
    width: 100%;
}

#sitecontent {
	float: none;
    margin: 0 auto;

	width:98%;
}


#footer {
    float: left;
    margin-top: 20px;
    min-height: 380px;
    width: 100%;
}


#footertop {
    float: left;
    width: 100%;
	height: 100px;
}


#footerbottom {
    bottom: 0;
    box-shadow: 0 -1px 5px #D0CFCF;
    left: 0;
    margin-top: 25px;
    min-height: 44px;
    position: fixed;
    width: 100%;
    z-index: 3000;
}

#footertext {
	background-color: white;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
}	

#footericons {
	background-color: black;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 8px;
}

#socialmedia {
	display: inline;
	float: right;
}


.clear {
    clear: both !important;
}

.menubutton {
	background:#7EB6D7 url(buttonbg.jpg) repeat-x;
	height: 44px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 44px;
}

.menubutton A  {
	color: white;
	text-decoration: none;
	 font-weight: bold;
}


#rightside {
	display: none;
}

table {
	/*width: 100%;*/
}

.issuewrap {
/*background:#ffffff url(buttonbg.jpg) repeat-x;*/
text-align: left;
vertical-align: middle;
width: 100%;
}

.takeaction  {
	display: inline;
	clear: right;
}

a.actionissue {
text-decoration: none;
	color: black;
	font-weight: bold;

}

.noactionissue {
	margin-left: 44px;
	line-height: 44px;
	vertical-align: middle;
}

.colleft { float : left; width : 25%; }
.colright { float : right; width : 75%; }

#MemberTab { float : left; width : 50%; text-align: center; }
#StaffTab { float : right; width : 50%; text-align: center; }

.right {
	float: right;
}

.coltabon { 
	background-color: #E3E3E3;
	color: black;
	font-weight: bold;
	
}
.coltaboff { 
	background-color: #5180A0;
	color: white;
}

.coltaboff a.tab {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.coltabon a.tab {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.memberdata {
	width: 100%;
	background-color: #E3E3E3;
	line-height: 20px;
}

.staffdata {
	display: none;
	width: 100%;
	background-color: #E3E3E3;
	line-height: 20px;
}

.memberheader {
	width: 100%;
	background-color: #5180A0;
	color: white;
	font-weight: bold;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}


@media all and (max-width: 320px){
	body { font-size:13px;}
	p, td, div{ font-size:13px;}
	.menubutton A  { font-size:15px; font-weight: bold;}
	#header .headertext {font-size: 18px;}
	h1 {font-size: 16px;}
	#sitewrap{ width:94%; padding:0px; margin:0 auto;}
	#menuwrap { width:100%; padding:0px; margin:0 auto;}
	#sitecontent{ width:98%; margin:0 auto;}
	#header img{ width:100%; height:auto;}
	.buttons img{ width:80%; height:auto;}
	textarea{width: 100%;}
	.webform .pageleft.columns                   { width: 250px; }
	.webform .pageright.columns                    { width: 250px; margin-left: 0px; }
}

@media all and (max-width:480px) and (min-width:320px){
	body { font-size:13px;}
	p, td, div{ font-size:13px;}
	.menubutton A  { font-size:15px; font-weight: bold;}
	#header .headertext {font-size: 20px;}
	h1 {font-size: 16px;}
	#sitewrap{ width:94%; padding:0px; margin:0 auto;}
	#menuwrap { width:100%; padding:0px; margin:0 auto;}
	#sitecontent{ width:98%; margin:0 auto;}
	#header img{ width:100%; height:auto;}
	.buttons img{ width:80%; height:auto;}
	textarea {width: 100%;}
	.webform .pageleft.columns                   { width: 320px; }
	.webform .pageright.columns                    { width: 320px; margin-left: 0px; }
}