body
{
	background-color:#FFFFFF;
      font-size:12px; 
	font-family:Verdana;
}

#surround
{
	width:1100px;
	margin: 0 auto;
	background-color: #D5D7DF;
	background: url(images/back_shadow.jpg) center center repeat-y; 
}

#container

{
	width:1024px;
	margin: 0 auto;
	background-color: #D5D7DF;
}

#containerprofile

{
	width:450px;
	margin: 0 auto;
	background-color: #D5D7DF;
}

#tablecontainer
{
	background-color: #D5D7DF;
	/*background: url(images/side_bar.jpg) left left repeat-y; */
}

div.tablecontainer
{
	width:1024px;
	margin: 0 auto;
      background-color: #D5D7DF;
}

div.container
{
	width:1024px;
	margin: 0 auto;
      background-color: #D5D7DF;
}

#heading
{
	text-align:left;
	border-left:none;
	border-right:none;
	border-top:none;
	/*border-bottom:2px solid #F3C548; */    /*blue 4460C7*/
	width:1024px;
	height:153px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#D5D7DF;
}

#content
{
	width:1024px;
	margin: 0 auto;
	background-color:#D5D7DF;
}

#contentprofile
{
	width:450px;
	margin: 0 auto;
	background-color:#D5D7DF;
}


#baselayer
{
	width:1024px;
	margin: 0 auto;
}


#navigation
{
	text-align:left;
	color:#F3C548;
	font-family:Verdana;
	font-size:12px;
	padding:4px 4px 4px 4px;
	margin:0px 0px 0px 0px;
	border:none;
	background-color:#D5D7DF;
}

#leftnavigation
{
	text-align:left;
	color:#4E4152;
	font-family:Verdana;
	font-size:12px;
	padding:4px 4px 4px 4px;
	margin:0px 0px 0px 0px;
	border:none;
}

#mininav
{
	text-align:right;
	color:#4E4152;
	font-family:Verdana;
	font-size:12px;
	padding:2px 2px 2px 2px;
	margin:0px 0px 0px 0px;
	border:none;
}


#footer
{
	text-align:center;
	color:#9E998E;
	font-family:Verdana;
	font-size:10px;
	padding:4px 4px 4px 4px;
	margin:0px 0px 8px 0px;
	border:none;
	background-color:#D5D7DF;
}


#diaryfooter
{
	text-align:left;
	color:#9E998E;
	font-family:Verdana;
	font-size:10px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
}



/*------------------------------------------------ LOGIN ---------------------------------------------- */

.newmenubutton
{
    font-size: 10px; color: #000000; background: #FFFFFF;
    border: 1px #6e470b solid;
    font-family: Verdana;
    padding:2px 2px 2px 2px;
    margin-top: 1px; margin-bottom: 1px;
    height: 16px;
}


.altmenubutton
{
    font-size: 10px; color: #000000; background: #FFFFFF;
    border: 1px #6e470b solid;
    font-family: Verdana;
    padding:2px 2px 2px 2px;
    margin-top: 1px; margin-bottom: 1px;
    height: 20px;
}



/*------------------------------------------------ UPDATES -------------------------------------------- */

#updates
{
	border:none;
	width:1024px;
	height:150px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	background-color:#D5D7DF;
}



#updatesTitle
{
	text-align:left;
	color:#5A5343;
	font-family:Verdana;
	margin:4px 4px 4px 4px;
	font-size:24px;
}


#updatesText
{
	text-align:right;
	color:#9BB8C7;
	font-family:Verdana;
	font-size:10px;
	margin:14px 4px 0px 4px;
}



#updatesAdmin
{
	border:2px solid #5A5343;
	text-align:center;
	color:#5A5343;
	font-family:Verdana;
	font-size:14px;
	padding:0px 0px 0px 0px;
	margin:14px 0px 0px 0px;
}



/*------------------------------------------------ ART -------------------------------------------- */

#art
{
	border:none;
	width:1024px;
	height:150px;
	background-image: url(Images/ArtHeader.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
}



#artTitle
{
	text-align:left;
	color:#5A5343;
	font-family:Verdana;
	font-size:24px;
}



#artText
{
	text-align:right;
	color:#9BB8C7;
	font-family:Verdana;
	font-size:10px;
	margin:14px 4px 0px 4px;
}



#artAdmin
{
	border:2px solid #5A5343;
	text-align:center;
	color:#5A5343;
	font-family:Verdana;
	font-size:14px;
	padding:0px 0px 0px 0px;
	margin:14px 0px 0px 0px;
}

textarea
{
	text-align:left;
	width: 400px; font: 14px Verdana, sans-serif;
}



/*------------------------------------------------ CODE -------------------------------------------- */

#code
{
	border:none;
	width:1024px;
	height:150px;
	background-image: url(Images/CodeHeader.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
}



#codeTitle
{
	text-align:left;
	color:#5A5343;
	font-family:Verdana;
	font-size:24px;
}


#codeText
{
	text-align:right;
	color:#9BB8C7;
	font-family:Verdana;
	font-size:10px;
	margin:14px 4px 0px 4px;
}



#codeAdmin
{
	border:2px solid #5A5343;
	text-align:center;
	color:#5A5343;
	font-family:Verdana;
	font-size:14px;
	padding:0px 0px 0px 0px;
	margin:14px 0px 0px 0px;
}



/*------------------------------------------------ TASK -------------------------------------------- */

#task
{
	border:0px solid #5A5343;
	/*background-color: #BFE9A7;*/
	width:1010px;
	/*height:150px;*/
	padding:10px 5px;
	margin:0px 0px 0px 0px;
}


#taskalter
{
	border:2px solid #5A5343;
	background-color: #D8A97C;
	width:1010px;
	/*height:150px;*/
	padding:10px 5px;
	margin:0px 0px 0px 0px;
}



#taskdiary
{
	border:2px solid #5A5343;
	background-color: #E4DED1;
	width:1010px;
	/*height:150px;*/
	padding:10px 5px;
	margin:0px 0px 0px 0px;
}



#taskTitle
{
	text-align:left;
	color:#5A5343;
	font-family:Verdana;
	font-size:24px;
}



#taskHeader
{
	text-align:left;
	color:#9BB8C7;
	font-family:Verdana;
	font-size:18px;
	padding:0px 0px 0px 0px;
	margin:2px 10px 2px 0px;
}



#taskText
{
	color:#4E4152;
	font-family:Verdana;
	font-size:12px;
}



.taskselection
{
    font-size: 12px; color: #000000; background: #FFFFFF;
    border: 1px #5A5343 solid;
    font-family: Verdana;
    margin-top: 1px; margin-bottom: 1px;
    height: 18px;
}



.taskinfo
{
    font-size: 12px; color: #000000; background: #FFFFFF;
    border: 1px #5A5343 solid;
    font-family: Verdana;
    margin-top: 1px; margin-bottom: 1px;
}

.taskinfo2
{
    font-size: 12px; color: #000000; background: #FFFFFF;
    border: 1px #5A5343 solid;
    font-family: Verdana; width: 1000px;
    margin-top: 1px; margin-bottom: 1px;
}




/*------------------------------------------------ FRONT ELEMENT -------------------------------------------- */

#front
{
	border:none;
	text-align:left;
	font-family:Verdana;
	font-size:18px;
	width:33%;
	height:150px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
}



#frontTitle
{
	text-align:left;
	color:#5A5343;
	font-family:Verdana;
	font-size:24px;
}



#frontText
{
	text-align:right;
	color:#9BB8C7;
	font-family:Verdana;
	font-size:10px;
	margin:14px 4px 0px 4px;
}





/*------------------------------------------------ UPDATES PAGE -------------------------------------------- */

div.entry
{
	text-align:justify;
	color:#5A5343;
	font-family:Verdana;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-top:none;
	border-left:none;
	border-right:none;
	background-color:#405DC6;
}



div.codeEntry
{
	text-align:left;
	color:#5A5343;
	font-family:Verdana;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 8px 0px;
	border-top:none;
	border-left:none;
	border-right:none;
}



div.musicEntry
{
	text-align:left;
	color:#5A5343;
	font-family:Verdana;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 8px 0px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px dotted #5A5343;
}



div.meEntry
{
	text-align:left;
	color:#5A5343;
	font-family:Verdana;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 8px 0px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px dotted #5A5343;
}



div.meName
{
	text-align:left;
	color:#9BB8C7;
	font-family:Verdana;
	font-size:24px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 8px 0px;
	border-top:none;
	border-left:none;
	border-right:none;
	background-color:#5A5343;
	border-bottom:2px dotted #8B334C;
}



div.meTitle
{
	text-align:left;
	color:#9BB8C7;
	font-family:Verdana;
	font-size:18px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	background-color:#5A5343;
}



div.entryHeader
{
	color:#405DC6;
	background-color:#F3C548;
	font-family:Verdana;
	margin:0px 0px 0px 0px;
}



div.entryLogo
{
	float:left;
	font-family:Verdana;
	margin:4px 12px 4px 4px;
}



div.entryTitle
{
	color:#000000;
	font-family:Arial;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px 10px 2px 0px;
}



div.entryDate
{
	text-align:left;
	color:#4460C7;
	font-family:Verdana;
	font-size:10px;
	padding:0px 0px 0px 0px;
	margin:2px 12px 0px 12px;
	float:right;
}



div.entryContent
{
	text-align:justify;
	color:#5A5343;
	font-family:Verdana;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:14px 12px 14px 12px;
}



div.entryDownload
{
	text-align:center;
	color:#5A5343;
	font-family:Verdana;
	font-size:18px;
	padding:0px 0px 0px 0px;
	margin:14px 4px 14px 8px;
}



div.entryFoot
{
	clear:both;
}



/*------------------------------------------------ ART PAGE -------------------------------------------- */


.diaryinput
{
    font-size: 11px; color: #5A5343; background: #5C614D;
    border: 1px #C6D37B solid;
    font-family: Verdana;
    margin-top: 1px; margin-bottom: 1px;
    height: 18px;
    width: 120px;
}



div.artNavPanel
{
	text-align:left;
	color:#5A5343;
	font-family:Verdana;
	font-size:14px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px dotted #5A5343;
}



div.artViewPanel
{
	text-align:center;
	color:#5A5343;
	font-family:Verdana;
	font-size:12px;
	padding:8px 0px 8px 0px;
	margin:4px 0px 4px 0px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px dotted #5A5343;
}



div.artImagePanel
{
	text-align:center;
	color:#97869C;
	font-family:Verdana;
	font-size:12px;
	padding:8px 0px 8px 0px;
	margin:4px 0px 4px 0px;
	border:none;
}



img.artNav
{
	height:66px;
	width:66px;
	border:solid 2px #E4DED1;
}


img.sketchNav
{
	height:36px;
	width:36px;
	border:solid 2px #E4DED1;
}



img.artView
{
	float:none;	
	border:solid 8px #5A5343;
	margin:8px 0px 8px 0px;
}



img.artNavSelect
{
	height:66px;
	width:66px;
	border:solid 2px #5A5343;
}



img.sketchNavSelect
{
	height:36px;
	width:36px;
	border:solid 2px #5A5343;
}



span.artText
{
	color:#5A5343;
}



div.boxArt
{
	float:right;
	width:120px;
	text-align:right;
	padding:0px 0px 4px 0px;
	margin:0px 0px 4px 0px;
}



a 
{
	color: #4460C7; 
	text-decoration: none; 
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}



a:hover
{
	color: #F3C548; 
	text-decoration: none; 
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}



a.download 
{
	color: #5A5343;
	text-align:center; 
	text-decoration: none; 
	font-weight: bold;
	font-size:18px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}



a.print 
{
	float:right;
	color: #5A5343;
	text-align:center; 
	text-decoration: none; 
	font-weight: bold;
	font-size:16px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}



a.footer
{
	color: #9E998E; 
	text-decoration: none; 
	font-weight: normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}



a.footer:hover
{
	color: #5A5343; 
	text-decoration: none; 
	font-weight: normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*------------------------------------------------ NEW FORMATS -------------------------------------------- */

.paneltable
{
	background-color: #f3c548; 
	border:solid 2px #ccaf0e;
	background: url(http://www.jngrecruiting.com/images/basetile.jpg);
	width:294px; 
}