/* CSS Document */

/* Box Layout - Most of this is self explanatory*/

#contentbox {
text-align:center;
width: 830px;
border: 1px solid #666;
margin:auto;
background-color:#FFF;
text-align: left;
font:Arial, Helvetica, sans-serif;
}

#header {
margin:auto;
background-color:#FFF;
height: 130px;
border-bottom: solid 1px #000;
}

/* All the Menu Magic */
#menu {
display:block;
background-color:#FFF;
clear: both;
}

#menu ul {
text-align: left;
list-style:none;
}

#menu li {
float:left;
border-bottom-color: #000000;
font-weight: none;
color: #003399;
text-decoration:none;
padding: 0px 5px 0px 5px;
position:relative;
top: -7px;
} 

#menu a {
display:block;
}

/* Menu Magic */
#menu a:link {
font-weight: none;
color: #003399;
font-weight:bold;
text-decoration:none;
}

#menu a:visited {
font-weight: none;
color: #003399;
font-weight:bold;
text-decoration:none;
}

#menu a:hover {
font-weight:bold;
text-decoration:underline;
color: #0033FF;
}

/* Gets rid of the trailing border in the menu*/
.listline {
border-right: solid 1px #003399;
}

/* The curved divider line between the menu and the content - Not used in the new layout*/
#swish {
float: left;
}

#body {
text-align:left;
display:block;
float:left;
background-color: #FFF;
padding:20px;
border-top: solid 1px #000;
width:auto;
}

#footer {
width:auto;
background-color:#FFFFFF;
clear:both;
}

/* Main Content on the front page */
#announcement {
padding:5px;
}

/* Events Box on the front page */

#eventsbox{

border: solid 2px #999;
width: 260px;
margin: 5px;
border-radius: 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
}

#eventsheader {
	background-color:#999;
	color:#999;
	text-align:center;
	font-size:14px;
	border-bottom: solid 1px #999;
	-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;
}

#events {
text-align:center;
width: 250px;
padding:5px;
}

#eventsfooter {
	background-color:#999;
	color:#999;
	text-align:center;
	font-size:14px;
	border-bottom: solid 1px #999;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* Social Media Logos Box */

#socialbox{
	text-align:center;
	width: 240px;
	margin: 10px 15px 5px 0px;
	float:right;
}

/* Newsletter Box on the Newsletter Page*/

#oldnews {
text-align:left;
padding:  none 25px none 25px;
}

/* Makes un full pages full width*/

#widebox {
width: 790px;
}

/* Same for the AAR page with type size control */
#aarwidebox {
width: 790px;
font-size: .8em;
}

/* Splits the page in two */
#split {
width:45%;
float:left;
padding:10px;
}

/* pulls the content in*/

#padded {
padding:20px;
}

.bumpup {
position:relative;
top: -5px;
}

/* Styling*/

/* If you need to make a box stand out */
#emphasis {
background-color:#CCCCCC;
border-style:  solid;
border-size: 1px;
border-width: 1px;
border-color:#333333;
}

/* Grey Bar for Titles */
#title {
background-color:#CCCCCC;
border-style:  solid;
border-size: 1px;
border-width: 1px;
border-color:#333333;
width: 500px;
}

/* HTML Formatting*/
body {
background-color:#CCCCCC;
background-image: url(http://www.afc-ispi.org/images/ISPI_Background.jpg);
background-repeat: repeat;
font:Arial, Helvetica, sans-serif;
color:#000000;
padding: 0;
margin: 0;
text-align:center;
}

img {
border:1px;
}

a:link {
	font-weight: none;
	color: #333333;
}
a:visited {
	font-weight: none;
	color: black;
}
a:hover {
	font-weight: none;
	color: red;
}			
		
.title {
	font-size:24px; 
	font-weight: bold;
	color: #800000;
	text-decoration: none;
}

.subtitle {
font-size:18px;
	font-weight: bold;
	color: #800000;
	text-decoration: none;
}

.subsubtitle {
font-size:14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

/* If you need to make somehting red */
.emphasis {
	color: red;
}

/* If you need to underline */
.menuline {
	border-bottom-width: 1px;
	border-bottom:thin;
	border-bottom-color:#000000;
	}
	
.menulayout {
line-height: 1.9;
}

/* This was to be used to set up for the swish images - Unused right now */
img.lowercorner {
position:absolute;
right:0px;
bottom:0px;
}
/* This was going to be used to set images up for the swish - Unused right now */
img.uppercorner {
position:absolute;
left:0px;
top:0px;
}

.dropdown {
background-color:#FFFFFF;
}

.subscript {
font-size:10px;
padding-left:5px;
padding-right:5px;
}

ol {
line-height: 1.25;
}

/*Move things over a few px*/
#bump {
padding-left:10px;
}

#smalltext {
font-size:12px;
}

#right {
	width:270px;
	float:right;
}