/* Start of CMSMS style sheet 'MacGregor : Layout' */
/* GENERAL ///////////////////////////////////////////////////////////////////////// */

body {
margin:0px;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size: 12px
background-image : url(uploads/images/background/background-header.gif);
background-repeat :repeat-x;
background-position : top;
background-color : #1b1b1b;
} 

img {
padding:0;
margin:0;
border:0;
}
blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}

/* CONTAINERS ///////////////////////////////////////////////////////////////////////// */

#container {
margin: 0 auto;
width: 900px;

}

/* LINKS  ///////////////////////////////////////////////////////////////////////// */

a,
a:link 
a:active {
text-decoration: underline;
background-color: inherit; 
color: #333333;
}
a:visited {
text-decoration: underline;
background-color: inherit;
color: #333333;
}
a:hover {
text-decoration: underline; 
color: #660000;
}

/* WRAPPERS ///////////////////////////////////////////////////////////////////////// */

#wrapper-header {
margin: 0 auto;
width: 100%;
clear:both;

}
#wrapper-header-main {
margin: 0 auto;
width: 100%;
height: 95px;
clear:both;
}
#wrapper-main {
background-image : url(uploads/images/background/background-actionarea.gif);
background-repeat :repeat-x;
background-position : top;
background-color : #fff;
border-top:2px solid #fff;
margin: 0 auto;
width: 100%;
clear:both;
}
#wrapper-footer {
background-image : url(uploads/images/background/background-footer.gif);
background-repeat :repeat-x;
background-position : top;
margin: 0 auto;
width: 100%;
clear:both;
}

/* HEADER ///////////////////////////////////////////////////////////////////////// */

#header {
float: left; 
width: 100%;
height:75px;
clear: both;
}
#header p {
margin: 0px;
}
#header #logo { 
float: left; 
margin-top: 25px;
width: 210px;
color: #4A7195; 
font-family: Arial; 
}
#header #logo a img { 
border:none; 
}
h3{
font-size: 16px;
color: #333333;
}
/* HOMEPAGE BANNER ///////////////////////////////////////////////////////////////////////// */

#homebanner {
text-align:left;
width: 900px;
padding:20px 0px;
padding-bottom: 0px;
font-family:'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
font-weight:normal;
font-size:18px;
color:#ffffff;
float:left;
}
#homebanner img {
padding:0;
margin:0;
border:0;
float:left;
}

#homebanner h2{
font-size: 16px;
}


/* MAIN BANNER ///////////////////////////////////////////////////////////////////////// */

#mainbanner #left {
text-align:left;
width: 310px;
padding:20px;
font-family:'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
font-weight:normal;
font-size:18px;
color:#ffffff;
float:left;
}
#mainbanner #right {
float:left;
width: 550px;
}
#mainbanner h1 {
font-family:'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
font-weight:normal;
font-size: 36px;
line-height:36px;
color:#ffffff;
margin-bottom:-10px;
padding:0;
}

/* ACTION-AREA ///////////////////////////////////////////////////////////////////////// */

#action {
background-image : url(uploads/images/background/background-actionarea.gif);
background-repeat :repeat-x;
background-position : top;
border-top: 3px solid #fff;
font-size: 12px;
margin: 0 auto;
width: 100%;
padding-bottom: 45px;
clear: both;
} 
div.clearboth {
clear:both;
} 
#action .box1 {
float:left;
width:203px;
padding:10px;
border-right:2px solid #fff;
} 
#action .box2 {
float:left;
width:203px;
padding:10px;
border-right:2px solid #fff;
} 
#action .box3 {
float:left;
width:203px;
padding:10px;
border-right:2px solid #fff;
} 
#action .box4 {
float:left;
width:203px;
padding:10px;
}
#action h2 {
font-family:'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
font-size: 22px;
color: #990000;
font-weight: bold;
margin-bottom:20px;
}

/* LEFT SIDE BAR ///////////////////////////////////////////////////////////////////////// */

div#leftsidebar {
float: left;
margin-top:35px;
padding-bottom:35px;
min-width: 200px;
width: 200px;
}

div#leftsidebar #callout {
font-size: 12px;
}
div#leftsidebar #callout p {
padding-left: 10px; 
}
div#leftsidebar #callout ul {
margin-left: 25px;
list-style-type: square;
}
div#leftsidebar #callout h2 {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 14px;
border-right: none;
font-weight: bold;
padding: 10px 0.5em 10px 10px;
background-color: #444;
color: #f0f0f0;
line-height: 1em; 
margin: 0;
text-align:left;
}

/* CONTENT ///////////////////////////////////////////////////////////////////////// */

div#content {
/*font-family:'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif; */
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size: 14px;
line-height: 20px;
color: #666666;
padding:30px;
padding-top:45px;
width: 430px;
float: left;
}
div#content p {
margin: 5px 0px 10px 0px;
}

/* RIGHT SIDE BAR ///////////////////////////////////////////////////////////////////////// */

div#rightsidebar {
float: right;
margin-top:35px;
min-width: 200px;
width: 200px;
padding-bottom:35px;
}

div#rightsidebar #callout {
font-size: 12px;
}
div#rightsidebar #callout p {
padding-left: 10px; 
}
div#rightsidebar #callout ul {
margin-left: 0px;
padding-left: 25px;
list-style-type: square;
}
div#rightsidebar #callout h2 {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 14px;
border-right: none;
font-weight: bold;
padding: 10px 0.5em 10px 10px;
background-color: #444;
color: #f0f0f0;
line-height: 1em; 
margin: 0;
text-align:left;
}

/* FOOTER ///////////////////////////////////////////////////////////////////////// */

#footer {
font-size: 12px;
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
text-align: right;
color: #f0f0f0;
}
#footer p {
margin:0px;
} 
#footer a {
font-family : verdana, arial, geneva, sans-serif; 
text-decoration : none; 
color : #f0f0f0; 
} 
#footer a:hover {
font-family : verdana, arial, geneva, sans-serif; 
text-decoration : none; 
color : #fff; 
} 

/* H-STYLES ////////////////////////////////////////////////////////////////////////// */

h1 {
color:#990000;
font-size:22px;
line-height: 32px;
margin-bottom: -10px;
margin-top: 0px;
}

h2 {
font-size:1.6em;
color: #990000;
margin-bottom: 10px;
margin-top: 0px;
}

h3 {
color: #666; 
font-size: 13px;
margin-top: 0px;
}
h4 {
color: #666; 
font-size: 12px;
}
h5 {
color: #333; 
font-size: 11px;
}
h6 {
color: #333; 
font-size: 10px;
}


/* CONTACT FORM ///////////////////////////////////////////////////////////////////////// */

.contactform div label {display:block; width:100px; } 
.contactform div.required {color:#990000; } 
.contactform textarea {width: 90%;} 

div.error {color: #cc9933;} 
div.error_message {color: #cc9933;} 

/* REGISTRATION ================================ */

table#registration {
width: 100%;
}
table#registration td {
text-align: left;
}

.registrationform .taxnumber label {width:100%;}
.registrationform textarea {height:100px;width: 475px;}
.registrationform div {padding: 1px;}
.registrationform .spacing {padding-top: 10px;}
.registrationform .general label {float:left; width:150px;}
.registrationform .inputvalue label {float:left; width:150px;}
.registrationform .inputvalue input {border: 1px solid #fff;font-weight: bold;}
.registrationform .inputvalue textarea {width: 300px;height:35px;border: 1px solid #fff;font-weight: bold;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;overflow:hidden;}
.registrationform .checkbox div {margin-left:150px; clear:both;}
.registrationform .checkbox label {float:left;}
.registrationform .checkbox div label {float:none;}
.registrationform .paragraph {clear:both; width:100%; border-top: 1px solid #c0c0c0; padding-top: 10px; padding-bottom: 10px; margin-top: 15px;}
.registrationform .paragraph2 {clear:both; width:100%; padding-bottom: 10px; margin-top: 15px;}
div.submit {text-align:right;}
h4 {font-size:12px;color:#850000;padding:0;margin:0;}

.required {
color : #850000;
}
.required input, .required textarea {}
/* End of 'MacGregor : Layout' */