/* -------------------------- */
/* Standard HTML Tags         */
/* -------------------------- */

body
{
    font-family: Verdana, Arial;
    font-size: 9pt;
    text-align: left;
    margin: auto;
    background: #fff;
    color: #333;
}
a:link
{
    color: #003656;
    text-decoration: underline;
}
a:visited
{
    color: #003656;
    text-decoration: underline;
}

a:hover
{
    color: #42bbc3;
    text-decoration: underline;
}
img
{
    border: none 0 #fff;
}
input, select, textarea
{
    color: #333333;
    font-size: 9pt;
    font-family: Courier New, Courier, Verdana, Tahoma, Arial;
    border: solid 1px #CCC;
    padding: 2px;
}
.noBorder input, .noBorder select, .noBorder textarea
{
    border-style: none;
}

/* -------------------------- */
/* Page Sections              */
/* -------------------------- */

.page
{
    width: 700px;
    margin: auto;
}
.header
{
    width: 100%;
    margin-bottom: 10px;
    border-bottom: dotted 2px #ccc;
    text-align: left;
}
.main
{
    width: 450px;
    float: left;
    text-align: left;
}
.sidebar
{
    width: 220px;
    float: right;
    background: #eee;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
.footer
{
    width: 100%;
    text-align: left;
    font-size: 8pt;
    margin-top: 10px;
    padding-top: 5px;
    border-top: dotted 2px #ccc;
}

/* -------------------------- */
/* Posts                      */
/* -------------------------- */

.post
{
    border-bottom: dotted 1px #ccc;
    margin-bottom: 10px;
}
.postDate
{
    font-family: Arial, Verdana;
    font-size: 12pt;
    font-weight: bold;
    color: #003656;
    background: #eee;
}
.postTitle
{
    font-weight: bold;
    font-size: 12pt;
    color: #FF951F;
    padding-top: 10px;
    padding-bottom: 10px;
}
.postMessage
{
    padding-bottom: 5px;
}
.postFooter
{
    color: #a8a8a8;
    font-size: 7pt;
    font-family: "Trebuchet MS" , Trebuchet, Arial, Verdana;
    text-transform: uppercase;
    letter-spacing: .1em;
}

/* -------------------------- */
/* Comments                   */
/* -------------------------- */

.comment
{
    border-bottom: dotted 1px #ccc;
    background: #f5f5f5;
    margin-bottom: 10px;
}
.commentMessage
{
    font-size: 8pt;
    padding: 10px 4px 10px 4px;
}
.commentMessage BLOCKQUOTE
{
    font-size: 8pt;
    padding: 5px 5px 5px 5px;
    margin: 10px 5px 0px 10px;
    border: 1px dashed #ccc;
    background-color: #fff;
}
.commentFooter
{
    color: #a8a8a8;
    font-size: 7pt;
    font-family: "Trebuchet MS" , Trebuchet, Arial, Verdana;
    text-transform: uppercase;
    letter-spacing: .1em;
}

/* -------------------------- */
/* Trackbacks                 */
/* -------------------------- */

.trackback
{
    font-size: 7pt;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #ccc;
}

/* -------------------------- */
/* Sidebar                    */
/* -------------------------- */

.sidebarHeading
{
    font-family: Arial, Verdana;
    font-size: 12pt;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 15px;
    margin: 0px 0 10px 0;
    color: #999;
    border-top: dotted 1px #ccc;
}
.sidebarText
{
    padding-bottom: 10px;
}

/* -------------------------- */
/* Profile                    */
/* -------------------------- */

.profile
{
    font-size: 7pt;
    margin-top: 10px;
    padding-bottom: 10px;
}
.profile A
{
    font-family: Arial, Verdana;
    text-transform: uppercase;
}

/* -------------------------- */
/* Various Forms              */
/* -------------------------- */

.forms
{
    font-size: 7pt;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #ccc;
}
.formsHeader
{
    font-family: Arial, Verdana;
    font-size: 12pt;
    font-weight: bold;
    padding: 0px 2px 2px 2px;
    color: #336699;
}
.formsError
{
    color: red;
    font-weight: bold;
}
.formsValid
{
    color: green;
    font-weight: bold;
}
.formsLabel
{
    font-size: 8pt;
    color: #888888;
    margin-top: 2px;
    margin-bottom: 2px;
}

/* -------------------------- */
/* Miscellaneous              */
/* -------------------------- */

.button
{
    font-family: Tahoma, MS Sans Serif, Arial, Sans Serif;
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    cursor: hand;
    border: solid 1px #808080;
    background: url(images/buttonback.gif) left;
    padding: 1px 1px 1px 1px;
}
.highlight
{
    color: #000000;
    background-color: #ffff66;
}
/* ---------- Sub page - General ---------- */	
#sub_navigation_general {
		width: 992px;
		background: #FFFFFF;
		background-image:url(http://www.jaama.co.uk/images//NavSub_background_Licence.gif);
		font: 7pt Verdana, sans-serif;
		color: #FFFFFF;
		height: 23px;
		}
		
#sub_navigation_general .top_links {
		float: left;
		padding-left: 0px;
		border-top: 1px solid #FFFFFF;
		}
/* ---------- Top area ---------- */
#top_banner {
		background: url(http://www.jaama.co.uk/images/HomePage_banner.gif);
		height: 70px;	
		}
		
#top_banner .rightcontent {
		float: right;
		padding-top: 40px;
		padding-right: 15px;
		color: #003656;
		font: bold 7pt Verdana, sans-serif;
		}
		
/*  --------- caveat classes  --------- */

#caveat {
		width: 992px;
		margin: 0 auto;
		background: #ffffff;
		text-align: left;
		font-size: 7pt;
		border-top: 1px solid #dddddd;
		}
#caveat .leftlink {
		float: left;
		color: #4B6679
		}
#caveat .rightlink {
		float: right;
		}
		
#caveat a {
		text-decoration: underline;
		color: #4B6679
		}
	
#caveat a:hover {
		color: #000000;
		}



#wrapper {
		width: 992px;
		margin: 0 auto;
		background: #ffffff;
		padding: 5px;
		}
			
#content {
		padding-bottom: 10px;
		}
			
/* ---------- 3. links and navigation ---------- */

/* ---------- Home Page ---------- */
#navigation {
		width: 992px;
		background: #42BBC3;
		font: bold 7pt Verdana, sans-serif;
		color: #FFFFFF;
		height: 18px;
		text-align: left;
		}

#navigation ul {
		list-style-type: none;
		}

#navigation li {
		display: inline;
		float: left;
		}

#navigation a {
		float: left;
		text-align: left;
		line-height: 15px;
		background: #42BBC3;
		text-decoration: none;
		color: #FFFFFF;
		padding-left: 7px;
		padding-right: 7px;
		}
	
#navigation a:hover {
		color: #003656;
		}
		
		
#navigation .rightimage {
		float: right;
		}
		
		
		/*  --------- Main content classes  --------- */
#main_content {
		width: 992px;
		margin: 0px;
		background: #ffffff;
		height: auto;
		float: right;
		background-image:url(http://www.jaama.co.uk/Images/ContentLeftRightShadow.gif);
		font: 7.5pt Verdana, sans-serif;
		text-align:left;
		color: #003656;
		}