/*------------------------------------------------------------
 Base style sheet used in development.
 Only basic elements and class styles should be defined here.
 Application or component specific should have their own css.
 Following the convention guide to add your styles 
 - HTML tag: upper case.
 - Class: uses Camel convention.
--------------------------------------------------------------*/

/*-------------------------------------*/
/* HTML element style				   */
/* All HTML element style must be here */
/*-------------------------------------*/

BODY {
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	line-height: 1.3em;
	color:#222222;
	background: #fff url(../img/bg_body.gif);
	margin: 0;
	padding: 0;
	text-align: center;
}



#wrap {
	margin: 40px auto 0 auto;
	padding: 0;
	width: 750px;
	background: white;
	/*border: solid 1px #B4BADE;*/
	border: solid 1px #dddddd;
	text-align: left;
}

#top {
	margin: 0;
	/*background: white url(../img/akalogo.gif) no-repeat center;
	text-align: center;*/
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size: 26px;	
	color:#222222;
	width: 750px;
	background-color: #fafafa;
}

#top_left {
	padding: 30px;
	float: left;
	width: 330px;
}

#top_right 
{
	/*padding: 22px 0;*/
	padding: 15px 0;
    margin-left: 500px;	
	text-align: center;
	font-size: 11px;
}
html>body #top_right 
{
    margin: 0 0 0 470px ; 
}

#middlepic {
	filter:blendTrans(duration=5);
	margin: 0;
	height:200px;
	width: 750px;
	background: #ffffff url(../img/center0.jpg) no-repeat center;
	text-align: center;
	border-bottom: solid 1px #dddddd ;
	border-top: solid 1px #dddddd ;/**/
}


#topname 
{
	margin: 0;
	padding: 35px;
	font-size: 28px;
	font-weight: bold;
	color: White;
}

#toppic 
{
	height:88px;
	width: 730px;
	background: transparent url(../img/akalogo.gif) no-repeat right;
	margin: 0;
	padding: 0;	
}

#left {
	float:left;
	/*margin: 0 0 -20px 0;*/
	padding: 10px 30px 0px 30px !important;
	padding: 20px 30px 0px 30px;
	text-align: justify;
}

#right {
	margin: 0px;
	padding: 30px 30px 0 0;
	text-align: center;
	float:right;
	display: none;
}

.leftmiddle {
	float:left;
	text-align: center;
	width: 300px;
}
.rightmiddle {
	float:right;
	text-align: center;
	width: 300px;
}

html>body #leftmiddle { margin: 0; }

blockquote
{
	padding: 10px 50px;
	font-size: 12px;
	background: url(../img/aka_quote.gif) #efefef no-repeat center center;
	background-color: #efefef;
	margin: 10px 20px;
	/*color: #5f6062;*/
	color: #5f5f5f;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.subscript
{
	font-size: 11px;
}

.topbig
{
	font-size: 15px;
	padding: 0 0 8px 0;
}

.inner {
	font-size: 14px;
	margin: 18px 0;
	text-align: center;	
	font-weight: bold;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

.spacer {
	height: 30px;
}

.center {
	text-align: center;
	padding: 0px;
}

.blockimg
{
	display: inline;
	padding: 10px
}


.clear {
	clear: left;
}

#bottom_left {
	height: 20px;
	float: left;
	width: 130px;
	display: none;
}

#bottom_right {
	width: 99%;
	
}

#copy {
	margin: 1px auto 0 auto;
	padding: 0;
	width: 748px;
	text-align: right;
	font-size: 9px;	
	color: #999;
}

/*core drop shadow rules*/
.dropouter, .dropbottomleft, .droptopright {
	display:inline-table;
	/* \*/display:block;/**/}

.dropouter {float:left; background: transparent url(../img/shadow.gif) right bottom no-repeat; width: 100%; }
.dropbottomleft {background: transparent url(../img/corner_bl.gif) -14px 100% no-repeat;}
.droptopright {
	padding:0 8px 8px 0;
	background: transparent url(../img/corner_tr.gif) 100% -14px no-repeat;
	}
.droppadding {
	padding:16px;
	border: solid 1px #ccc;
	background: white;
	}
	
#menu 
{
	font-size: 10px;
	/*text-transform: uppercase;*/
	background: #fff;
	padding-bottom: 20px;
	padding: 1px;
	border: solid 1px #B4BADE;
}

#menu div{
	background: #cccccc;
	color: #232323;
}