/*
 *	Zen Wireframe 2.1 Business
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2005-2008 - Gregory Remington, www.mediatech.net
 * 	Some rights reserved, http://creativecommons.org/licenses/by-sa/3.0/
 */

/*************************/
/* OACC Styles */
/*************************/

#masthead-text {
padding: 0px 0px 10px 3px;
}

img {
	border-width: 0px;
}

.masthead-style1 {
display:inline;margin-bottom:20px; font-size:24px; color:red; font-family:Georgia, Times New Roman, Times, serif;
}

.masthead-style2 {
display:inline;margin-bottom:20px; font-size:10px; color:red; font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

.masthead-style3 {
display:inline;margin-bottom:20px; padding: 0px 2px 0px 1px; font-size:18px; color:red; font-family:Georgia, Times New Roman, Times, serif
}


/***************************/
/* General element styles: */
/***************************/

H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color:#333; }
INPUT, TEXTAREA { background-color:#fff; }
INPUT:hover, TEXTAREA:hover { background-color:#eee; }
INPUT:focus, TEXTAREA:focus { background-color:#fff; }

A { color:#970000; text-decoration:none; }
A:hover { color:red; text-decoration:underline; }

FORM { margin:0px; }

P, TD, UL, OL { font-size:12px; line-height:1.3em; color:#666; margin: 0px  0px 10px 0px;}
P B { color:#000; }

input, textarea, select, textarea { font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color:#666; border: #ccc 1px solid; font-size:12px; margin:2px; }
ul { margin-left:8px;padding-left:0px;list-style-position: inside; }
label { margin:0px; }
fieldset { border:0px solid #fff }
legend { border:0px solid #fff; font-size:16px; color:#333 ; font-weight:bold; margin-left: -4px; }


/******************/
/* Headers, plain */
/******************/

H1 { font-size:22px; color:#ff0033 ; font-weight:bold;}
H2 { font-size:18px; color:#ff0033 ; font-weight:bold; }
H3 { font-size:16px; color:#ff0033 ; font-weight:bold;}
H4 { font-size:14px; color:#000 ; font-weight:bold;}
H5 { font-size:12px; color:#000 ; font-weight:bold;}
H1, H2, H3, H4, H5, H6 { margin:0 0 8px 0; padding:0;}
H4 {margin-bottom:0px;}

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A { color: red; text-decoration:none; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover { color: red; text-decoration:underline; }

H5 A { color: #970000; text-decoration:none; }
H5 A:hover { color: red; text-decoration:underline; }

/**********/
/* Images */
/**********/

/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }

	
/*******************/
/* Template Layout */
/*******************/

body {
margin:0;
padding:0;
font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
text-align:left;
font-size:12px;
color:#666;
background:#fff;
}

#container {
margin:0 auto;
top:26px;
position:relative; /* needed for left,right,top,bottom */
width:909px;
text-align:left;
padding:0px; /* add padding for white space around background image */
background: url(../images/background.gif) 0 0 repeat;
border:0px solid red; /* use 1px to turn on as a visual spacing aid or style */
}

#header {
text-align:left;
height:394px;
background: url(../images/background.gif) 0 0 repeat;
border:0px solid red; /* use 1px to turn on as a visual spacing aid or style */
}

#masthead {
z-index: 10;
height:300px;
padding-top:14px;
border:0px solid red; /* use 1px to turn on as a visual spacing aid or style */
}

#masthead img {
border-width:0px;
}


/******************************/
/* Left, Right Border Columns */
/******************************/

#left-content {
float:left;
position:relative; /* needed for left,right,top,bottom */
left:2px; /* increase value to add more white space */
width:175px;
margin-bottom:10px;
border:0px solid red; /* use 1px to turn on as a visual spacing aid or style */
}

#right-content {
float:right;
width:175px;
margin-bottom:10px;
border:0px solid red; /* use 1px to turn on as a visual spacing aid or style */
}

#border-content {
clear:both;
width:auto;
background-color:#fff;
border:0px solid red; /* turn on for visual spacing aid or style */
}


/*******************/
/* 1 Column Styles */
/*******************/

#main-content1col {
position:relative; /* needed for left,right,top,bottom */
left: 0px;
width:auto;
padding:0px;
margin-bottom: 2px;
border:0px solid red; /* use 1px to turn on as a visual spacing aid or style */
}


/*******************/
/* 2 Column Styles */
/*******************/

#main-content2col {
float:right;
position:relative; /* needed for left,right,top,bottom */
right: 2px; /* increase value to add more white space */
width:562px;
padding:0px 8px;
margin-bottom: 4px;
border:0px solid red; /* use 1px to turn on as a visual spacing aid or style */
}

/************************/
/* Weblog Styles */
/************************/

#main-content2col-blog {
position:relative;
float:left;
left:2px; /* increase value to add more white space */
width:700px;
padding:2px 6px;
margin-bottom: 4px;
border:0px solid red; /* use 1px to turn on as a visual spacing aid or style */
}

#right-content-blog {
position:relative;
float:right;
right: 2px; /* increase value to add more white space */
width:175px;
margin-bottom:4px;
border:0px solid red; /* use 1px to turn on as a visual spacing aid or style */
}

/*****************/
/* Footer Styles */
/*****************/

#footer {
clear:both;
margin-top:20px;
width:auto; height:40px;
background-color:#ccc;
border:0px solid #999; /* use 1px to turn on as a visual spacing aid or style */
}

#footertext {
text-align:center;
padding-top:14px;
font-size:10px;
font-weight: bold;
color: #333;
}

.footerlink a {
font-size:10px;
font-weight: bold;
color: #ff0033;
}

.footerlink a:hover {
color: red;
}

#footer2 {
clear:both;
padding:10px;
width:744px;
margin:0 auto;
margin-top:8px;
border:0px solid red; /* use 1px to turn on as a visual spacing aid or style */
}


/***************************/
/* Form Elements and Links */
/***************************/

#breadcrumb {
float:left;
position:relative;
top:-24px;
}

#breadcrumb a {
color:#000; text-decoration:none;
}

#breadcrumb a:hover {
color:#333; text-decoration:underline;
}

.content-navigation {
float:left;
width:175px;
height:18px;
vertical-align:bottom;
padding-bottom:8px;
font-weight:normal;
}

.content-navigation img {
margin:0;
padding-left:4px;
padding-top:2px;
vertical-align:top;
}

.content-navigation a {
padding-right:4px;
text-decoration: none;
font-weight:normal;
}

/************************************/
/* Place Holder Divs for TemplaVoila */
/************************************/

#print, #tipafriend, #pdf {
float:left;
}

#login-box {
}

#vertnav-title {
}

#vertnav-menu {
margin-bottom:12px;
}

#content-left {
}

#login-box {
}


/* Header date */ 
P.csc-header-date { font-size:10px; color:#555; }

/*************************/
/* Extension Styles */
/*************************/

.tx-felogin-pi1 .submit {
padding: 4px;
width:130px;
margin-top:8px;
}

/***********************/
/* Page Content Frames */
/***********************/

/* Frame 1 */

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { clear:both; height: 1%;  background-color:#eee; color:#ff0033; padding:2px 6px;}

DIV.csc-frame-frame1 { background-color: #fff; border: 0px solid #ccc; padding:2px; margin: 0px 0px 12px 0px; }

DIV.csc-frame-frame1 p { color:#000; padding:0px 6px; }

/* Frame 2 */
DIV.contentframe3 H1, DIV.contentframe3 H2, DIV.contentframe3 H3, DIV.contentframe3 H4, DIV.contentframe3 H5 { clear:both; height: 1%;  background-color:#fff; color:#333; padding:2px 6px;}

DIV.csc-frame-frame2 {  padding:0px 0px 10px 0px; background: url(../images/menu_dot.gif) repeat-x bottom; margin-bottom:10px; font-size:12px; }
DIV.contentframe3 p { color:#000; padding:0px 6px; }


/* Frame 3 */

/* See root (pid=1) Typoscript template and page TS to add new styles */

DIV.contentframe3 H1, DIV.contentframe3 H2, DIV.contentframe3 H3, DIV.contentframe3 H4, DIV.contentframe3 H5 { clear:both; height: 1%;  background-color:#ff0033; clear:left; color:#fff; padding:2px 6px;}

DIV.contentframe3 { background-color: #fff; border: 0px solid #ccc; padding:0px; margin: 0px 0px 18px 0px; }

DIV.contentframe3 p { color:#000; padding:0px 6px; }


/* Center Mini Calendar */

DIV.center-mini-calendar { margin: 0 auto;text-align:center; width:200px; }


/*************************/
/* KB Content Containers */
/*************************/

.kb-container {
z-index: 3000;
float:left;
width:100%;
}

.kb-clearer {
clear:both;
height:0px;
width:909px;
}

.iefix {
clear:both;
border: 0;
color: #fff;
}

/* 2 Column Content Containers */

.kb2column-909-l {
width:420px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0 0 0 0; border-color: #ccc; border-style: solid;
}

.kb2column-909-r {
width:420px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0 0 0 0; border-color: #ccc; border-style: solid;
}

/* 3 Column Content Containers */

.kb-3colwrapper-r {
width:590px;
float:right;
}

.kb3column-909-l {
width:270px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0 0 0 0; border-color: #ccc; border-style: solid;
}

.kb3column-909-r {
width:270px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0 0 0 0; border-color: #ccc; border-style: solid;
}

/* 4 Column Content Containers */

.kb-4colwrapper-l {
width:434px;
float:left;
}
.kb-4colwrapper-r {
width:434px;
float:right;
}

.kb4column-909-l {
width:204px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0 0 0 0; border-color: #ccc; border-style: solid;
}

.kb4column-909-r {
width:204px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0 0 0 0; border-color: #ccc; border-style: solid;
}