/* ----------------------------------------------------------------------------------------------------------
    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background:url("../images/layout/bg.gif") 0 0 repeat-x;}

address, blockquote, table, dl, fieldset {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../images/layout/ul-01.gif") 0 50% no-repeat; font-size:85%;}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; overflow:hidden;}

    #header {position:relative; height:90px; padding:30px 20px 15px 20px;}

        #logo {margin:-16px 0 0 -14px;}
    
        #nav {
	position:absolute;
	top:34px;
	right:18px;
	margin:0;
}
		#mail_signup {position:absolute; top:80px; right:20px; margin:0; justify:right;}
        #nav span {margin:0 8px;}
        #nav #nav-active {font-weight:bold; text-decoration:none;}
    
    #tray {position:relative; width:960px; height:45px; background:url("../images/layout/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "tahoma",sans-serif;}
    #tray ul {margin:0 20px; list-style:none;}
    #tray li {display:inline;}
    #tray li a {display:block; float:left; padding:17px 20px 17px 18px; background:url("../images/layout/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;}
    #tray li a:hover {background:url("../images/layout/tray-hover.gif");}
    #tray li#tray-active a {background:url("../images/layout/tray-active.gif");}
	
	/*#tray p,h1,h2,h3,ul,li {
		font:0.8em/1.5 "verdana", sans-serif;
		}*/


/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.ico-comment {padding-left:18px; background:url("../images/layout/ico-comment.gif") 0 50% no-repeat;}
.ico-rss {padding-left:18px; background:url("../images/layout/ico-rss.gif") 0 50% no-repeat;}

.smaller {font-size:85%;}





/* AARON CSS */
/* LAYOUT */

#main {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	}

#left_col {
	width:580px;
	min-height:550px;
	height:auto !important;
	height:550px;
	}

#content_header {
	position:relative;
	width:580px; 
	height:118px; 
	margin:20px 0 0 0;
	padding:12px 0 0 15px;
	background-image:url(../layoutGraphics/Content-Header-BG-595-x-130.jpg); 
	clear:left;
	}
	
	#content_header h1 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:22px;
		color:#00459B;
		font-weight:bold;
	}
	
#content_header_long {
	position:relative;
	width:580px;  
	margin:20px 0 0 0;
	padding:12px 0 0 15px;
	background-image:url(../layoutGraphics/Section-BG.jpg);
	background-repeat:repeat-x; 
	clear:left;
	}
	
	#content_header_long h1 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:22px;
		color:#00459B;
		font-weight:bold;
		height:39px;
		margin:-12px 0 0 -15px;
		padding:10px 0 0 15px;
		background-image:url(../layoutGraphics/Section-HeaderLong-595.jpg);
		background-repeat:no-repeat;
		display:block;
	}
	
	#content_header_long img {
		margin-right:15px;
		}

#content_header_HOME {
	position:relative;
	width:580px; 
	height:270px; 
	margin:20px 0 0 0;
	padding:12px 0 0 15px;
	background-image:url(../layoutGraphics/Content-Header-BG-595-x-130.jpg); 
	clear:left;
	}
	

.right_col {
	float:right;
	clear:left;
	width:350px;
	margin:10px 0 0 0;
	
	/*
	height:270px;
	margin:20px 0 0 15px;
	background-image:url(../layoutGraphics/Ad-BG-350-x-270.jpg);
	*/
	}

.left_section {
	position:relative;
	width:580px;
	margin:15px 0 0 0;
	padding:12px 0 0 15px;
	background-image:url(../layoutGraphics/Section-BG.jpg);
	background-repeat:repeat-x;
	}
	
	.left_section h1 {
		height:39px;
		margin:-15px 0 0 -15px;
		padding:5px 0 0 15px;
		background-image:url(../layoutGraphics/Section-Header-595.jpg);
		background-repeat:no-repeat;
		display:block;
		}

.right_section {
	position:relative;
	width:350px;
	height:125px;
	margin:15px 0 0 0;
	padding:12px 0 0 15px;
	background-image:url(../layoutGraphics/RightCol-BG-350x125.jpg);
	background-repeat:repeat-x;
	}
	
	.right_section h1 {
		height:39px;
		margin:-17px 0 0 -15px;
		padding:5px 0 0 15px;
		background-image:url(../layoutGraphics/Section-Header-350.jpg);
		background-repeat:no-repeat;
		display:block;
		}
		
.right_section_special {
	position:relative;
	width:350px;
	height:130px;
	margin:15px 0 0 0;
	padding:0px 0 0 105px;
	background-image:url(../layoutGraphics/WhatIsSMF-BG-350x130.jpg);
	background-repeat:repeat-x;
	}
	
	.right_section_special h1 {
		height:39px;
		margin:-15px 0 0 -105px;
		padding:5px 0 0 15px;
		background-image:url(../layoutGraphics/Section-Header-350.jpg);
		background-repeat:no-repeat;
		display:block;
		}

#flashcontent {
	height:270px;
	margin:10px 0 0 0px;
	}

#footer {
	position:relative;
	width:945px;
	height:78px;
	margin:20px 0 20px 0;
	padding:12px 0 0 15px;
	background-image:url(../layoutGraphics/Footer-BG.jpg);
	background-repeat:none;
	}
	
	#footer p {
		color:#000000;
		font-size:65%;
		line-height:65%;
	}
	

	
/* TEXT FORMATTING */

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#00459B;
	}
	
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:10px 0 0 0;
	color:#00459B;
	}
	
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00459B;
	line-height:16px;
	margin-top:10px;
	}
	
ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00459B;
	line-height:20px;
	list-style-type:disc;
	margin:5px 0 0 30px;
	}
	
ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00459B;
	line-height:20px;
	list-style-type:decimal;
	margin:5px 0 0 30px;
	}

input {
	color:#666666;
	}
	
strong {
	font-weight:bold;
	}
		
/* NAVIGATION FORMATTING */

#section_nav {
	margin-top:15px;
	font-size:16px;
	font-weight:bold;
	}
	
	
	
/* IE FIXES */
body {
	text-align:center;
	}