/*  -- Main CSS File -- */
*{padding:0; margin:0;}
html {overflow:scroll;overflow-x:hidden;}
body,html {margin:0px; padding:0px;font-family: Arial, Verdana; font-size:12px;width:100%;}
body {background:#000000 url(../img/layout/body_af.jpg) repeat center top;height:100%;}
.white {background-image:none;background:#ffffff;}

/*  -- Container -- */
#home {margin:auto;width:712px;height:412px;}
#news_container {margin:auto; width:565px;}
#news_header	{margin:auto;background:url(../img/layout/news_1.jpg) no-repeat;width:594px;height:255px;}
#news_middle	{margin:auto;background:url(../img/layout/news_2.jpg) repeat;width:594px;}
#news_footer	{margin:auto;background:url(../img/layout/news_3.jpg) no-repeat;width:594px;height:51px;}

#site_container {margin:auto;width:1047px;}

#site_header 	{width:1047px;height:152px;background:url(../img/layout/site_1.jpg) no-repeat left;font-size:0px;}
#site_header #header {padding-left:105px;height:152px;background:url(../img/layout/site_1.jpg) no-repeat;font-size:0px;}

#site_middle 	{width:1047px;background:url(../img/layout/site_2.jpg) repeat-y;display:table;}
#site_middle #content	{float:right; width:520px;margin-right:140px;margin-top:10px;}
#site_middle #picture	{float:left;}

#site_footer 	{width:1047px;height:85px; background:url(../img/layout/site_3.jpg) top no-repeat;}
#site_footer #footer	{margin:auto;padding-top:40px;color:#FFFFFF;}
#site_footer #footer a	{margin:auto;color:#FFFFFF; text-decoration:none;}
#site_footer #footer a:hover	{margin:auto;color:#ff0096; text-decoration:none;}


/* ---------------------------- Pix  -----------------------------*/
.boxContainer{margin:5px; width:520px;}
.boxContainer a{text-decoration:none; color:#245424; font-weight:bold;}
.boxContainer a:hover{text-decoration:none; color:#000000; font-weight:bold;}

.boxTitleContainer{border:0px solid #ffffff; width:520px;}
.boxContentContainer{border:0px solid #ffffff; display:table; width:510px;}
.boxContainer img{padding:4px; position:relative;}
.boxContainer h1{font-size:12px; font-weight:bold; text-align:left; margin:5px; clear:both; line-height:37px;height:37px; color:#000000;text-align:right;margin-right:30px;}

.boxContentContainer ul{list-style:disc; margin:5px; margin-top:0px; padding:5px; padding-top:0px;}
.boxContentContainer ul li{margin-bottom:5px; margin-left:25px; padding-left:10px;}

.boxContentContainer ol{argin:5px; margin-top:0px; padding:5px; padding-top:0px;}
.boxContentContainer ol li{margin-bottom:5px; margin-left:25px; padding-left:10px;}

.stdParagraph{text-align:justify; margin:5px; padding:5px;}

#site_middle #content .albumPictureBox{padding:2px; background-color:#ff0096; text-align:center;}
#site_middle #content .albumPictureBox a{padding-top:2px; color:#ffffff; text-decoration:none;}
#site_middle #content .albumPictureBox a:hover{text-decoration:none;color:#000000;}

.picsRow{padding:2px; margin-top:10px;}
.picBox{width:105px; padding:4px; margin:5px; text-align:center; background-color:#ff0096; float:left}

/* ---- Spacers -----*/
.spacer0px{width:0px; height:0px; clear:both;}
.spacer1px{width:1px; height:1px; clear:both;}
.spacer2px{width:2px; height:2px; clear:both;}
.spacer3px{width:3px; height:3px; clear:both;}
.spacer4px{width:4px; height:4px; clear:both;}
.spacer5px{width:5px; height:5px; clear:both;}
.spacer10px{width:10px; height:10px; clear:both;}
.spacer15px{width:15px; height:15px; clear:both;}
.spacer20px{width:20px; height:20px; clear:both;}

.floatL{float:left;} 
.floatR{float:right;} 
.clearL{clear: left;} 
.clearB{clear:both; font-size:0px;}

/* ---------------------------- Misc  -----------------------------*/
#site_middle #content hr {border:none;border-bottom:dashed #ff0096 1px;background-color:#ffffff;margin:10px;}
#site_middle #content ul {margin-left:35px;margin-top:15px;}
#site_middle #content ol {margin-left:35px;margin-top:15px;}
#site_middle #content ul li { list-style: circle;}
#site_middle #content a {color: #990000;text-decoration:none;}
#site_middle #content a:hover {color: #990000;text-decoration:underline;}


/* ---------------------------- Forms -----------------------------*/
.forms100 {width: 99%;background-color: #f8f5e8;border: solid 1px;border-color: #c4c3b4;}
.forms100:hover {width: 99%;border: solid 1px;background-color:#ebe9dc;border-color: #c4c3b4;}
.forms50 {width: 49%;background-color: #f8f5e8;border: solid 1px;border-color: #c4c3b4;}
.forms50:hover {width: 49%;border: solid 1px;background-color:#ebe9dc;border-color: #c4c3b4;}
.formsnosize {background-color: #f8f5e8;border: solid 1px;border-color: #c4c3b4;}	
.formsnosize:hover {border: solid 1px;background-color:#ebe9dc;border-color: #c4c3b4;}	
.formbutton {background-color: #971901;border-color: #c4c3b4;border: solid 1px;color: #FFFFFF;cursor:pointer;}	
.formbutton:hover {background-color: #d0d2c5;border-color: #c4c3b4;border: solid 1px;color: #000000;cursor:pointer;}	
	
/* ---- Spacers -----*/
.spacer0px{width:0px; height:0px; clear:both;}
.spacer1px{width:1px; height:1px; clear:both;}
.spacer2px{width:2px; height:2px; clear:both;}
.spacer3px{width:3px; height:3px; clear:both;}
.spacer4px{width:4px; height:4px; clear:both;}
.spacer5px{width:5px; height:5px; clear:both;}
.spacer10px{width:10px; height:10px; clear:both;}
.spacer15px{width:15px; height:15px; clear:both;}
.spacer20px{width:20px; height:20px; clear:both;}



/* ---------------------------- tooltip  -----------------------------*/
.tool-title {font-weight:bold; font-size:11px; margin:0; color:#ffffff; padding:8px 8px 4px; background:url(../img/layout/bubble.png) top left;}
.tool-tip {color:#000000; width:150px; z-index:13000;}
.tool-text {font-size:11px; padding:4px 8px 8px; background: url(../img/layout/bubble.png) bottom right;}