html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hgroup, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.4em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	*behavior: url(assets/boxsizing.htc);
}

body {
	font-family: "Helvetica", Arial, Calibri, sans-serif;
	color: #202020;
	font-weight: normal;
	width: 100%;
	font-size: 62.5%;
}

a {
	color: #663399;
	text-decoration: none;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
}

a:hover {
	color: #140033;
	text-decoration: none;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
}

h1, h2, h3, h4, h5 {
	color: #140033;
	font-family: 'Helvetica', Calibri, Oswald, sans-serif;
	font-weight: normal;
	margin-bottom:5px;
	line-height: 1.2em;
	text-transform: none;
	font-weight: normal;
	width: 100%;
	text-align: left;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.6em;
        color: #7F3E98;
	padding-left:5px;
	font-weight:bold;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 1em;
}

#site-outer {
	float: left;
	position: relative;
	display: inline;
	width: 100%;
	font-size: 1.5em;
	font-weight: normal;
}

#site-inner {
	position: relative;
	float: left;
	left: 32%;
	margin-left:-300px;
	width: 940px;
}

#masthead-outer {
    
        margin-left:auto;
        margin-right:auto;
        width:940px;
        height:173px;
    
    
}



#main-nav {
	position: relative;
	float: right;
	display: inline-block;
	width: auto;
	height: 30px;
	list-style: none;
        font-size: 15px;
	font-weight:bold;
}

#main-nav li {
	float: left;
	display: inline-block;
	list-style: none;
	height: 30px;
}

#main-nav li a {
	display: inline-block;
	color: #fff;
	height: 30px;
	line-height: 20px;
	vertical-align: text-bottom;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	font-family: 'Helvetica', "Arial", Calibri, Oswald, sans-serif;
}

#main-nav li a:hover {
	color: #CCC;
}

#social {
	position: relative;
	float:right;
	left:225px;
	top: 92px;
	list-style: none;
	height: 11px;
}

#social li {
	position: relative;
	display: inline-block;
	float: left;
	width: 11px;
	height: 11px;
	margin-left:20px;
	padding: 0;
}

#nav-bar {
	position: relative;
	width: 100%;
	display: inline-block;
	height: 50px;
	float: left;
}

#nav {
	position: relative;
	float: left;
	left: 50%;
	margin-top:99px;
	margin-left:-475px;
	padding: 0;
	width: 940px;
	height: 50px;
	font-size: 1em;
	z-index: 5;
}

#nav li {
	position: relative;
	float: left;
	height: 30px;
	list-style: none;
	

}

#nav li a {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding-right:2px;
	padding-left:15px;
	color: #fff;
	font-family: 'Helvetica', "Arial", Calibri, Oswald, sans-serif;
        font-size: medium;
	background: url(../images/nav-bar-seperator.png) no-repeat top left;


}

#nav li a:hover {
	color: #140033;
}

#nav ul {
	background: #3D56A6;
	list-style: none;
	position: absolute;
	left: -9999px;
	top: 50px;
	font-size: 0.9em;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
}

#nav ul li {
	padding-top: 0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float: none;
	list-style: none;
}

#nav ul a {
	white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	background-image: none;
	padding-right:5px;
	padding-left: 5px;
	font-size:12px;
}

#nav li:hover ul { /* Display the dropdown on hover */
	left: 0; /* Bring back on-screen when needed */
}

#nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration: none;
}

#nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration: none;
	width: 100%;
}

#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background: #273a82;
}

#left-column {
	width: 800px;
	display: inline-block;
	float: left;
}

.one-column {
	position: relative;
	float: left;
	display: inline-block;
	width: 800px;
}

.newspara {
        width: 450px;
    }
    
.newsimg {
        float: right;
	margin-top:-220px;
	margin-right:-15px;
	margin-left:450px;
}

.readmore {
        margin-top:-280px;   
    
}
    
#right-column {
	width: 120px;
	display: inline-block;
	float: right;

}

#right-column .banner {
	width: 100%;
	text-align: center;
	margin-bottom:20px;
}

ul.switcher {
    width:800px;
    list-style-type: none; 
}

ul.switcher li {
    float:left;
    width:160px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    border-left: solid;
    border-right: solid;
    border-left-width: 5px;
    border-right-width: 5px;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
font-size:12px;
}

li.newsbox1 {
    background-color: #cccc33;
}

li.newsbox2 {
    background-color: #99cc33;	
}

li.newsbox3 {
    background-color: #66cc99;	
}

li.newsbox4 {
    background-color: #33ccff;	
}

li.newsbox5 {
    background-color: #83b2de;	
}

.two-column {
	position: relative;
	float: left;
	display: inline-block;
	width: 265px;

	border-top: solid;
	border-top-color: #006699;
	margin-bottom:10px;
	list-style: none;

}

p.twocolumntext {
	font-size:12px;
	line-height:15px;
	
}



.switcher-content {
  display: block;

}

.comments {
	position: relative;
	float: left;

	width: 100%;

}

.selector {
	position: relative;
	float: left;
	width: 100%;
	display: inline-block;
	margin-bottom:15px;
}

.selector li {
	list-style: none;
	float: left;
	padding-right:4%;
	display: inline;
	text-transform: uppercase;
	font-family: 'Oswald', "Calibri", Arial, Helvetica, sans-serif;

}

.selector li a {
	display: inline-block;
	position: relative;
	float: left;
	background-image: none;
	background-position: bottom center;
	height: 1px;
}

.selector li.current a, .selector li a:hover {
	background: url(../images/current-list-arrow.gif) no-repeat bottom center;
	color: #140033;
}

.carousel-buttons li.current a, .carousel-buttons li a:hover {
	background-color: #273a82;
}

.selector li.current a, .selector li a:hover {
	background: url(../images/current-list-arrow.gif) no-repeat bottom center;
	color: #140033;
}



.magazine-frame {
	float: right;
	display: inline-block;
	position: relative;
	width: 244px;
	margin-top:-40px;
	
}

.magazine-list {
	position: relative;
	float: left;
	width: 240px;
	display: inline-block;
}

.magazine-list li {
	list-style: none;
	float: left;
	padding-right:4%;
	margin-bottom:15px;
	display: inline;
	width: 100%;
	text-transform: uppercase;
	font-family: 'Helvetica', "Arial", Oswald, Calibri, sans-serif;
	font-size: 12px;
}

.one-column-magazine {
	position: relative;
	float: left;
	display: inline-block;
	width: 525px;
	margin-bottom:0px;
	padding-bottom:0px;
	border-top: solid;
	border-top-color: #006699;
	height:260px;
}

.row {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}

.row .label {
	font-family: 'Oswald', "Calibri", Arial, Helvetica, sans-serif;
}

.row .label, .row .formelement {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom:10px;
	text-align: left;
}

.twtr-tweet-text {
	font-size: 9px;
}

.twtr-join-conv {
	display:none !important;
}

.twtr-ft{
	display: none !important;
}



.two-column-row4 {
	position: relative;
	float: left;
	display: inline-block;
	width: 265px;
	border-top: solid;
	border-top-color: #006699;
	list-style: none;

}

#search {

}

#search {

}

#search input[type="text"] {
    background: url(../images/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    height:10px;
    width: 50px;
    padding-top:6px;
    padding-right:15px;
    padding-bottom:6px;
    padding-left:35px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 50px;
    }

select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #ffffff;
    color:#2a579a;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

label {position:relative}
label:after {
    content:'<>';
    font:10px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}

label:before {
    content:'';
    right:3px; top:0px;
    width:18px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

a.all-link {
	position:absolute;
	font-size:12px;
	color:#2E3391;
//	top:235px;
	right:5px;
	
}

a.news-link {
	position:absolute;
	font-size:14px;
	color:#2E3391;
//	top:195px;
	right:370px;
margin-bottom:10px;
}

a.all-link-row4 {
	position:absolute;
	font-size:12px;
	color:#2E3391;
	top:225px;
	right:5px;
	
}

ul.footer {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
}

ul.footer li {
	display: inline;
	list-style: none;
	float: none;
	padding: 0px 10px 0px 10px;
	padding-bottom:15px;
}