/* 
    Document   : stylesheet
    Created on : Oct 19, 2011, 4:56:45 PM
    Author     : charlesworthm1967 for www.markcharlesworth.co.uk
    Description: Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
 
    one to look at 
 

*/

body {  
  padding : 0px;
  margin: 0px 0px 0px 5%;
  background : #000000 url(img/background.jpg) no-repeat;
  font : 12px 'Arial Rounded MT Bold', 'trebuchet ms', helvicta, 'lucida sans', sans-serif,  tahoma , 
  'lucida grande', 'lucida sans unicode', arial;
}



/*
  wrapper containing the whole page
*/

#wrapper {
  	width : 800px;
  	margin : 10px 10px 10px 10px;
  	font : 10px  'Avant Garde', 'trebuchet ms', helvicta, 'lucida sans', sans-serif,  tahoma , 'lucida grande', 'lucida sans unicode', arial;
}



#wrapper h1 {
  	color : #999967;
	font : 18px  'Arial Rounded MT Bold','trebuchet ms', helvicta, 'lucida sans',  sans-serif, tahoma , 'lucida grande', 'lucida sans unicode', arial;
	font-weight : bold;
	margin : 10px 10px 0px 10px;
}

#wrapper h2 {
  	color : #666666;
	font : 13px  helvicta, 'Arial Rounded MT Bold', 'trebuchet ms', helvicta, 'lucida sans',  sans-serif, tahoma , 'lucida grande', 'lucida sans unicode', arial;
	font-weight : bold;
	margin-top : 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

#wrapper h3 {
  	color : #999967;
	font : 10px 'Avant Garde', 'Ariel Rounded MT', 'trebuchet ms', helvicta, 'lucida sans',  sans-serif, tahoma , 'lucida grande', 'lucida sans unicode', arial;
	font-weight : bold;
	margin : 10px 10px 10px 15px;
}

#wrapper h4 {
  	color : #888888;
	font : 8px 'Avant Garde', 'Arial Rounded MT Bold', 'trebuchet ms', helvicta, 'lucida sans',  sans-serif, tahoma , 'lucida grande', 'lucida sans unicode', arial;
	margin : 10px 10px 10px 15px;
}

#wrapper p {
  	color : #666666;
	font : 9px 'Avant Garde', 'Arial Rounded MT Bold','trebuchet ms', helvicta, 'lucida sans',  sans-serif, tahoma , 'lucida grande', 'lucida sans unicode', arial;
	margin : 10px 10px 10px 15px;
}



/*
  Global link styling except where specified otherwise 
*/
a {
  	color : #999967;
	text-decoration : none;
}

a:hover, a:focus, a:active {
  	color : #ffffff;
  	text-decoration : none;
}

a:focus, a:active {
  	color : #000000;
	text-decoration : none;
}

img {
	text-decoration: none;
	border: 0 none;
}



#jumpwrapper {
  	width : 770px;
    height : 20px;
	margin: 10px 10px 10px 10px;
  	font : 10px  'Avant Garde', 'Arial Rounded MT Bold','trebuchet ms', helvicta, 'lucida sans', sans-serif,  tahoma , 'lucida grande', 'lucida sans unicode', arial;
}

/*
  Jump link navigation styling 
*/
ul#jumpwrapperlinks {
  padding : 5px 0;
  margin : 0;
  display : inline;
  width : 100%;
  height : 15px;
 }

ul#jumpwrapperlinks li {
  display : block;
  float : right;
}

ul#jumpwrapperlinks li a {
  padding : 0 5px;
  margin : 0 5px;
}


/*
  headerwrapper contains the header image and the header text
*/

#headerwrapper {
  	width : 780px;
    height: 100px;
  	margin : 0px 0px 0px 0px;
  	
}

#headerwrapperlefttop {
  	width : 55%;
        height: 80px;
        float: left;
    	margin : 0px 0px 0px 0px;
  	
}

#headerwrapperlefttop h2 {
    color : #F88017;
    text-shadow: 0px 0px 1px #666666;
	font : 15px  'Arial Rounded MT Bold', 'trebuchet ms', helvicta, 'lucida sans',  sans-serif, tahoma , 'lucida grande', 'lucida sans unicode', arial;
	text-decoration: none;
	margin : 10px 10px 10px 15px;
}




#headerwrappertop {
  	width : 760px;
    height: 100px;
  	float: left;
  	margin : 10px 10px 10px 10px;
  	
}


/*
  Navigation bar styling for headerwrapperrightbase
*/


ul#navmenuheaderwrapperbase { 
  	margin : 0;
  	padding : 0;
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #999999;
	background: #444444 url(img/navigationback.gif) repeat-x;
	list-style-type : none;
}

ul#navmenuheaderwrapperbase li {
	padding : 0px;
	width: 70px;
	display : inline;
	background : #444444 url(img/nav_focus.gif) repeat-x; 
	float : right;
}

ul#navmenuheaderwrapperbase a { 
  	display : block;
  	width : 60px;
  	height : 20px;
	margin : 7px 7px 7px 7px;
  	text-align : left;
	font : 12px  Helvicta, 'Ariel Rounded MT', helvicta, 'Avant Garde',  'trebuchet ms', 'lucida sans', sans-serif,  tahoma , 'lucida grande', 'lucida sans unicode', arial;
  	text-decoration : none;
	color : #777777;
  	cursor : pointer;
}


ul#navmenuheaderwrapperbase a.selected { 
  	background : #444444; 
  	color : #F88017;
}

ul#navmenuheaderwrapperbase a:hover { 
  	background : #444444; 
  	color : #ffffff;
}


/*
  Navigation bar styling for content wrapper
*/

#contentwrapper {
    width : 780px;
	height : 400px;
    clear : both;
  	margin : 10px 10px 10px 10px;	 
}



#contentwrapper img {
  	margin : 10px 10px 10px 10px;	 
}





#contentwrapper_left {
    width : 349px;
    float: left;
  	margin : 0px 0px 0px 0px;
  	    
}


#contentwrapper_left a {
    color: #444444;
    float: right;
    writing-mode: tb-rl;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:20px;
    height:20px;
    font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
    font-size:16px;
    font-weight:normal;
    text-shadow: 0px 0px 1px #666666;
    padding: 10px;
}

#contentwrapper_left a.selected { 
  	color : #999967;
}



#contentwrapper_left_inner {
    width : 35px;
    height: 80px;
    background:  url(img/tab1.png) no-repeat;
    border: 1px solid #222222;
	border-radius: 5px;
    float: right;
  	margin : 0px 0px 0px px;
    clear: both;
}




Contact Form - embeded
-----------------------------------------------------------------------------------------------------------

*/

.myform {
	width: 80%;
	float: left;
}



#stylized{
    
}

#stylized h2 {
	color:#ffffff;
    border-bottom:solid 1px #ffffff;
	font-size:10px;
	font-weight:bold;
}

#stylized h4 {
  	font-size: 10px;
	color: #333333;	
    font-family: 'Arial Rounded MT Bold', 'trebuchet ms', helvicta, 'lucida sans',  sans-serif, tahoma , 'lucida grande', 'lucida sans unicode';
	margin-left : 10px ; 		
}

#stylized p{
	font-size:6px;
	color:#e9f2fd;
	margin-bottom:20px;
	border-bottom:solid 1px #ffffff;
}

#stylized label{
	display:block;
    color: #333333;
    font : 8px 'Arial Rounded MT Bold', 'trebuchet ms', helvicta, 'lucida sans',  sans-serif, tahoma , 'lucida grande', 'lucida sans unicode', arial;
    font-size:10px;
	text-align:right;
	width:150px;
	float:left;
}

#stylized .small{
	color: #e9f2fd;
	display: block;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	width: 200px;
}

#stylized input{
	float: left;
	font-size: 10px;
	padding: 4px 2px;
	border: solid 1px #777777;
	width: 150px;
	margin: 5px 0px 0px 5px;
}

#stylized textarea{
	float: left;
	font-size: 10px;
	padding: 4px 2px;
	border: solid 1px #777777;
	width: 199px;
	height: 50px;
	margin: 5px 0 0px 5px;
}

#stylized select{
	float: left;
	font-size: 10px;
	padding: 4px 2px;
	border: solid 1px #777777;
	width: 155px;
	margin: 5px 0px 0px 5px;
}

#stylized button{
	clear: both;
	width: 125px;
	height: 30px;
    margin-bottom: 10px;
    margin-top:10px;
    margin-right: 20px;
    margin-left: 155px;
	background: #999967 url(img/contacttab.gif) no-repeat;
	text-align: center;
    padding-left: 20px;
	color: #ffffff;
    font : 10px 'Avant Garde', 'Arial Rounded MT Bold', 'trebuchet ms', helvicta, 'lucida sans',  sans-serif, tahoma , 'lucida grande', 'lucida sans unicode', arial;
	font-weight:bold;
}









#contentwrapper_left2 {
    width : 350px;
    float: left;
    background-color: #444444;
  	margin : 10px 0px 50px 0px;
    
}
#contentwrapper_left3 {
    width : 350px;
    float: left;
    background-color: #444444;
  	margin : 10px 0px 50px 0px;
    
}

#contentwrapper_right {
    width : 420px;
    height: 350px;
    float: right;
  	background-color : #000000;
  	margin : 0px 0px 0px 0px;
    overflow: auto;
    border: 1px solid #999999;
	border-radius: 5px;
}


#contentwrapper_right a {
    color: #999967;
    font-size:10px;
    font-weight:normal;
    text-shadow: 0px 0px 1px #666666;
    margin-left: 30px;
}



#contentwrapper_right_expand {
    width : 1300px;
    height: 350px;
  	background-color : #333333;
  	margin : 0px 0px 0px 0px;
    overflow-y: auto;
    overflow-x: none;
    border: 1px solid #000000;
	border-radius: 5px;	
}

#contentwrapper_right_expand h2 {
  	color : #666666;
	font : 13px  'Arial Rounded MT Bold', 'trebuchet ms', helvicta, 'lucida sans',  sans-serif, tahoma , 'lucida grande', 'lucida sans unicode', arial;
	font-weight : bold;
    border-bottom: 1px solid #cccccc; 
	margin : 10px 10px 10px 10px;

}

#contentwrapper_right_expand h3 {
  	color : #999967;
    font-size: 11px;
	margin : 10px 10px 10px 10px;
    
}

#contentwrapper_right_expand h4 {
  	color : #666666;
    float :right;    
    font-size: 10px;
    border-top: 1px solid #cccccc; 
	margin : 10px 10px 10px 10px;
    
}

#contentwrapper_right_expand p {
  	color : #666666;
    font-size: 10px;
	margin : 10px 10px 10px 10px;
    
}



#contentwrapper_right_1 {
    width : 410px;
    height: 350px;
    float: left;
  	background-color : #efefef;
    margin-top :1px;
    margin-bottom: 1px;
    margin-right: 6px;
    margin-left: 6px    
    border: 1px solid #999967;
	border-radius: 5px;
}

#contentwrapper_right_2 {
    width : 410px;
    height: 350px;
    float: left;
  	background-color : #efefef;
  	margin-top :1px;
    margin-bottom: 1px;
    margin-right: 6px;
    margin-left: 6px    
    border: 1px solid #999967;
	border-radius: 5px;  	
}

#contentwrapper_right_2 {
    width : 410px;
    height: 350px;
    float: left;
  	background-color : #efefef;
  	margin-top :1px;
    margin-bottom: 1px;
    margin-right: 6px;
    margin-left: 6px    
    border: 1px solid #999967;
	border-radius: 5px;  	
}

#contentwrapper_right_2_spacer {
    width : 410px;
    height: 10px;
    float: left;
  	background-color : #efefef;
  	margin-top :1px;
    margin-bottom: 1px;
    margin-right: 6px;
    margin-left: 6px    
    border: 1px solid #999967;
	border-radius: 5px;  	
}


#contentwrapper_right_2_split {
    width : 120px;
    height: 80px;
    float: left;
  	background-color : #efefef;
  	margin-top :1px;
    margin-bottom: 1px;
    margin-right: 6px;
    margin-left: 6px    
    border: 1px solid #999967;
	border-radius: 5px;  	
}

#contentwrapper_right_2_split img {
    float: left;
  	margin-top :7px;
    margin-bottom: 1px;
    margin-right: 6px;
    margin-left: 6px    
    -moz-box-shadow: 0px 0px 10px #333333;
    -webkit-box-shadow: 0px 0px 10px #333333;
    box-shadow: 0px 0px 10px #333333; 	
}


#contentwrapper_right_2_splittxt {
    width : 260px;
    height: 80px;
    float: right;
  	margin-top : 1px;
    margin-bottom: 1px;
    margin-right: 6px;
    margin-left: 6px    	
}

#contentwrapper_right_3 a {
    color: #999967;
    font-size:10px;
    font-weight:normal;
    text-shadow: 0px 0px 1px #666666;
    margin-left: 30px;
}



#contentwrapper_right_3 {
    width : 410px;
    height: 350px;
    float: left;
  	background-color : #efefef;
  	margin-top :1px;
    margin-bottom: 1px;
    margin-right: 6px;
    margin-left: 6px    
    border: 1px solid #999967;
	border-radius: 5px;  	
}