/* Page Layout */
html,body { min-width: 970px; height: 100%; }
body { margin: 0px; padding: 0px; }
#partner, #network, #site, #navbar, #content { clear: both; width: 100%; }
html>body #content div.lining {	height: auto; }
#partner { height: 100px; }
#footer { height: 250px; }

/* Page Setup */
html,body { font: 12px Arial; }
hr { width: 100%; height: 0px; }
h1, h2, h3, h4, h5, h6, h7 { margin-top: 0px; }
p { margin-top: 10px; margin-bottom: 0px; }
h1 { font-size: 25px; margin-bottom: 20px; padding-top: 20px; }
h2 { font-size: 18px; margin-bottom: 15px; padding-top: 15px; }
h3 { font-size: 16px; margin-bottom: 12px; padding-top: 12px; }
h4 { font-size: 14px; margin-bottom: 10px; padding-top: 10px; }
h5 { font-size: 12px; margin-bottom: 7px; padding-top: 7px; }
h6 { font-size: 11px; margin-bottom: 5px; padding-top: 5px;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0px; }
body { text-align: center; }
body, caption, td, th, div, p { font: 12px 'Verdana'; }
hr { display: none; }
div.dotted-long { background: url(/images/dotted-long.png); width: 299px; height: 2px; }
div.dotted-medium { background: url(/images/dotted-medium.png); width: 199px; height: 2px; }
div.dotted-short { background: url(/images/dotted-short.png); width: 112px; height: 2px; }
ul, li { padding: 0px; margin: 0px; list-style: none; }
img { border: 0; }
div, td, p, th, table { margin: 0px; border: 0; padding: 0px; }
tr,td { vertical-align: top; }

div.atf300 {
	width: 300px; 
	height: 250px;	
}
.alt { display: none; }

.section ul li strong {
	display: block;	
}
.section ul li {
	line-height: 16px;	
}
a.rss { 
	background: url('/images/icons/nice/16/rss.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;	
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}
.col .section {
	background: url('/images/vgradient.gif');
	background-repeat: repeat-x;
	background-position: 0px 20px;
	margin-bottom: 15px;
	border-top-style: solid;
	border-top-width: 3px ;
}
.col h1 {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 0px;
	font: bold 16px 'Trebuchet MS';
	background: #ffffff;
	text-align: left;
	position: relative;
}
.col ul {
	padding-top: 15px;
	background: url('/images/arrow-cutin.png');
	background-repeat: no-repeat;
	background-position: 15px 0px;	
	position: relative;
}
.col ul, .col p {
	margin-left: 10px;
	margin-right: 10px;
}
.col p {
	padding-top: 3px;
}
.col ul li {
	padding-top: 3px;
	border-bottom: dotted 1px #000000;
	padding-bottom: 3px;
}

/* Ad bar  */

#partner { background: #000000; }
#partner .lb { background: #ffffff; width: 728px; height: 90px; margin-top: 7px; float: left; }
#partner .logo { margin-left: 728px; width: 232px; height: 90px; background: #fffff; }
#partner form {	padding-top: 7px; margin: 0; }
#partner form .textbox { width: 170px; font: 10px Arial; height: 20px; color: #666666; }
#partner form button { width: 30px; font: bold 12px Arial; color: #000000; }

/* Network Bar */
#network { background: #dfdfdf; border-bottom: solid 1px #555555; }
#networklinks { float: left; height: 30px; width: 575px; font: normal 12px Arial; line-height: 30px; text-align: left; padding-left: 10px; color: #777777; }
#networklinks a:first-child { font: bold 14px Arial; color: #606060; }
#motto {background-image: url('/images/logos/msus.png'); background-repeat: no-repeat; background-position: 10px 0px; float: left; height: 30px; width: 575px;}
#motto a {
	padding-left: 75px; padding-right: 17px; font: bold 15px Arial; line-height: 30px; color: #000000; text-decoration: none;
	background-image: url('/images/arrow-down.png'); background-repeat: no-repeat; background-position: center right;	
}

#account { margin-left: 575px; font: bold 12px Arial; text-align: right; line-height: 30px;	padding-right: 20px; }
/* dialog window of network sites */
#network_sites { display: none; }
#network_sites { background: #efefef; border-bottom: solid 1px #555555; width: 100%; }
#network_sites h1 { margin: 0px; padding: 10px; background: #888888; color: #ffffff; }
#network_sites nav { display: block; width: 800px; margin-left: auto; margin-right: auto; margin-top: 5px; }
#network_sites table { width: 100% }
#network_sites table td { width: 25% }
#network_sites a.close { display: block; padding: 10px; font: bold 14px Arial; color: #aa0000; background: #dfdfdf; margin-top: 10px; }

/* Site bar */

#logo { float: left; margin: 0; padding: 0; }
#logo a { display: block; position: relative; background-repeat: no-repeat; }
#logo span { display: none; }
#custom { float: right; overflow: hidden; width: 300px; height: 100px; }
#custom span { }

/* Navigation */
#navbar { position: relative; }
#navbar #search_nav { display: block; margin: 0; padding: 0; float: right; }
#navbar #search_nav label { width: 170px; height: 22px; float: left; }
#navbar #search_nav label input { display: block; margin-top: 2px; width: 170px; font-size: 11px; background: #ffffff; border: solid 1px #888888; border-radius: 5px; padding-left: 15px; }
/* #navbar #search_nav label input:focus { outline: none; } */
#navbar #search_nav button { width: 60px; height: 28px; border: none; background: none; padding: 0; margin: 0;  }
#navbar #search_nav button span { display: block; background-image: url('/images/redesign/button-search.png'); background-repeat: no-repeat; background-position: 0px -1px; width: 56px; height: 28px;  }
#navbar #search_nav button span strong { display: none; }

#navbar { background-repeat: repeat-x; }
#navbar ul {
	display: table; width: 75%;
	position: absolute; left: 0px; top: 0px; height: auto; overflow: visible;
	padding: 0px; text-align: center; list-style: none;
}
#navbar ul li {
	display: table-cell; font: bold 12px Arial; text-align: center;
}
#navbar ul li a { text-decoration: none; }
#navbar div.dropdown {
	display: none; position: absolute; background: #efefef;	left: -999px; z-index: 9999; margin-top: -8px; padding: 7px;
	width: 175px; min-width: 175px; border-left: solid 1px #000000;	border-bottom: solid 1px #000000; border-right: solid 1px #000000;
}
#navbar ul li:hover > div.dropdown { display: block; left: auto; width: auto; }
#navbar div.dropdown a { display: block; margin-bottom: 4px; border: solid 1px #efefef; }

/* Navbar layout */

#navbar ul li a {
	display: block; line-height: 33px; padding-bottom: 2px; font-size: 13px; padding-left: 5px; padding-right: 5px;
	-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
	border-top-left-radius: 10px; border-top-right-radius: 10px;
	-moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
}

/* search bar */
#navbar #search_nav { height: 37px; width: 220px; float: right; }
#navbar #search_nav label { width: 160px; margin-top: 4px; }
#navbar #search_nav label input { padding: 3px; width: 100%; }
#navbar #search_nav button { width: 60px; margin-top: 4px;  }

/* dropdown */
div.dropdown { 
	opacity: .97; 
	filter: alpha(opacity=97);
}
div.dropdown strong {
	display: block;
	border: solid 1px #a0a0a0;
	padding: 2px;
	margin-bottom: 4px;
	background: #cdcdcd;
	background-position: 0 -25px;
}

/* Content */
#content div.lining { background-color: #ffffff; padding-bottom: 35px; text-align: left; }


#content { position: relative; }
#content div.inner { display: table; width: 100%; }
#content header.body { display: table-caption; }
#content div.group { display: table; width: 100%; }
#content section.body { display: table-cell; vertical-align: top; padding-left: 10px; padding-right: 10px; width: auto; }
#content section.body .lining { padding: 10px; }
#content aside.body {  display: table-cell; vertical-align: top; padding-left: 10px; padding-right: 10px; width: 320px; }
#content aside.body .lining { padding: 10px; }

@media all and (max-width: 599px) {
	#content article { display: block; }
	#content section.body { display: block; }
	#content aside.body { display:block; }
}

header.body {
	text-align: center; border-bottom: solid 2px #cdcdcd; margin-bottom: 15px; padding: 7px; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e0e0e0');
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e0e0e0)); background: -moz-linear-gradient(top, #FFFFFF, #e0e0e0);
}
header.body h1 { margin: 0px; padding: 0px; font-size: 18px; font-family: Verdana; word-spacing: 50px; letter-spacing: 10px; color: #ababab; text-transform: uppercase; }
section.side { 
	margin-top: 15px; margin-bottom: 15px; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#FFFFFF');
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#FFFFFF), to(#e0e0e0)); background: -moz-linear-gradient(top, #e0e0e0, #FFFFFF);
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
section.side > div { padding: 10px; }
section.side h2 { margin: 0px; padding: 0px; border-bottom: solid 1px #ababab; margin-bottom: 10px;}
section.side li { margin-bottom: 4px; line-height: 17px; }
section.content { margin-bottom: 15px; clear: left; }
section.content:after { content:''; display: block; clear: left; height: 0px; margin-bottom: 15px; }
.loading { display: block; padding: 50px; background: url('/images/ajax-loader.gif'); background-repeat: no-repeat; background-position: middle middle; }
.loading span { display: none; }


ul.categories { }
ul.categories li { 
	background: #550000; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#550000', endColorstr='#a05555'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#550000', endColorstr='#a05555')"; 
	background: -webkit-gradient(radial, -153 0, 0, 220 -257, 465, from(#550000), to(#a05555)); background: -moz-linear-gradient(top, #550000, #a05555);
	height: 70px; margin-bottom: 5px; padding: 5px; border: solid 2px #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; overflow: hidden; 
	-moz-box-shadow:2px 2px 2px #191919; -webkit-box-shadow:2px 2px 2px #191919; box-shadow:2px 2px 2px #191919;
}
ul.categories li a { color: #efefef; }
ul.categories li a:hover { text-shadow: none; }
ul.categories li header { width: 60%; float: left }
ul.categories li header a { display: block; line-height: 70px; }
ul.categories li header h2 { font-size: 20px; letter-spacing: .2em; text-shadow:5px 3px 4px #000000; margin: 0px; padding: 0px; }
ul.categories li div { width: 39%; margin-left: 61%; }
ul.categories li div a, ul.categories li div p { display: block; line-height: 22px; margin-bottom: 2px; color: #ffffff; }
ul.categories li div p a { display: inline; }
ul.categories li div li a {  }

ol.flexsquares { margin-top: 15px; }
ol.flexsquares li { 
	width: 180px; height: 170px; float: left; margin-right: 12px; margin-bottom: 12px; padding: 5px; border: solid 2px #a0a0a0; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; overflow: hidden; cursor: pointer; 
	-moz-box-shadow:2px 2px 2px #cdcdcd; -webkit-box-shadow:2px 2px 2px #cdcdcd; box-shadow:2px 2px 2px #cdcdcd;
}
ol.flexsquares li:nth-child(3n) { margin-right: 0px; }
ol.flexsquares li:nth-child(odd) { background: #efefef; }
ol.flexsquares li:hover { border-color: #252525; background: #cdcdcd; }
ol.flexsquares li figure { }
ol.flexsquares li figure img { width: 120px; height: 90px; }
ol.flexsquares li div { padding: 5px; }
ol.flexsquares li h2 { font-weight: bold; font-size: 14px; margin: 0px; padding: 0px; }
ol.flexsquares li p { padding-top: 5px; }

section.content form.search { 
	padding: 15px;
	background: #d0d0d0; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#efefef', endColorstr='#d0d0d0'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#efefef', endColorstr='#d0d0d0')"; 
	background: -webkit-gradient(radial, -153 0, 0, 220 -257, 465, from(#efefef), to(#d0d0d0)); background: -moz-linear-gradient(top, #efefef, #d0d0d0);
	border: solid 2px #a0a0a0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; overflow: hidden; 
	-moz-box-shadow:2px 2px 2px #cdcdcd; -webkit-box-shadow:2px 2px 2px #cdcdcd; box-shadow:2px 2px 2px #cdcdcd;
}
section.content form.search h2 { margin: 0px; padding: 0px; color: #777777; margin-bottom: 10px;}
section.content form.search p.textbox { float: left; width: 75%; }
section.content form.search p.button { margin-left: 76%; width: 24%; }
section.content form.search input { width: 100%; line-height: 20px; }
section.content form.search button { width: 100%; height: 20px; }

section.side li strong { display: block; }
section.side li a:after { content: ", "; display: inline; padding-right: 3px; }
section.side li a:last-child:after { content: "."; }

/* Footer */

#footer { background-color: #000000; text-align: left; }
#footer .lining { background-image: url('/images/footerbg.png'); background-repeat: repeat-x; padding: 20px; }
#footer .copyright { color: #cdcdcd; font: 12px Arial; padding-top: 7px; }
#footer .copyright a { font-weight: bold; color: #efefef; }
#footer .links { color: #cdcdcd; font: 12px Arial; margin-top: 15px; float: left; width: 130px; padding-left: 13px; }
#footer .links a { color: #cdcdcd; display: block; padding: 1px; }
#footer .links strong {	color: #efefef; }
#footer .logo {	width: 160px; height: 150px; float: left; }
#footer .logo p { color: #cdcdcd; }
#footer .partner-icons { width: 500px; height: 46px; float: right; }


/* Links */
a { text-decoration: none; color: #0000cc; }
a:hover { text-decoration: underline; }
/* clearfix */
div.breaker { clear: both; }

	
/* Emergency Layout
================================================================ */
	
#leftcol {
	width: 635px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	float: left;
}

#rightcol {
	width: 300px;
	margin-top: 10px;
}

div.withsky #leftcol {
	width: 780px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}

div.withsky #rightcol {
	margin-top: 10px;
	width: 160px;
}
	

/* Global
================================================================ */


.clearer {  
	clear: both;
	width: 1px; height: 1px;	
}

div.image {
	background-repeat: no-repeat;	
}

div.link {
	cursor: pointer;	
}

div.blog div.post {
	clear: both;
	border-bottom: dashed 1px #cdcdcd;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

div.blog div.post div.meta {
	margin-top: 8px;	
	color: #999999;
	
}

div.blog div.post h1 {
	font: bold 19px Verdana;	
}

div.tabgroup {
	height: 20px;	
}

div.tabgroup div.tab {
	float: left;
	height: 20px; 
	width: 100px;
	text-align: center;
	font: bold 12px Arial;
	line-height: 20px;
	margin-right: 7px;
	color: #000000;
}

div.tabgroup div.tab a:link {
	color: #000000;
	text-decoration: none;
}

div.tabgroup div.tab a:visited {
	color: #000000;
	text-decoration: none;
}

div.tabgroup div.tab a:hover {
	color: #000000;
	text-decoration: underline;
}

div.tabgroup div.on {
	background-image: url(/images/tab-on.png);
	display: block;
}

div.tabgroup div.off {
	background-image: url(/images/tab-off.png);
	display: block;
}

div.tabgroup2 {
	height: 20px;	
}

div.tabgroup2 div.tab {
	float: left;
	height: 20px; 
	text-align: center;
	font: bold 12px Arial;
	line-height: 20px;
	padding-top: 2px;
	color: #000000;
	padding-left: 15px;
	padding-right: 15px;
}

div.tabgroup2 div.tab.on {
	background-color: #ffffff;
	display: block;
}

div.tabgroup2 div.tab.off {
	background-color: transparent;
	display: block;
}

div.content.on {
	display: block;
}

div.content.off {
	display: none;
}

.even { background-color: #ffffff; }
.odd { background-color: #efefef; }

#wall .post {
	margin-top: 10px;	
}
#wall .post .meta { border-top: solid 2px #cdcdcd; background-color: #efefef; padding: 4px; }
#wall .post .message { margin-top: 5px; }

div.column {
	float: left;
	overflow: hidden;
}

.refine {
	border: solid 1px #000000;	
	margin-bottom: 20px;
}

.refine h1 {
	font: bold 13px Arial;
	background-color: #cdcdcd;
	padding: 3px;	
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	border-bottom: solid 1px #000000;
}

.refine table {
	width: auto;	
	margin: 5px;
}

.refine th {
	font: bold 12px Arial;	
	padding-right: 10px;
	padding-top: 2px;
}

.refine td, .refine div.on, .refine div.off {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;	
}

.refine div.off, .refine div.on {
	float: left;	
}

.refine .on { 
	background-color: #000000;
}

.refine .on a { 
	color: #ffffff;
}

/* BBCode
================================================================ */

.bbcode_format_buttons input {
	width: 18px; 
	height: 18px;
	border: solid 1px #000000;
	margin: 0px;
	display: inline;
}

.bbcode_format_buttons input.bold { background-image: url(/images/icons/buttons/bold.png); }
.bbcode_format_buttons input.italic { background-image: url(/images/icons/buttons/italic.png); }
.bbcode_format_buttons input.underline { background-image: url(/images/icons/buttons/underline.png); }
.bbcode_format_buttons input.strike { background-image: url(/images/icons/buttons/strike.png); }
.bbcode_format_buttons input.size { background-image: url(/images/icons/buttons/size.png); }
.bbcode_format_buttons input.fore { background-image: url(/images/icons/buttons/fore.png); }
.bbcode_format_buttons input.center { background-image: url(/images/icons/buttons/center.png); }
.bbcode_format_buttons input.right { background-image: url(/images/icons/buttons/right.png); }
.bbcode_format_buttons input.left { background-image: url(/images/icons/buttons/left.png); }
.bbcode_format_buttons input.img { background-image: url(/images/icons/buttons/img.png); }
.bbcode_format_buttons input.link { background-image: url(/images/icons/buttons/link.png); }
.bbcode_format_buttons input.emoticon { background-image: url(/images/icons/buttons/emoticon.png); }

.bbcode_enabled div.attachment {
	border: dashed 1px #000000; 
	background-color: #ffffff;
	background-image: url(/images/icons/paperclip.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 3px;
	margin: 5px;
	height: 22px;
	
}

.bbcode_enabled blockquote {
	border: solid 1px #000000; 
	background-color: #ffeedd;
	padding: 5px;
	margin: 15px;
}

.bbcode_enabled blockquote .author {
	font-weight: bold;
}